@charset "UTF-8";
/** @file Custom styles for mediaelement.js */
/* BANNER.  */
/* SHOW BANNER SETTINGS */
/* HOMEPAGE BANNER SETTINGS */
/* rest settings are like for show banner */
/* former 220px */
/* BANNER.  */
/* SHOW BANNER SETTINGS */
/* HOMEPAGE BANNER SETTINGS */
/* rest settings are like for show banner */
/* former 220px */
@font-face { font-family: SpartanMBRegular; src: url("../../fonts/SpartanMB-Regular.otf") format("opentype"); }
@font-face { font-family: SpartanMBSemiBold; src: url("../../fonts/SpartanMB-SemiBold.otf") format("opentype"); }
@font-face { font-family: SpartanMBBold; src: url("../../fonts/SpartanMB-Bold.otf") format("opentype"); }
/* Play Button icon for media thumbnails in Seasons */
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
/* line 11, ../../scss/modules/mediaelement.scss */
.mejs__offscreen { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }

/* line 25, ../../scss/modules/mediaelement.scss */
.mejs__container { box-sizing: border-box; color: black; font-size: 20px; height: 68px; position: relative; text-align: left; text-indent: 0; vertical-align: top; }

/* line 36, ../../scss/modules/mediaelement.scss */
.mejs__container * { box-sizing: border-box; }

/* Hide native play button and control bar from iOS to favor plugin button */
/* line 41, ../../scss/modules/mediaelement.scss */
.mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; }

/* line 49, ../../scss/modules/mediaelement.scss */
.mejs__fill-container, .mejs__fill-container .mejs__container { height: 100%; width: 100%; }

/* line 55, ../../scss/modules/mediaelement.scss */
.mejs__fill-container { background: transparent; margin: 0 auto; overflow: hidden; position: relative; }

/* line 62, ../../scss/modules/mediaelement.scss */
.mejs__container:focus { outline: none; }

/* line 66, ../../scss/modules/mediaelement.scss */
.mejs__iframe-overlay { height: 100%; position: absolute; width: 100%; }

/* line 72, ../../scss/modules/mediaelement.scss */
.mejs__embed, .mejs__embed body { background: #ffffff; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

/* line 82, ../../scss/modules/mediaelement.scss */
.mejs__fullscreen { overflow: hidden !important; }

/* line 86, ../../scss/modules/mediaelement.scss */
.mejs__container-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; }

/* line 96, ../../scss/modules/mediaelement.scss */
.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video { height: 100% !important; width: 100% !important; }

/* Start: LAYERS */
/* line 103, ../../scss/modules/mediaelement.scss */
.mejs__background { left: 0; position: absolute; top: 0; }

/* line 109, ../../scss/modules/mediaelement.scss */
.mejs__mediaelement { height: 100%; left: 0; position: absolute; top: 0; z-index: 0; }

/* line 117, ../../scss/modules/mediaelement.scss */
.mejs__poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; top: 0; z-index: 1; }

/* line 127, ../../scss/modules/mediaelement.scss */
:root .mejs__poster-img { display: none; }

/* line 131, ../../scss/modules/mediaelement.scss */
.mejs__poster-img { border: 0; padding: 0; }

/* line 136, ../../scss/modules/mediaelement.scss */
.mejs__overlay { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; }

/* line 154, ../../scss/modules/mediaelement.scss */
.mejs__layer { z-index: 1; }

/* line 158, ../../scss/modules/mediaelement.scss */
.mejs__overlay-play { cursor: pointer; }

/* line 162, ../../scss/modules/mediaelement.scss */
.mejs__overlay-button { background: url("mejs-controls.svg") no-repeat; background-position: 0 -39px; height: 80px; width: 80px; }

/* line 169, ../../scss/modules/mediaelement.scss */
.mejs__overlay:hover > .mejs__overlay-button { background-position: -80px -39px; }

/* line 173, ../../scss/modules/mediaelement.scss */
.mejs__overlay-loading { height: 80px; width: 80px; }

/* line 178, ../../scss/modules/mediaelement.scss */
.mejs__overlay-loading-bg-img { -webkit-animation: mejs__loading-spinner 1s linear infinite; animation: mejs__loading-spinner 1s linear infinite; background: transparent url("mejs-controls.svg") -160px -40px no-repeat; display: block; height: 80px; width: 80px; z-index: 1; }

@-webkit-keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes mejs__loading-spinner { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
/* End: LAYERS */
/* Start: CONTROL BAR */
/* line 205, ../../scss/modules/mediaelement.scss */
.mejs__controls { bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 4.5rem; left: 0; list-style-type: none; margin: 0; padding: 5px 10px; padding-left: 0px; padding-right: 0px; width: 100%; z-index: 3; }

/* line 222, ../../scss/modules/mediaelement.scss */
.mejs__button, .mejs__time, .mejs__time-rail { height: 56px; margin: 0; width: 52px; }

/* line 230, ../../scss/modules/mediaelement.scss */
.mejs__button > button { border: 0; cursor: pointer; display: block; font-size: 0; height: 36px; line-height: 0; margin: 10px 6px; overflow: hidden; padding: 0; position: absolute; text-decoration: none; width: 40px; margin-left: 0px; }

/* line 246, ../../scss/modules/mediaelement.scss */
.mejs__button > button::before { position: absolute; left: 0; top: 0; font-family: "foundation-icons"; font-size: 36px; line-height: 36px; height: 36px; width: 40px; text-align: center; }

/* :focus for accessibility */
/* line 259, ../../scss/modules/mediaelement.scss */
.mejs__button > button:focus { outline: dotted 1px #999; }

/* line 263, ../../scss/modules/mediaelement.scss */
.mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus, .mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus { outline: 0; }

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
/* line 275, ../../scss/modules/mediaelement.scss */
.mejs__time { box-sizing: content-box; font-weight: bold; height: 30px; overflow: hidden; padding: 18px 6px 0; text-align: center; width: auto; }

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
/* line 288, ../../scss/modules/mediaelement.scss */
.mejs__play > button::before { content: "\f198"; }

/* line 292, ../../scss/modules/mediaelement.scss */
.mejs__pause > button::before { content: "\f191"; }

/* line 296, ../../scss/modules/mediaelement.scss */
.mejs__replay > button { background-position: -160px 0; }

/* End: Play/Pause/Stop */
/* Start: Progress Bar */
/* line 303, ../../scss/modules/mediaelement.scss */
.mejs__time-rail { direction: ltr; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 60px; margin: 0 10px; padding-top: 10px; position: relative; }

/* line 315, ../../scss/modules/mediaelement.scss */
.mejs__time-total, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-current, .mejs__time-float, .mejs__time-hovered, .mejs__time-float-current, .mejs__time-float-corner, .mejs__time-marker { border-radius: 2px; cursor: pointer; display: block; height: 10px; position: absolute; }

/* line 331, ../../scss/modules/mediaelement.scss */
.mejs__time-total { background: rgba(255, 255, 255, 0.3); margin: 5px 0 0; width: 100%; }

/* line 337, ../../scss/modules/mediaelement.scss */
.mejs__time-buffering { -webkit-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size: 15px 15px; width: 100%; }

@-webkit-keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
@keyframes buffering-stripes { from { background-position: 0 0; }
  to { background-position: 30px 0; } }
/* line 364, ../../scss/modules/mediaelement.scss */
.mejs__time-loaded { background: rgba(255, 255, 255, 0.3); }

/* line 368, ../../scss/modules/mediaelement.scss */
.mejs__time-current, .mejs__time-handle-content { background: rgba(255, 255, 255, 0.9); }

/* line 373, ../../scss/modules/mediaelement.scss */
.mejs__time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; }

/* line 378, ../../scss/modules/mediaelement.scss */
.mejs__time-hovered.negative { background: rgba(0, 0, 0, 0.2); }

/* line 382, ../../scss/modules/mediaelement.scss */
.mejs__time-current, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-hovered { left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0.15s ease-in all; transition: 0.15s ease-in all; width: 100%; }

/* line 398, ../../scss/modules/mediaelement.scss */
.mejs__time-buffering { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

/* line 404, ../../scss/modules/mediaelement.scss */
.mejs__time-hovered { -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); }

/* line 409, ../../scss/modules/mediaelement.scss */
.mejs__time-hovered.no-hover { -webkit-transform: scaleX(0) !important; -ms-transform: scaleX(0) !important; transform: scaleX(0) !important; }

/* line 415, ../../scss/modules/mediaelement.scss */
.mejs__time-handle, .mejs__time-handle-content { border: 4px solid transparent; cursor: pointer; left: 0; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; }

/* line 427, ../../scss/modules/mediaelement.scss */
.mejs__time-handle-content { border: 4px solid rgba(255, 255, 255, 0.9); border-radius: 50%; height: 10px; left: -7px; top: -4px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 10px; }

/* line 439, ../../scss/modules/mediaelement.scss */
.mejs__time-rail:hover .mejs__time-handle-content, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail .mejs__time-handle-content:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/* line 447, ../../scss/modules/mediaelement.scss */
.mejs__time-float { background: #eee; border: solid 1px #333; bottom: 100%; color: #111; display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 36px; }

/* line 463, ../../scss/modules/mediaelement.scss */
.mejs__time-float-current { display: block; left: 0; margin: 2px; text-align: center; width: 30px; }

/* line 471, ../../scss/modules/mediaelement.scss */
.mejs__time-float-corner { border: solid 5px #eee; border-color: #eee transparent transparent; border-radius: 0; display: block; height: 0; left: 50%; line-height: 0; position: absolute; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; }

/* line 487, ../../scss/modules/mediaelement.scss */
.mejs__long-video .mejs__time-float { margin-left: -23px; width: 64px; }

/* line 492, ../../scss/modules/mediaelement.scss */
.mejs__long-video .mejs__time-float-current { width: 60px; }

/* line 496, ../../scss/modules/mediaelement.scss */
.mejs__broadcast { position: absolute; top: 18px; width: 100%; color: rgba(77, 83, 88, 0.8); }

/* End: Progress Bar */
/* Start: Fullscreen */
/* line 506, ../../scss/modules/mediaelement.scss */
.mejs__fullscreen-button > button { background-position: -80px 0; }

/* line 510, ../../scss/modules/mediaelement.scss */
.mejs__unfullscreen > button { background-position: -100px 0; }

/* End: Fullscreen */
/* Start: Mute/Volume */
/* line 517, ../../scss/modules/mediaelement.scss */
.mejs__mute > button::before { content: "\f211"; }

/* line 521, ../../scss/modules/mediaelement.scss */
.mejs__unmute > button::before { content: ""; }

/* line 525, ../../scss/modules/mediaelement.scss */
.mejs__volume-button { position: relative; }

/* line 529, ../../scss/modules/mediaelement.scss */
.mejs__volume-button > .mejs__volume-slider { background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 25px; z-index: 1; }

/* line 545, ../../scss/modules/mediaelement.scss */
.mejs__volume-button:hover { border-radius: 0 0 4px 4px; }

/* line 549, ../../scss/modules/mediaelement.scss */
.mejs__volume-total { background: rgba(224, 226, 226, 0.5); height: 100px; left: 50%; margin: 0; position: absolute; top: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2px; }

/* line 562, ../../scss/modules/mediaelement.scss */
.mejs__volume-current { background: rgba(0, 0, 0, 0.9); left: 0; margin: 0; position: absolute; width: 100%; }

/* line 570, ../../scss/modules/mediaelement.scss */
.mejs__volume-handle { background: rgba(255, 255, 255, 0.9); border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 16px; }

/* line 583, ../../scss/modules/mediaelement.scss */
.mejs__horizontal-volume-slider { display: block; height: 56px; position: relative; vertical-align: middle; width: 62px; margin: 0 6px; }

/* line 592, ../../scss/modules/mediaelement.scss */
.mejs__horizontal-volume-total { background: #E0E2E2; border-radius: 2px; font-size: 1px; height: 4px; left: 0; margin: 0; padding: 0; position: absolute; top: 26px; width: 50px; }

/* line 605, ../../scss/modules/mediaelement.scss */
.mejs__horizontal-volume-current { background: #4D5358; border-radius: 2px; font-size: 1px; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; }

/* line 618, ../../scss/modules/mediaelement.scss */
.mejs__horizontal-volume-handle { width: 18px; height: 18px; position: absolute; top: -7px; background-color: black; border-radius: 50%; }

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
/* line 630, ../../scss/modules/mediaelement.scss */
.mejs__captions-button, .mejs__chapters-button { position: relative; }

/* line 635, ../../scss/modules/mediaelement.scss */
.mejs__captions-button > button { background-position: -140px 0; }

/* line 639, ../../scss/modules/mediaelement.scss */
.mejs__chapters-button > button { background-position: -180px 0; }

/* line 643, ../../scss/modules/mediaelement.scss */
.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; }

/* line 658, ../../scss/modules/mediaelement.scss */
.mejs__chapters-button > .mejs__chapters-selector { margin-right: -55px; width: 110px; }

/* line 663, ../../scss/modules/mediaelement.scss */
.mejs__captions-selector-list, .mejs__chapters-selector-list { list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; }

/* line 671, ../../scss/modules/mediaelement.scss */
.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item { cursor: pointer; display: block; list-style-type: none !important; margin: 0 0 6px; overflow: hidden; padding: 0 10px; }

/* line 681, ../../scss/modules/mediaelement.scss */
.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover { background-color: #c8c8c8 !important; background-color: rgba(255, 255, 255, 0.4) !important; }

/* line 687, ../../scss/modules/mediaelement.scss */
.mejs__captions-selector-input, .mejs__chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; }

/* line 696, ../../scss/modules/mediaelement.scss */
.mejs__captions-selector-label, .mejs__chapters-selector-label { cursor: pointer; float: left; line-height: 1.25em; padding: 4px 0 0; }

/* line 704, ../../scss/modules/mediaelement.scss */
.mejs__captions-selected, .mejs__chapters-selected { color: #21f8f8; }

/* line 709, ../../scss/modules/mediaelement.scss */
.mejs__captions-translations { margin: 0 0 5px; }

/* line 713, ../../scss/modules/mediaelement.scss */
.mejs__captions-layer { bottom: 0; left: 0; line-height: 1.2em; position: absolute; text-align: center; }

/* line 721, ../../scss/modules/mediaelement.scss */
.mejs__captions-layer a { text-decoration: underline; }

/* line 725, ../../scss/modules/mediaelement.scss */
.mejs__captions-layer[lang=ar] { font-weight: normal; }

/* line 729, ../../scss/modules/mediaelement.scss */
.mejs__captions-position { bottom: 15px; left: 0; position: absolute; width: 100%; }

/* line 736, ../../scss/modules/mediaelement.scss */
.mejs__captions-position-hover { bottom: 35px; }

/* line 740, ../../scss/modules/mediaelement.scss */
.mejs__captions-text, .mejs__captions-text * { background: rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; }

/* line 748, ../../scss/modules/mediaelement.scss */
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container { display: none; }

/* End: Track (Captions and Chapters) */
/* Start: Error */
/* line 755, ../../scss/modules/mediaelement.scss */
.mejs__overlay-error { position: relative; }

/* line 758, ../../scss/modules/mediaelement.scss */
.mejs__overlay-error > img { left: 0; position: absolute; top: 0; z-index: -1; }

/* line 764, ../../scss/modules/mediaelement.scss */
.mejs__cannotplay, .mejs__cannotplay a { font-size: 0.8em; }

/* line 769, ../../scss/modules/mediaelement.scss */
.mejs__cannotplay { position: relative; }

/* line 773, ../../scss/modules/mediaelement.scss */
.mejs__cannotplay p, .mejs__cannotplay a { display: inline-block; padding: 0 15px; width: 100%; }

/* End: Error */
@media (max-width: 480px) { /* line 782, ../../scss/modules/mediaelement.scss */
  .mejs__controls { padding: 5px 0; }
  /* line 785, ../../scss/modules/mediaelement.scss */
  .mejs__time-rail { visibility: hidden; width: 0; margin: 0; } }
/* line 804, ../../scss/modules/mediaelement.scss */
.listenlive .mejs__duration-container { display: none; }