@charset "utf-8";
.WidgetArea[data-id="WidgetAreaLeft"] .actions .action-container { float: left !important; }

.WidgetArea { position: relative; }

.WidgetArea .actions { position: absolute; right: 0; z-index: 1000; }

.widget-area.top .WidgetArea .actions, .widget-area.top .WidgetArea .AddWidget, .widget-area.top .WidgetArea .sort-handle, .widget-area.top .WidgetArea .edit-handle, .widget-area.top .WidgetArea .delete-handle { z-index: 6000; }

.widget-area.top .WidgetArea[data-edit="1"] .WidgetHolderContent { min-height: 60px; }

.widget-area.top .WidgetArea .edit-handle, .widget-area.top .WidgetArea .delete-handle { top: auto; bottom: 2px; }

.widget-area:not(.top) .WidgetArea .AddWidget { margin-bottom: 150px; }

aside .WidgetArea .actions { margin-top: -30px; }

#WidgetArea-WidgetAreaRight[data-edit="1"] .actions { position: relative; }

@media only screen and (max-width: 640px) { .WidgetArea .actions { display: none; } }
.WidgetHolder { float: left; vertical-align: top; position: relative; }

.WidgetHolder.FloatRight { float: right; }

.WidgetHolder.ClearLeft { clear: left; }

.WidgetHolderContent { position: relative; }

.WidgetColumnSpan1, .WidgetColumnSpan2, .WidgetColumnSpan3, .WidgetColumnSpan4, .WidgetColumnSpan5 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 75px 0; }
@media (max-width: 480px) { .WidgetColumnSpan1, .WidgetColumnSpan2, .WidgetColumnSpan3, .WidgetColumnSpan4, .WidgetColumnSpan5 { margin-bottom: 25px; } }
@media (min-width: 481px) and (max-width: 670px) { .WidgetColumnSpan1, .WidgetColumnSpan2, .WidgetColumnSpan3, .WidgetColumnSpan4, .WidgetColumnSpan5 { margin-bottom: 35px; } }
@media (min-width: 671px) and (max-width: 767px) { .WidgetColumnSpan1, .WidgetColumnSpan2, .WidgetColumnSpan3, .WidgetColumnSpan4, .WidgetColumnSpan5 { margin-bottom: 45px; } }
@media (min-width: 768px) and (max-width: 1024px) { .WidgetColumnSpan1, .WidgetColumnSpan2, .WidgetColumnSpan3, .WidgetColumnSpan4, .WidgetColumnSpan5 { margin-bottom: 55px; } }

.WidgetHolder.expand { background: black; }

.WidgetHolder.expand:before, .WidgetHolder.expand:after { content: ""; background: #000; position: absolute; top: 0; bottom: 0; width: 9999px; width: 50vw; }

.WidgetHolder.expand:before { right: 100%; }

.WidgetHolder.expand:after { left: 100%; }

.WidgetHolder.expand.Black, .WidgetHolder.expand.Black:before, .WidgetHolder.expand.Black:after, .WidgetHolder.HtmlContentWidget.Black { background: black; }

.WidgetHolder.expand.Grey, .WidgetHolder.expand.Grey:before, .WidgetHolder.expand.Grey:after, .WidgetHolder.HtmlContentWidget.Grey { background: #eaeaea; }

.WidgetHolder.expand.Orange, .WidgetHolder.expand.Orange:before, .WidgetHolder.expand.Orange:after, .WidgetHolder.HtmlContentWidget.Orange { background: #e4a816; }

.WidgetHolder.expand.Red, .WidgetHolder.expand.Red:before, .WidgetHolder.expand.Red:after, .WidgetHolder.HtmlContentWidget.Red { background: #990000; }

.WidgetHolder.HtmlContentWidget.Black:not(.expand) .WidgetContent, .WidgetHolder.HtmlContentWidget.Grey:not(.expand) .WidgetContent, .WidgetHolder.HtmlContentWidget.Orange:not(.expand) .WidgetContent, .WidgetHolder.HtmlContentWidget.Red:not(.expand) .WidgetContent { padding: 0 10px; }

.WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }

.WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }

.WidgetColumns3 .WidgetColumnSpan1 { width: 33.3%; }

.WidgetColumns3 .WidgetColumnSpan2 { width: 66.6%; }

.WidgetColumns3 .WidgetColumnSpan3 { width: 99.9%; }

.WidgetColumns4 .WidgetColumnSpan1 { width: 25%; }

.WidgetColumns4 .WidgetColumnSpan2 { width: 50%; }

.WidgetColumns4 .WidgetColumnSpan3 { width: 75%; }

.WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }

.WidgetColumns5 .WidgetColumnSpan1 { width: 20%; }

.WidgetColumns5 .WidgetColumnSpan2 { width: 40%; }

.WidgetColumns5 .WidgetColumnSpan3 { width: 60%; }

.WidgetColumns5 .WidgetColumnSpan4 { width: 80%; }

.WidgetColumns5 .WidgetColumnSpan5 { width: 100%; }

@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) { .WidgetColumns2 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 33.3%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 66.6%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 99.9%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 33.3%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 66.6%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 99.9%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 33.3%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 66.6%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 99.9%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } }
@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) { .WidgetColumns3 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } }
@media only screen and (max-width: 640px) and (orientation: landscape) { .WidgetColumns3 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 50%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } }
@media only screen and (max-width: 640px) and (orientation: portrait) { .WidgetColumns2 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns2 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns3 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns4 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan1 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan2 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan3 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan4 { width: 100%; }
  .WidgetColumns5 .WidgetColumnSpan5 { width: 100%; } }