/* @group Basics */ #filterWrapperstacks_in_2 { display: block; position: relative; } #filterWrapperstacks_in_2 *, #filterWrapperstacks_in_2 *:before, #filterWrapperstacks_in_2 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* @end */ /* @group Filtrify Plugin CSS */ /* Commented-out webkit scrollbars */ /* reset */ ul.ft-menu, ul.ft-menu * { margin: 0; border: 0; padding: 0; line-height: 1; position: relative; text-align: left; font: normal normal 100% sans-serif; } ul.ft-menu { list-style: none; } ul.ft-menu > li.ft-field { display: inline-block; *display: inline; *zoom: 1; margin-right: 30px; background: none !important; position: relative !important; } ul.ft-menu > li.ft-field > span.ft-label { cursor: pointer; } ul.ft-menu > li.ft-field > div.ft-panel { position: absolute; min-width: 200px; background-clip: padding-box; border: 5px solid #333333; border: 5px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 100%; margin-top: 15px; left: 50%; margin-left: -105px; z-index: 9999; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); } ul.ft-menu > li.ft-field > div.ft-panel:before, ul.ft-menu > li.ft-field > div.ft-panel:after { position: absolute; content: " "; height: 0; width: 0; left: 50%; } ul.ft-menu > li.ft-field > div.ft-panel:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #333333; border-bottom: 10px solid rgba(0, 0, 0, 0.3); top: -15px; margin-left: -10px; } ul.ft-menu > li.ft-field > div.ft-panel:after { content: " "; height: 0; width: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #F5F3EE; top: -8px; margin-left: -8px; } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected { padding: 10px 10px 0 10px; background: #F5F3EE; } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li { font-size: 10px; display: inline-block; *display: inline; *zoom: 1; margin: 1px; cursor: pointer; padding: 0px 5px 1px 5px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); border: 1px solid #057ED0; border: 1px solid rgba(5, 126, 208, 0.7); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); background: #019AD2; background: -webkit-linear-gradient(#33BCEF, #019AD2); background: -moz-linear-gradient(#33BCEF, #019AD2); background: -o-linear-gradient(#33BCEF, #019AD2); background: -ms-linear-gradient(#33BCEF, #019AD2); background: linear-gradient(#33BCEF, #019AD2); } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:after { content: " \00D7"; color: white; } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:active { background: #33BCEF; background: -webkit-linear-gradient(#019AD2, #33BCEF); background: -moz-linear-gradient(#019AD2, #33BCEF); background: -o-linear-gradient(#019AD2, #33BCEF); background: -ms-linear-gradient(#019AD2, #33BCEF); background: linear-gradient(#019AD2, #33BCEF); } ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search { padding: 10px; background: #F5F3EE; background: -webkit-linear-gradient(#F5F3EE, #D0CDC9); background: -moz-linear-gradient(#F5F3EE, #D0CDC9); background: -o-linear-gradient(#F5F3EE, #D0CDC9); background: -ms-linear-gradient(#F5F3EE, #D0CDC9); background: linear-gradient(#F5F3EE, #D0CDC9); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#F5F3EE", EndColorStr="#D0CDC9"); } ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search:before { font: normal normal 12px "FiltrifyRegular"; content: "s"; position: absolute; width: 20px; bottom: 15px; left: 18px; color: #BBB; text-shadow: none; z-index: 1; } ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input { outline: none; display: block; width: 140px; padding: 4px 10px 4px 25px; color: gray; background: white; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; box-shadow: inset 0 1px 3px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.3); } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags { position: relative !important; max-height: 200px !important; border-top: 1px solid #33373D; overflow-x: hidden; overflow-y: auto; width: 100%; } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li { font-size: 12px; display: block; border-bottom: 1px solid #33373D; box-shadow: inset 0 1px 0 0 #878e98; display: block; font-weight: bold; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); padding: 8px 35px 8px 15px; cursor: pointer; background: #616975; background: -webkit-linear-gradient(#727A86, #505864); background: -moz-linear-gradient(#727A86, #505864); background: -o-linear-gradient(#727A86, #505864); background: -ms-linear-gradient(#727A86, #505864); background: linear-gradient(#727A86, #505864); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#727a86", EndColorStr="#505864"); } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after { content: attr(data-count); font-size: 11px; font-weight: normal; display: inline-block; *display: inline; *zoom: 1; position: absolute; right: 15px; top: 50%; margin-top: -9px; padding: 3px 6px; color: white; background: #48515C; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight { border-bottom: 1px solid #103C56; box-shadow: inset 0px 1px 0px 0px #6ad2ef; background: #35AFE3; background: -webkit-linear-gradient(#45C7EB, #2698DB); background: -moz-linear-gradient(#45C7EB, #2698DB); background: -o-linear-gradient(#45C7EB, #2698DB); background: -ms-linear-gradient(#45C7EB, #2698DB); background: linear-gradient(#45C7EB, #2698DB); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#45c7eb", EndColorStr="#2698db"); } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight:active { background: -webkit-linear-gradient(#2698DB, #45C7EB); background: -moz-linear-gradient(#2698DB, #45C7EB); background: -o-linear-gradient(#2698DB, #45C7EB); background: -ms-linear-gradient(#2698DB, #45C7EB); background: linear-gradient(#2698DB, #45C7EB); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#2698DB", EndColorStr="#45C7EB"); } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight:after { background: #2173A1; } ul.ft-menu > li.ft-field > div.ft-panel > div.ft-mismatch { font-size: 11px; padding: 10px 15px; color: white; background: #555555; background: -webkit-linear-gradient(#555555, #333333); background: -moz-linear-gradient(#555555, #333333); background: -o-linear-gradient(#555555, #333333); background: -ms-linear-gradient(#555555, #333333); background: linear-gradient(#555555, #333333); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#555555", EndColorStr="#333333"); } /* REQUIRED! */ .ft-hidden { display: none !important; } /* Custom webkit scrollbars */ /* ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar { width: 10px; } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0,0,0,0.5); background: #DDD; } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar-thumb { border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,0.7); background: #EEE; } */ /* @end */ /* @group Styles Added by WW */ #sortContainerstacks_in_2 { display: block; position: relative; overflow: visible; height: auto; } #placeHolderstacks_in_2 { display: inline; } #sortContainerstacks_in_2, ul.ft-menu { display: block; } ul.ft-menu { text-align: center; margin-bottom: 30px; } ul.ft-menu > li.ft-field { margin: 0 4px; } span.ft-label { display: block; padding: 8px 0; margin: 4px 0; width: 225px; font-size: 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-align: center; text-transform: capitalize; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; transition: all 300ms linear; color: #FFFFFF; border: solid 1px #555555; background: #888888; background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#575757)); background: -moz-linear-gradient(top, #888888, #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); } span.ft-label:hover { color: #FFFFFF; border: solid 1px #555555; background: #888888; background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#888888)); background: -moz-linear-gradient(top, #888888, #888888); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#888888'); } ul.ft-menu > li.ft-field > div.ft-panel { min-width: 225px; left: 0; margin-left: 0; } ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search::before { display: none; } ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input { padding: 5px 10px; width: 100%; } ul.ft-menu > li.ft-field > div.ft-panel::after { border-left: none; border-right: none; } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags { border-top: none; } /* Static Tags */ ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li { font-size: 12px; border-bottom: none; box-shadow: none; color: #FFFFFF; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); padding: 8px 35px 8px 15px; cursor: pointer; background: #888888; background: -webkit-linear-gradient(#888888, #707070); background: -moz-linear-gradient(#888888, #707070); background: -o-linear-gradient(#888888, #707070); background: -ms-linear-gradient(#888888, #707070); background: linear-gradient(#888888, #707070); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#888888", EndColorStr="#707070"); } /* Hovered Tags */ ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight { border-bottom: none; box-shadow: none; background: #666666; background: -webkit-linear-gradient(#666666, #4C4C4C); background: -moz-linear-gradient(#666666, #4C4C4C); background: -o-linear-gradient(#666666, #4C4C4C); background: -ms-linear-gradient(#666666, #4C4C4C); background: linear-gradient(#666666, #4C4C4C); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#666666", EndColorStr="#4C4C4C"); } /* Tag Counts */ ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after { font-size: 11px; color: #FFFFFF; background: #48515C; } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight:after { color: #FFFFFF; background: #191919; } /* Active Tags */ ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li { font-size: 12px; color: #FFFFFF; margin-bottom: 10px; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #019AD2; background: -webkit-linear-gradient(#33BCEF, #019AD2); background: -moz-linear-gradient(#33BCEF, #019AD2); background: -o-linear-gradient(#33BCEF, #019AD2); background: -ms-linear-gradient(#33BCEF, #019AD2); background: linear-gradient(#33BCEF, #019AD2); } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:after { color: #FFFFFF; } ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:active { color: #FFFFFF; background: #019AD2; background: -webkit-linear-gradient(#33BCEF, #019AD2); background: -moz-linear-gradient(#33BCEF, #019AD2); background: -o-linear-gradient(#33BCEF, #019AD2); background: -ms-linear-gradient(#33BCEF, #019AD2); background: linear-gradient(#33BCEF, #019AD2); } /* Search box */ .ft-field fieldset { display: none; } .category1 fieldset { display: block; } /* Filter Container */ ul.FilterItems { padding: 0; list-style: none; min-height: 125px; text-align: left; } ul.FilterItems li { display: inline-block; position: relative; margin: 4px; text-align: left; vertical-align: top; } /**/ ul.FilterItems li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; display: block; } /**/ ul.FilterItems li div.InnerContent { height: 125px; max-width: 225px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #EAEAEA; padding: 10px; overflow: visible; } ul.FilterItems li div.InnerContent:hover { border: 1px solid #EAEAEA; } /* */ /* */ /* */ /* Vertical gradient fill */ ul.FilterItems li div.InnerContent { background-color: #E6E6E6; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#E6E6E6), to(#FFFFFF)); background-image: -moz-linear-gradient(top, #E6E6E6, #FFFFFF); background-image: -ms-linear-gradient(top, #E6E6E6, #FFFFFF); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(100%, #FFFFFF)); background-image: -webkit-linear-gradient(top, #E6E6E6, #FFFFFF); background-image: -o-linear-gradient(top, #E6E6E6, #FFFFFF); background-image: linear-gradient(top, #E6E6E6, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#FFFFFF', GradientType=0); } /* */ /* */ /**/ /**/ /**/ /**/ /**/ /**/ ul#filterWrapperstacks_in_2 .FilterItems li h1, ul#filterWrapperstacks_in_2 .FilterItems li h2, ul#filterWrapperstacks_in_2 .FilterItems li h3, ul#filterWrapperstacks_in_2 .FilterItems li h4, ul#filterWrapperstacks_in_2 .FilterItems li h5, ul#filterWrapperstacks_in_2 .FilterItems li h6, ul#filterWrapperstacks_in_2 .FilterItems li img, ul#filterWrapperstacks_in_2 .FilterItems li p { padding: 0; margin: 0 0 5px; line-height: 1.25em; } /* Dimmed items (if dimming is enabled) */ .filter-dimmed-item { opacity: 0.20; filter: alpha(opacity=20); } /* Reset Button */ #resetstacks_in_2 { display: none; width: 100%; height: 45px; clear: both; margin-top: 30px; text-align: center; } #resetButtonstacks_in_2 { display: inline-block; padding: 8px 0; margin: 0; border: solid 1px #555555; width: 225px; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-align: center; text-transform: capitalize; cursor: pointer; -webkit-transition: background 300ms linear; -moz-transition: background 300ms linear; transition: background 300ms linear; color: #FFFFFF; background: #888888; background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#575757)); background: -moz-linear-gradient(top, #888888, #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); } #resetButtonstacks_in_2:hover { color: #FFFFFF; border: solid 1px #555555; background: #888888; background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#888888)); background: -moz-linear-gradient(top, #888888, #888888); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#888888'); } /* @end */ /* @group Start hidden */ /* */ /* @end */ /* @group Sidebar */ /* */ /* @end */ /* @group Typeahead */ /* */ /* @end */ /* @group Legends */ #legendstacks_in_2 { text-align: left; } span.legendCategory { text-transform: capitalize; } #filterWrapperstacks_in_2 ul.legendList { padding: 0; margin: 0; list-style: none; display: inline; } #filterWrapperstacks_in_2 ul.legendList li { padding: 0; margin: 0; list-style: none; display: inline; } #filterWrapperstacks_in_2 ul.legendList li:last-child .legendCategorySeparator { display: none; } /* @end */ /* @group Printer styles */ @media print { #resetstacks_in_2, #sortContainerstacks_in_2 { display: none; } ul#filterWrapperstacks_in_2 .FilterItems li, ul#filterWrapperstacks_in_2 .FilterItems .filterEditItem { width: 100%; height: auto; float: none; } } /* @end */ /* @group Edit Mode Styling */ /* @end */ #stacks_in_2 { background-color: rgba(254, 204, 102, 1.00); } #fullScreenWrapper-player-m { width: 100%; } #playerWrapper-player-m { display: block; position: relative; } #playerWrapper-player-m *, #playerWrapper-player-m *:before, #playerWrapper-player-m *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-m { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-m { padding-bottom: 0.00%; } #playerWrapper-player-m #media-player-m { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-m .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-m .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-m .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-m .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-m .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-m .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-m .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-m .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-m .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-m { position: relative; z-index: 4; width: 100%; } #toolbar-player-m button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-m { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-m { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-m:hover #toolbar-player-m { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-m.playerInFullScreenMode:hover #toolbar-player-m, #playerWrapper-player-m.playerInFullScreenMode #toolbar-player-m { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-m.playerInFullScreenMode #toolbar-player-m.toolbarHovered, .playerTouchDevice #playerWrapper-player-m.playerInFullScreenMode #toolbar-player-m { opacity: 1.00; } */ #playerWrapper-player-m.playerInFullScreenMode #fullscreenHoverRegionstacks_in_132 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-m .media-button, #toolbar-player-m .timingContent { line-height: 45px; } #toolbar-player-m .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-m span.time, #media-controls-player-m span.player-extra-element, #media-controls-player-m span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_132 { order: 3; display: block; } #pausestacks_in_132 { order: 3; display: none /* Start hidden */ } #toolbar-player-m [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-m [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-m .media-button a, #toolbar-player-m .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-m span.media-button a:hover, #media-controls-player-m span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-m .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-m .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_132 { display: flex; flex: 1; align-items: center; } #toolbar-player-m .duration, #toolbar-player-m .scrubberWrapper, #toolbar-player-m .time { /* display: table-cell; */ } #toolbar-player-m .time, #toolbar-player-m .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-m .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-m .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-m .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-m .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_132 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_132 { display: none !important; } #volumestacks_in_132:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_132 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_132:hover #volumeMasterControllerstacks_in_132 { display: none; } #volumeMinstacks_in_132 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_132 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_132[type=range], #volumeMinstacks_in_132, #volumeMaxstacks_in_132 { display: none; } #volumeMinstacks_in_132, #volumeMaxstacks_in_132 { cursor: pointer; } #volumestacks_in_132:hover #volumeMinstacks_in_132, #volumestacks_in_132:hover #volumeMaxstacks_in_132, #volumestacks_in_132:hover #volume-barstacks_in_132 { display: inline; } #volume-barstacks_in_132[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_132[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_132[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_132[type=range]:focus { outline: none; } #volume-barstacks_in_132[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_132[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_132[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_132[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_132[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_132[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_132[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_132[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_132[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-m.playerInFullScreenMode, #fullScreenWrapper-player-m.playerInFullScreenMode #playerWrapper-player-m { height: 100%; } #fullScreenWrapper-player-m.playerInFullScreenMode #mediaFrame-player-m { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-m.playerInFullScreenMode player-m { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-m.playerInFullScreenMode #toolbar-player-m { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-m.playerInFullScreenMode #toolbar-player-m.toolbarVisible { display: flex; } #fullScreenWrapper-player-m.playerInFullScreenMode #PlayerCaptionsBarplayer-m { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-m.playerInFullScreenMode #PlayerCaptionsBarplayer-m.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-m #fullscreenHoverRegion-player-m { display: none; } #fullScreenWrapper-player-m.playerInFullScreenMode #fullscreenHoverRegion-player-m { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-n { width: 100%; } #playerWrapper-player-n { display: block; position: relative; } #playerWrapper-player-n *, #playerWrapper-player-n *:before, #playerWrapper-player-n *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-n { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-n { padding-bottom: 0.00%; } #playerWrapper-player-n #media-player-n { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-n .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-n .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-n .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-n .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-n .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-n .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-n .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-n .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-n .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-n { position: relative; z-index: 4; width: 100%; } #toolbar-player-n button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-n { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-n { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-n:hover #toolbar-player-n { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-n.playerInFullScreenMode:hover #toolbar-player-n, #playerWrapper-player-n.playerInFullScreenMode #toolbar-player-n { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-n.playerInFullScreenMode #toolbar-player-n.toolbarHovered, .playerTouchDevice #playerWrapper-player-n.playerInFullScreenMode #toolbar-player-n { opacity: 1.00; } */ #playerWrapper-player-n.playerInFullScreenMode #fullscreenHoverRegionstacks_in_134 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-n .media-button, #toolbar-player-n .timingContent { line-height: 45px; } #toolbar-player-n .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-n span.time, #media-controls-player-n span.player-extra-element, #media-controls-player-n span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_134 { order: 3; display: block; } #pausestacks_in_134 { order: 3; display: none /* Start hidden */ } #toolbar-player-n [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-n [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-n .media-button a, #toolbar-player-n .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-n span.media-button a:hover, #media-controls-player-n span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-n .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-n .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_134 { display: flex; flex: 1; align-items: center; } #toolbar-player-n .duration, #toolbar-player-n .scrubberWrapper, #toolbar-player-n .time { /* display: table-cell; */ } #toolbar-player-n .time, #toolbar-player-n .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-n .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-n .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-n .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-n .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_134 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_134 { display: none !important; } #volumestacks_in_134:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_134 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_134:hover #volumeMasterControllerstacks_in_134 { display: none; } #volumeMinstacks_in_134 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_134 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_134[type=range], #volumeMinstacks_in_134, #volumeMaxstacks_in_134 { display: none; } #volumeMinstacks_in_134, #volumeMaxstacks_in_134 { cursor: pointer; } #volumestacks_in_134:hover #volumeMinstacks_in_134, #volumestacks_in_134:hover #volumeMaxstacks_in_134, #volumestacks_in_134:hover #volume-barstacks_in_134 { display: inline; } #volume-barstacks_in_134[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_134[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_134[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_134[type=range]:focus { outline: none; } #volume-barstacks_in_134[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_134[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_134[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_134[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_134[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_134[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_134[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_134[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_134[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-n.playerInFullScreenMode, #fullScreenWrapper-player-n.playerInFullScreenMode #playerWrapper-player-n { height: 100%; } #fullScreenWrapper-player-n.playerInFullScreenMode #mediaFrame-player-n { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-n.playerInFullScreenMode player-n { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-n.playerInFullScreenMode #toolbar-player-n { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-n.playerInFullScreenMode #toolbar-player-n.toolbarVisible { display: flex; } #fullScreenWrapper-player-n.playerInFullScreenMode #PlayerCaptionsBarplayer-n { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-n.playerInFullScreenMode #PlayerCaptionsBarplayer-n.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-n #fullscreenHoverRegion-player-n { display: none; } #fullScreenWrapper-player-n.playerInFullScreenMode #fullscreenHoverRegion-player-n { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-ng { width: 100%; } #playerWrapper-player-ng { display: block; position: relative; } #playerWrapper-player-ng *, #playerWrapper-player-ng *:before, #playerWrapper-player-ng *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-ng { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-ng { padding-bottom: 0.00%; } #playerWrapper-player-ng #media-player-ng { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-ng .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-ng .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-ng .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-ng .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-ng .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-ng .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-ng .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-ng .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-ng .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-ng { position: relative; z-index: 4; width: 100%; } #toolbar-player-ng button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-ng { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-ng { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-ng:hover #toolbar-player-ng { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-ng.playerInFullScreenMode:hover #toolbar-player-ng, #playerWrapper-player-ng.playerInFullScreenMode #toolbar-player-ng { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-ng.playerInFullScreenMode #toolbar-player-ng.toolbarHovered, .playerTouchDevice #playerWrapper-player-ng.playerInFullScreenMode #toolbar-player-ng { opacity: 1.00; } */ #playerWrapper-player-ng.playerInFullScreenMode #fullscreenHoverRegionstacks_in_133 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-ng .media-button, #toolbar-player-ng .timingContent { line-height: 45px; } #toolbar-player-ng .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-ng span.time, #media-controls-player-ng span.player-extra-element, #media-controls-player-ng span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_133 { order: 3; display: block; } #pausestacks_in_133 { order: 3; display: none /* Start hidden */ } #toolbar-player-ng [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-ng [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-ng .media-button a, #toolbar-player-ng .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-ng span.media-button a:hover, #media-controls-player-ng span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-ng .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-ng .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_133 { display: flex; flex: 1; align-items: center; } #toolbar-player-ng .duration, #toolbar-player-ng .scrubberWrapper, #toolbar-player-ng .time { /* display: table-cell; */ } #toolbar-player-ng .time, #toolbar-player-ng .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-ng .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-ng .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-ng .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-ng .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_133 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_133 { display: none !important; } #volumestacks_in_133:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_133 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_133:hover #volumeMasterControllerstacks_in_133 { display: none; } #volumeMinstacks_in_133 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_133 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_133[type=range], #volumeMinstacks_in_133, #volumeMaxstacks_in_133 { display: none; } #volumeMinstacks_in_133, #volumeMaxstacks_in_133 { cursor: pointer; } #volumestacks_in_133:hover #volumeMinstacks_in_133, #volumestacks_in_133:hover #volumeMaxstacks_in_133, #volumestacks_in_133:hover #volume-barstacks_in_133 { display: inline; } #volume-barstacks_in_133[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_133[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_133[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_133[type=range]:focus { outline: none; } #volume-barstacks_in_133[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_133[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_133[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_133[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_133[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_133[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_133[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_133[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_133[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-ng.playerInFullScreenMode, #fullScreenWrapper-player-ng.playerInFullScreenMode #playerWrapper-player-ng { height: 100%; } #fullScreenWrapper-player-ng.playerInFullScreenMode #mediaFrame-player-ng { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-ng.playerInFullScreenMode player-ng { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-ng.playerInFullScreenMode #toolbar-player-ng { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-ng.playerInFullScreenMode #toolbar-player-ng.toolbarVisible { display: flex; } #fullScreenWrapper-player-ng.playerInFullScreenMode #PlayerCaptionsBarplayer-ng { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-ng.playerInFullScreenMode #PlayerCaptionsBarplayer-ng.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-ng #fullscreenHoverRegion-player-ng { display: none; } #fullScreenWrapper-player-ng.playerInFullScreenMode #fullscreenHoverRegion-player-ng { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-p { width: 100%; } #playerWrapper-player-p { display: block; position: relative; } #playerWrapper-player-p *, #playerWrapper-player-p *:before, #playerWrapper-player-p *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-p { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-p { padding-bottom: 0.00%; } #playerWrapper-player-p #media-player-p { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-p .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-p .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-p .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-p .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-p .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-p .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-p .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-p .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-p .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-p { position: relative; z-index: 4; width: 100%; } #toolbar-player-p button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-p { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-p { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-p:hover #toolbar-player-p { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-p.playerInFullScreenMode:hover #toolbar-player-p, #playerWrapper-player-p.playerInFullScreenMode #toolbar-player-p { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-p.playerInFullScreenMode #toolbar-player-p.toolbarHovered, .playerTouchDevice #playerWrapper-player-p.playerInFullScreenMode #toolbar-player-p { opacity: 1.00; } */ #playerWrapper-player-p.playerInFullScreenMode #fullscreenHoverRegionstacks_in_135 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-p .media-button, #toolbar-player-p .timingContent { line-height: 45px; } #toolbar-player-p .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-p span.time, #media-controls-player-p span.player-extra-element, #media-controls-player-p span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_135 { order: 3; display: block; } #pausestacks_in_135 { order: 3; display: none /* Start hidden */ } #toolbar-player-p [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-p [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-p .media-button a, #toolbar-player-p .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-p span.media-button a:hover, #media-controls-player-p span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-p .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-p .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_135 { display: flex; flex: 1; align-items: center; } #toolbar-player-p .duration, #toolbar-player-p .scrubberWrapper, #toolbar-player-p .time { /* display: table-cell; */ } #toolbar-player-p .time, #toolbar-player-p .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-p .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-p .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-p .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-p .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_135 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_135 { display: none !important; } #volumestacks_in_135:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_135 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_135:hover #volumeMasterControllerstacks_in_135 { display: none; } #volumeMinstacks_in_135 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_135 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_135[type=range], #volumeMinstacks_in_135, #volumeMaxstacks_in_135 { display: none; } #volumeMinstacks_in_135, #volumeMaxstacks_in_135 { cursor: pointer; } #volumestacks_in_135:hover #volumeMinstacks_in_135, #volumestacks_in_135:hover #volumeMaxstacks_in_135, #volumestacks_in_135:hover #volume-barstacks_in_135 { display: inline; } #volume-barstacks_in_135[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_135[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_135[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_135[type=range]:focus { outline: none; } #volume-barstacks_in_135[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_135[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_135[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_135[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_135[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_135[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_135[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_135[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_135[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-p.playerInFullScreenMode, #fullScreenWrapper-player-p.playerInFullScreenMode #playerWrapper-player-p { height: 100%; } #fullScreenWrapper-player-p.playerInFullScreenMode #mediaFrame-player-p { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-p.playerInFullScreenMode player-p { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-p.playerInFullScreenMode #toolbar-player-p { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-p.playerInFullScreenMode #toolbar-player-p.toolbarVisible { display: flex; } #fullScreenWrapper-player-p.playerInFullScreenMode #PlayerCaptionsBarplayer-p { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-p.playerInFullScreenMode #PlayerCaptionsBarplayer-p.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-p #fullscreenHoverRegion-player-p { display: none; } #fullScreenWrapper-player-p.playerInFullScreenMode #fullscreenHoverRegion-player-p { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-b { width: 100%; } #playerWrapper-player-b { display: block; position: relative; } #playerWrapper-player-b *, #playerWrapper-player-b *:before, #playerWrapper-player-b *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-b { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-b { padding-bottom: 0.00%; } #playerWrapper-player-b #media-player-b { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-b .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-b .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-b .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-b .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-b .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-b .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-b .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-b .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-b .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-b { position: relative; z-index: 4; width: 100%; } #toolbar-player-b button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-b { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-b { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-b:hover #toolbar-player-b { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-b.playerInFullScreenMode:hover #toolbar-player-b, #playerWrapper-player-b.playerInFullScreenMode #toolbar-player-b { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-b.playerInFullScreenMode #toolbar-player-b.toolbarHovered, .playerTouchDevice #playerWrapper-player-b.playerInFullScreenMode #toolbar-player-b { opacity: 1.00; } */ #playerWrapper-player-b.playerInFullScreenMode #fullscreenHoverRegionstacks_in_136 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-b .media-button, #toolbar-player-b .timingContent { line-height: 45px; } #toolbar-player-b .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-b span.time, #media-controls-player-b span.player-extra-element, #media-controls-player-b span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_136 { order: 3; display: block; } #pausestacks_in_136 { order: 3; display: none /* Start hidden */ } #toolbar-player-b [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-b [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-b .media-button a, #toolbar-player-b .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-b span.media-button a:hover, #media-controls-player-b span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-b .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-b .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_136 { display: flex; flex: 1; align-items: center; } #toolbar-player-b .duration, #toolbar-player-b .scrubberWrapper, #toolbar-player-b .time { /* display: table-cell; */ } #toolbar-player-b .time, #toolbar-player-b .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-b .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-b .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-b .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-b .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_136 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_136 { display: none !important; } #volumestacks_in_136:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_136 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_136:hover #volumeMasterControllerstacks_in_136 { display: none; } #volumeMinstacks_in_136 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_136 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_136[type=range], #volumeMinstacks_in_136, #volumeMaxstacks_in_136 { display: none; } #volumeMinstacks_in_136, #volumeMaxstacks_in_136 { cursor: pointer; } #volumestacks_in_136:hover #volumeMinstacks_in_136, #volumestacks_in_136:hover #volumeMaxstacks_in_136, #volumestacks_in_136:hover #volume-barstacks_in_136 { display: inline; } #volume-barstacks_in_136[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_136[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_136[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_136[type=range]:focus { outline: none; } #volume-barstacks_in_136[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_136[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_136[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_136[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_136[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_136[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_136[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_136[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_136[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-b.playerInFullScreenMode, #fullScreenWrapper-player-b.playerInFullScreenMode #playerWrapper-player-b { height: 100%; } #fullScreenWrapper-player-b.playerInFullScreenMode #mediaFrame-player-b { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-b.playerInFullScreenMode player-b { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-b.playerInFullScreenMode #toolbar-player-b { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-b.playerInFullScreenMode #toolbar-player-b.toolbarVisible { display: flex; } #fullScreenWrapper-player-b.playerInFullScreenMode #PlayerCaptionsBarplayer-b { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-b.playerInFullScreenMode #PlayerCaptionsBarplayer-b.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-b #fullscreenHoverRegion-player-b { display: none; } #fullScreenWrapper-player-b.playerInFullScreenMode #fullscreenHoverRegion-player-b { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-t { width: 100%; } #playerWrapper-player-t { display: block; position: relative; } #playerWrapper-player-t *, #playerWrapper-player-t *:before, #playerWrapper-player-t *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-t { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-t { padding-bottom: 0.00%; } #playerWrapper-player-t #media-player-t { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-t .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-t .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-t .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-t .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-t .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-t .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-t .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-t .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-t .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-t { position: relative; z-index: 4; width: 100%; } #toolbar-player-t button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-t { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-t { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-t:hover #toolbar-player-t { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-t.playerInFullScreenMode:hover #toolbar-player-t, #playerWrapper-player-t.playerInFullScreenMode #toolbar-player-t { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-t.playerInFullScreenMode #toolbar-player-t.toolbarHovered, .playerTouchDevice #playerWrapper-player-t.playerInFullScreenMode #toolbar-player-t { opacity: 1.00; } */ #playerWrapper-player-t.playerInFullScreenMode #fullscreenHoverRegionstacks_in_137 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-t .media-button, #toolbar-player-t .timingContent { line-height: 45px; } #toolbar-player-t .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-t span.time, #media-controls-player-t span.player-extra-element, #media-controls-player-t span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_137 { order: 3; display: block; } #pausestacks_in_137 { order: 3; display: none /* Start hidden */ } #toolbar-player-t [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-t [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-t .media-button a, #toolbar-player-t .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-t span.media-button a:hover, #media-controls-player-t span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-t .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-t .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_137 { display: flex; flex: 1; align-items: center; } #toolbar-player-t .duration, #toolbar-player-t .scrubberWrapper, #toolbar-player-t .time { /* display: table-cell; */ } #toolbar-player-t .time, #toolbar-player-t .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-t .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-t .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-t .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-t .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_137 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_137 { display: none !important; } #volumestacks_in_137:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_137 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_137:hover #volumeMasterControllerstacks_in_137 { display: none; } #volumeMinstacks_in_137 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_137 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_137[type=range], #volumeMinstacks_in_137, #volumeMaxstacks_in_137 { display: none; } #volumeMinstacks_in_137, #volumeMaxstacks_in_137 { cursor: pointer; } #volumestacks_in_137:hover #volumeMinstacks_in_137, #volumestacks_in_137:hover #volumeMaxstacks_in_137, #volumestacks_in_137:hover #volume-barstacks_in_137 { display: inline; } #volume-barstacks_in_137[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_137[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_137[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_137[type=range]:focus { outline: none; } #volume-barstacks_in_137[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_137[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_137[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_137[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_137[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_137[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_137[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_137[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_137[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-t.playerInFullScreenMode, #fullScreenWrapper-player-t.playerInFullScreenMode #playerWrapper-player-t { height: 100%; } #fullScreenWrapper-player-t.playerInFullScreenMode #mediaFrame-player-t { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-t.playerInFullScreenMode player-t { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-t.playerInFullScreenMode #toolbar-player-t { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-t.playerInFullScreenMode #toolbar-player-t.toolbarVisible { display: flex; } #fullScreenWrapper-player-t.playerInFullScreenMode #PlayerCaptionsBarplayer-t { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-t.playerInFullScreenMode #PlayerCaptionsBarplayer-t.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-t #fullscreenHoverRegion-player-t { display: none; } #fullScreenWrapper-player-t.playerInFullScreenMode #fullscreenHoverRegion-player-t { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-d { width: 100%; } #playerWrapper-player-d { display: block; position: relative; } #playerWrapper-player-d *, #playerWrapper-player-d *:before, #playerWrapper-player-d *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-d { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-d { padding-bottom: 0.00%; } #playerWrapper-player-d #media-player-d { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-d .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-d .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-d .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-d .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-d .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-d .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-d .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-d .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-d .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-d { position: relative; z-index: 4; width: 100%; } #toolbar-player-d button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-d { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-d { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-d:hover #toolbar-player-d { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-d.playerInFullScreenMode:hover #toolbar-player-d, #playerWrapper-player-d.playerInFullScreenMode #toolbar-player-d { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-d.playerInFullScreenMode #toolbar-player-d.toolbarHovered, .playerTouchDevice #playerWrapper-player-d.playerInFullScreenMode #toolbar-player-d { opacity: 1.00; } */ #playerWrapper-player-d.playerInFullScreenMode #fullscreenHoverRegionstacks_in_138 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-d .media-button, #toolbar-player-d .timingContent { line-height: 45px; } #toolbar-player-d .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-d span.time, #media-controls-player-d span.player-extra-element, #media-controls-player-d span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_138 { order: 3; display: block; } #pausestacks_in_138 { order: 3; display: none /* Start hidden */ } #toolbar-player-d [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-d [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-d .media-button a, #toolbar-player-d .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-d span.media-button a:hover, #media-controls-player-d span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-d .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-d .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_138 { display: flex; flex: 1; align-items: center; } #toolbar-player-d .duration, #toolbar-player-d .scrubberWrapper, #toolbar-player-d .time { /* display: table-cell; */ } #toolbar-player-d .time, #toolbar-player-d .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-d .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-d .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-d .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-d .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_138 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_138 { display: none !important; } #volumestacks_in_138:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_138 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_138:hover #volumeMasterControllerstacks_in_138 { display: none; } #volumeMinstacks_in_138 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_138 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_138[type=range], #volumeMinstacks_in_138, #volumeMaxstacks_in_138 { display: none; } #volumeMinstacks_in_138, #volumeMaxstacks_in_138 { cursor: pointer; } #volumestacks_in_138:hover #volumeMinstacks_in_138, #volumestacks_in_138:hover #volumeMaxstacks_in_138, #volumestacks_in_138:hover #volume-barstacks_in_138 { display: inline; } #volume-barstacks_in_138[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_138[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_138[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_138[type=range]:focus { outline: none; } #volume-barstacks_in_138[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_138[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_138[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_138[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_138[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_138[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_138[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_138[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_138[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-d.playerInFullScreenMode, #fullScreenWrapper-player-d.playerInFullScreenMode #playerWrapper-player-d { height: 100%; } #fullScreenWrapper-player-d.playerInFullScreenMode #mediaFrame-player-d { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-d.playerInFullScreenMode player-d { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-d.playerInFullScreenMode #toolbar-player-d { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-d.playerInFullScreenMode #toolbar-player-d.toolbarVisible { display: flex; } #fullScreenWrapper-player-d.playerInFullScreenMode #PlayerCaptionsBarplayer-d { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-d.playerInFullScreenMode #PlayerCaptionsBarplayer-d.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-d #fullscreenHoverRegion-player-d { display: none; } #fullScreenWrapper-player-d.playerInFullScreenMode #fullscreenHoverRegion-player-d { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-k { width: 100%; } #playerWrapper-player-k { display: block; position: relative; } #playerWrapper-player-k *, #playerWrapper-player-k *:before, #playerWrapper-player-k *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-k { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-k { padding-bottom: 0.00%; } #playerWrapper-player-k #media-player-k { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-k .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-k .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-k .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-k .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-k .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-k .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-k .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-k .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-k .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-k { position: relative; z-index: 4; width: 100%; } #toolbar-player-k button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-k { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-k { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-k:hover #toolbar-player-k { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-k.playerInFullScreenMode:hover #toolbar-player-k, #playerWrapper-player-k.playerInFullScreenMode #toolbar-player-k { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-k.playerInFullScreenMode #toolbar-player-k.toolbarHovered, .playerTouchDevice #playerWrapper-player-k.playerInFullScreenMode #toolbar-player-k { opacity: 1.00; } */ #playerWrapper-player-k.playerInFullScreenMode #fullscreenHoverRegionstacks_in_139 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-k .media-button, #toolbar-player-k .timingContent { line-height: 45px; } #toolbar-player-k .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-k span.time, #media-controls-player-k span.player-extra-element, #media-controls-player-k span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_139 { order: 3; display: block; } #pausestacks_in_139 { order: 3; display: none /* Start hidden */ } #toolbar-player-k [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-k [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-k .media-button a, #toolbar-player-k .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-k span.media-button a:hover, #media-controls-player-k span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-k .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-k .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_139 { display: flex; flex: 1; align-items: center; } #toolbar-player-k .duration, #toolbar-player-k .scrubberWrapper, #toolbar-player-k .time { /* display: table-cell; */ } #toolbar-player-k .time, #toolbar-player-k .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-k .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-k .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-k .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-k .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_139 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_139 { display: none !important; } #volumestacks_in_139:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_139 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_139:hover #volumeMasterControllerstacks_in_139 { display: none; } #volumeMinstacks_in_139 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_139 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_139[type=range], #volumeMinstacks_in_139, #volumeMaxstacks_in_139 { display: none; } #volumeMinstacks_in_139, #volumeMaxstacks_in_139 { cursor: pointer; } #volumestacks_in_139:hover #volumeMinstacks_in_139, #volumestacks_in_139:hover #volumeMaxstacks_in_139, #volumestacks_in_139:hover #volume-barstacks_in_139 { display: inline; } #volume-barstacks_in_139[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_139[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_139[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_139[type=range]:focus { outline: none; } #volume-barstacks_in_139[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_139[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_139[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_139[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_139[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_139[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_139[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_139[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_139[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-k.playerInFullScreenMode, #fullScreenWrapper-player-k.playerInFullScreenMode #playerWrapper-player-k { height: 100%; } #fullScreenWrapper-player-k.playerInFullScreenMode #mediaFrame-player-k { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-k.playerInFullScreenMode player-k { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-k.playerInFullScreenMode #toolbar-player-k { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-k.playerInFullScreenMode #toolbar-player-k.toolbarVisible { display: flex; } #fullScreenWrapper-player-k.playerInFullScreenMode #PlayerCaptionsBarplayer-k { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-k.playerInFullScreenMode #PlayerCaptionsBarplayer-k.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-k #fullscreenHoverRegion-player-k { display: none; } #fullScreenWrapper-player-k.playerInFullScreenMode #fullscreenHoverRegion-player-k { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-g { width: 100%; } #playerWrapper-player-g { display: block; position: relative; } #playerWrapper-player-g *, #playerWrapper-player-g *:before, #playerWrapper-player-g *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-g { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-g { padding-bottom: 0.00%; } #playerWrapper-player-g #media-player-g { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-g .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-g .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-g .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-g .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-g .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-g .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-g .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-g .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-g .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-g { position: relative; z-index: 4; width: 100%; } #toolbar-player-g button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-g { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-g { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-g:hover #toolbar-player-g { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-g.playerInFullScreenMode:hover #toolbar-player-g, #playerWrapper-player-g.playerInFullScreenMode #toolbar-player-g { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-g.playerInFullScreenMode #toolbar-player-g.toolbarHovered, .playerTouchDevice #playerWrapper-player-g.playerInFullScreenMode #toolbar-player-g { opacity: 1.00; } */ #playerWrapper-player-g.playerInFullScreenMode #fullscreenHoverRegionstacks_in_140 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-g .media-button, #toolbar-player-g .timingContent { line-height: 45px; } #toolbar-player-g .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-g span.time, #media-controls-player-g span.player-extra-element, #media-controls-player-g span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_140 { order: 3; display: block; } #pausestacks_in_140 { order: 3; display: none /* Start hidden */ } #toolbar-player-g [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-g [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-g .media-button a, #toolbar-player-g .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-g span.media-button a:hover, #media-controls-player-g span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-g .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-g .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_140 { display: flex; flex: 1; align-items: center; } #toolbar-player-g .duration, #toolbar-player-g .scrubberWrapper, #toolbar-player-g .time { /* display: table-cell; */ } #toolbar-player-g .time, #toolbar-player-g .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-g .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-g .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-g .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-g .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_140 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_140 { display: none !important; } #volumestacks_in_140:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_140 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_140:hover #volumeMasterControllerstacks_in_140 { display: none; } #volumeMinstacks_in_140 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_140 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_140[type=range], #volumeMinstacks_in_140, #volumeMaxstacks_in_140 { display: none; } #volumeMinstacks_in_140, #volumeMaxstacks_in_140 { cursor: pointer; } #volumestacks_in_140:hover #volumeMinstacks_in_140, #volumestacks_in_140:hover #volumeMaxstacks_in_140, #volumestacks_in_140:hover #volume-barstacks_in_140 { display: inline; } #volume-barstacks_in_140[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_140[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_140[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_140[type=range]:focus { outline: none; } #volume-barstacks_in_140[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_140[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_140[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_140[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_140[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_140[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_140[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_140[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_140[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-g.playerInFullScreenMode, #fullScreenWrapper-player-g.playerInFullScreenMode #playerWrapper-player-g { height: 100%; } #fullScreenWrapper-player-g.playerInFullScreenMode #mediaFrame-player-g { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-g.playerInFullScreenMode player-g { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-g.playerInFullScreenMode #toolbar-player-g { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-g.playerInFullScreenMode #toolbar-player-g.toolbarVisible { display: flex; } #fullScreenWrapper-player-g.playerInFullScreenMode #PlayerCaptionsBarplayer-g { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-g.playerInFullScreenMode #PlayerCaptionsBarplayer-g.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-g #fullscreenHoverRegion-player-g { display: none; } #fullScreenWrapper-player-g.playerInFullScreenMode #fullscreenHoverRegion-player-g { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-th-voiceless { width: 100%; } #playerWrapper-player-th-voiceless { display: block; position: relative; } #playerWrapper-player-th-voiceless *, #playerWrapper-player-th-voiceless *:before, #playerWrapper-player-th-voiceless *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-th-voiceless { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-th-voiceless { padding-bottom: 0.00%; } #playerWrapper-player-th-voiceless #media-player-th-voiceless { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-th-voiceless .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-th-voiceless .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-th-voiceless .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-th-voiceless .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-th-voiceless .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-th-voiceless .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-th-voiceless .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-th-voiceless .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-th-voiceless .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-th-voiceless { position: relative; z-index: 4; width: 100%; } #toolbar-player-th-voiceless button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-th-voiceless { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-th-voiceless { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-th-voiceless:hover #toolbar-player-th-voiceless { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-th-voiceless.playerInFullScreenMode:hover #toolbar-player-th-voiceless, #playerWrapper-player-th-voiceless.playerInFullScreenMode #toolbar-player-th-voiceless { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-th-voiceless.playerInFullScreenMode #toolbar-player-th-voiceless.toolbarHovered, .playerTouchDevice #playerWrapper-player-th-voiceless.playerInFullScreenMode #toolbar-player-th-voiceless { opacity: 1.00; } */ #playerWrapper-player-th-voiceless.playerInFullScreenMode #fullscreenHoverRegionstacks_in_141 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-th-voiceless .media-button, #toolbar-player-th-voiceless .timingContent { line-height: 45px; } #toolbar-player-th-voiceless .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-th-voiceless span.time, #media-controls-player-th-voiceless span.player-extra-element, #media-controls-player-th-voiceless span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_141 { order: 3; display: block; } #pausestacks_in_141 { order: 3; display: none /* Start hidden */ } #toolbar-player-th-voiceless [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-th-voiceless [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-th-voiceless .media-button a, #toolbar-player-th-voiceless .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-th-voiceless span.media-button a:hover, #media-controls-player-th-voiceless span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-th-voiceless .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-th-voiceless .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_141 { display: flex; flex: 1; align-items: center; } #toolbar-player-th-voiceless .duration, #toolbar-player-th-voiceless .scrubberWrapper, #toolbar-player-th-voiceless .time { /* display: table-cell; */ } #toolbar-player-th-voiceless .time, #toolbar-player-th-voiceless .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-th-voiceless .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-th-voiceless .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-th-voiceless .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-th-voiceless .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_141 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_141 { display: none !important; } #volumestacks_in_141:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_141 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_141:hover #volumeMasterControllerstacks_in_141 { display: none; } #volumeMinstacks_in_141 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_141 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_141[type=range], #volumeMinstacks_in_141, #volumeMaxstacks_in_141 { display: none; } #volumeMinstacks_in_141, #volumeMaxstacks_in_141 { cursor: pointer; } #volumestacks_in_141:hover #volumeMinstacks_in_141, #volumestacks_in_141:hover #volumeMaxstacks_in_141, #volumestacks_in_141:hover #volume-barstacks_in_141 { display: inline; } #volume-barstacks_in_141[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_141[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_141[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_141[type=range]:focus { outline: none; } #volume-barstacks_in_141[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_141[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_141[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_141[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_141[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_141[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_141[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_141[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_141[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-th-voiceless.playerInFullScreenMode, #fullScreenWrapper-player-th-voiceless.playerInFullScreenMode #playerWrapper-player-th-voiceless { height: 100%; } #fullScreenWrapper-player-th-voiceless.playerInFullScreenMode #mediaFrame-player-th-voiceless { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-th-voiceless.playerInFullScreenMode player-th-voiceless { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-th-voiceless.playerInFullScreenMode #toolbar-player-th-voiceless { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-th-voiceless.playerInFullScreenMode #toolbar-player-th-voiceless.toolbarVisible { display: flex; } #fullScreenWrapper-player-th-voiceless.playerInFullScreenMode #PlayerCaptionsBarplayer-th-voiceless { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-th-voiceless.playerInFullScreenMode #PlayerCaptionsBarplayer-th-voiceless.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-th-voiceless #fullscreenHoverRegion-player-th-voiceless { display: none; } #fullScreenWrapper-player-th-voiceless.playerInFullScreenMode #fullscreenHoverRegion-player-th-voiceless { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-th-voiced { width: 100%; } #playerWrapper-player-th-voiced { display: block; position: relative; } #playerWrapper-player-th-voiced *, #playerWrapper-player-th-voiced *:before, #playerWrapper-player-th-voiced *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-th-voiced { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-th-voiced { padding-bottom: 0.00%; } #playerWrapper-player-th-voiced #media-player-th-voiced { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-th-voiced .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-th-voiced .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-th-voiced .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-th-voiced .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-th-voiced .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-th-voiced .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-th-voiced .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-th-voiced .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-th-voiced .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-th-voiced { position: relative; z-index: 4; width: 100%; } #toolbar-player-th-voiced button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-th-voiced { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-th-voiced { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-th-voiced:hover #toolbar-player-th-voiced { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-th-voiced.playerInFullScreenMode:hover #toolbar-player-th-voiced, #playerWrapper-player-th-voiced.playerInFullScreenMode #toolbar-player-th-voiced { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-th-voiced.playerInFullScreenMode #toolbar-player-th-voiced.toolbarHovered, .playerTouchDevice #playerWrapper-player-th-voiced.playerInFullScreenMode #toolbar-player-th-voiced { opacity: 1.00; } */ #playerWrapper-player-th-voiced.playerInFullScreenMode #fullscreenHoverRegionstacks_in_142 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-th-voiced .media-button, #toolbar-player-th-voiced .timingContent { line-height: 45px; } #toolbar-player-th-voiced .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-th-voiced span.time, #media-controls-player-th-voiced span.player-extra-element, #media-controls-player-th-voiced span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_142 { order: 3; display: block; } #pausestacks_in_142 { order: 3; display: none /* Start hidden */ } #toolbar-player-th-voiced [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-th-voiced [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-th-voiced .media-button a, #toolbar-player-th-voiced .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-th-voiced span.media-button a:hover, #media-controls-player-th-voiced span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-th-voiced .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-th-voiced .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_142 { display: flex; flex: 1; align-items: center; } #toolbar-player-th-voiced .duration, #toolbar-player-th-voiced .scrubberWrapper, #toolbar-player-th-voiced .time { /* display: table-cell; */ } #toolbar-player-th-voiced .time, #toolbar-player-th-voiced .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-th-voiced .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-th-voiced .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-th-voiced .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-th-voiced .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_142 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_142 { display: none !important; } #volumestacks_in_142:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_142 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_142:hover #volumeMasterControllerstacks_in_142 { display: none; } #volumeMinstacks_in_142 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_142 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_142[type=range], #volumeMinstacks_in_142, #volumeMaxstacks_in_142 { display: none; } #volumeMinstacks_in_142, #volumeMaxstacks_in_142 { cursor: pointer; } #volumestacks_in_142:hover #volumeMinstacks_in_142, #volumestacks_in_142:hover #volumeMaxstacks_in_142, #volumestacks_in_142:hover #volume-barstacks_in_142 { display: inline; } #volume-barstacks_in_142[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_142[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_142[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_142[type=range]:focus { outline: none; } #volume-barstacks_in_142[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_142[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_142[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_142[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_142[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_142[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_142[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_142[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_142[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-th-voiced.playerInFullScreenMode, #fullScreenWrapper-player-th-voiced.playerInFullScreenMode #playerWrapper-player-th-voiced { height: 100%; } #fullScreenWrapper-player-th-voiced.playerInFullScreenMode #mediaFrame-player-th-voiced { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-th-voiced.playerInFullScreenMode player-th-voiced { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-th-voiced.playerInFullScreenMode #toolbar-player-th-voiced { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-th-voiced.playerInFullScreenMode #toolbar-player-th-voiced.toolbarVisible { display: flex; } #fullScreenWrapper-player-th-voiced.playerInFullScreenMode #PlayerCaptionsBarplayer-th-voiced { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-th-voiced.playerInFullScreenMode #PlayerCaptionsBarplayer-th-voiced.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-th-voiced #fullscreenHoverRegion-player-th-voiced { display: none; } #fullScreenWrapper-player-th-voiced.playerInFullScreenMode #fullscreenHoverRegion-player-th-voiced { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-f { width: 100%; } #playerWrapper-player-f { display: block; position: relative; } #playerWrapper-player-f *, #playerWrapper-player-f *:before, #playerWrapper-player-f *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-f { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-f { padding-bottom: 0.00%; } #playerWrapper-player-f #media-player-f { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-f .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-f .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-f .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-f .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-f .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-f .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-f .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-f .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-f .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-f { position: relative; z-index: 4; width: 100%; } #toolbar-player-f button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-f { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-f { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-f:hover #toolbar-player-f { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-f.playerInFullScreenMode:hover #toolbar-player-f, #playerWrapper-player-f.playerInFullScreenMode #toolbar-player-f { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-f.playerInFullScreenMode #toolbar-player-f.toolbarHovered, .playerTouchDevice #playerWrapper-player-f.playerInFullScreenMode #toolbar-player-f { opacity: 1.00; } */ #playerWrapper-player-f.playerInFullScreenMode #fullscreenHoverRegionstacks_in_143 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-f .media-button, #toolbar-player-f .timingContent { line-height: 45px; } #toolbar-player-f .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-f span.time, #media-controls-player-f span.player-extra-element, #media-controls-player-f span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_143 { order: 3; display: block; } #pausestacks_in_143 { order: 3; display: none /* Start hidden */ } #toolbar-player-f [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-f [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-f .media-button a, #toolbar-player-f .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-f span.media-button a:hover, #media-controls-player-f span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-f .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-f .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_143 { display: flex; flex: 1; align-items: center; } #toolbar-player-f .duration, #toolbar-player-f .scrubberWrapper, #toolbar-player-f .time { /* display: table-cell; */ } #toolbar-player-f .time, #toolbar-player-f .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-f .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-f .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-f .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-f .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_143 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_143 { display: none !important; } #volumestacks_in_143:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_143 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_143:hover #volumeMasterControllerstacks_in_143 { display: none; } #volumeMinstacks_in_143 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_143 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_143[type=range], #volumeMinstacks_in_143, #volumeMaxstacks_in_143 { display: none; } #volumeMinstacks_in_143, #volumeMaxstacks_in_143 { cursor: pointer; } #volumestacks_in_143:hover #volumeMinstacks_in_143, #volumestacks_in_143:hover #volumeMaxstacks_in_143, #volumestacks_in_143:hover #volume-barstacks_in_143 { display: inline; } #volume-barstacks_in_143[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_143[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_143[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_143[type=range]:focus { outline: none; } #volume-barstacks_in_143[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_143[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_143[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_143[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_143[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_143[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_143[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_143[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_143[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-f.playerInFullScreenMode, #fullScreenWrapper-player-f.playerInFullScreenMode #playerWrapper-player-f { height: 100%; } #fullScreenWrapper-player-f.playerInFullScreenMode #mediaFrame-player-f { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-f.playerInFullScreenMode player-f { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-f.playerInFullScreenMode #toolbar-player-f { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-f.playerInFullScreenMode #toolbar-player-f.toolbarVisible { display: flex; } #fullScreenWrapper-player-f.playerInFullScreenMode #PlayerCaptionsBarplayer-f { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-f.playerInFullScreenMode #PlayerCaptionsBarplayer-f.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-f #fullscreenHoverRegion-player-f { display: none; } #fullScreenWrapper-player-f.playerInFullScreenMode #fullscreenHoverRegion-player-f { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-v { width: 100%; } #playerWrapper-player-v { display: block; position: relative; } #playerWrapper-player-v *, #playerWrapper-player-v *:before, #playerWrapper-player-v *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-v { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-v { padding-bottom: 0.00%; } #playerWrapper-player-v #media-player-v { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-v .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-v .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-v .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-v .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-v .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-v .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-v .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-v .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-v .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-v { position: relative; z-index: 4; width: 100%; } #toolbar-player-v button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-v { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-v { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-v:hover #toolbar-player-v { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-v.playerInFullScreenMode:hover #toolbar-player-v, #playerWrapper-player-v.playerInFullScreenMode #toolbar-player-v { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-v.playerInFullScreenMode #toolbar-player-v.toolbarHovered, .playerTouchDevice #playerWrapper-player-v.playerInFullScreenMode #toolbar-player-v { opacity: 1.00; } */ #playerWrapper-player-v.playerInFullScreenMode #fullscreenHoverRegionstacks_in_144 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-v .media-button, #toolbar-player-v .timingContent { line-height: 45px; } #toolbar-player-v .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-v span.time, #media-controls-player-v span.player-extra-element, #media-controls-player-v span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_144 { order: 3; display: block; } #pausestacks_in_144 { order: 3; display: none /* Start hidden */ } #toolbar-player-v [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-v [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-v .media-button a, #toolbar-player-v .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-v span.media-button a:hover, #media-controls-player-v span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-v .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-v .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_144 { display: flex; flex: 1; align-items: center; } #toolbar-player-v .duration, #toolbar-player-v .scrubberWrapper, #toolbar-player-v .time { /* display: table-cell; */ } #toolbar-player-v .time, #toolbar-player-v .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-v .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-v .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-v .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-v .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_144 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_144 { display: none !important; } #volumestacks_in_144:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_144 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_144:hover #volumeMasterControllerstacks_in_144 { display: none; } #volumeMinstacks_in_144 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_144 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_144[type=range], #volumeMinstacks_in_144, #volumeMaxstacks_in_144 { display: none; } #volumeMinstacks_in_144, #volumeMaxstacks_in_144 { cursor: pointer; } #volumestacks_in_144:hover #volumeMinstacks_in_144, #volumestacks_in_144:hover #volumeMaxstacks_in_144, #volumestacks_in_144:hover #volume-barstacks_in_144 { display: inline; } #volume-barstacks_in_144[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_144[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_144[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_144[type=range]:focus { outline: none; } #volume-barstacks_in_144[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_144[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_144[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_144[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_144[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_144[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_144[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_144[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_144[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-v.playerInFullScreenMode, #fullScreenWrapper-player-v.playerInFullScreenMode #playerWrapper-player-v { height: 100%; } #fullScreenWrapper-player-v.playerInFullScreenMode #mediaFrame-player-v { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-v.playerInFullScreenMode player-v { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-v.playerInFullScreenMode #toolbar-player-v { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-v.playerInFullScreenMode #toolbar-player-v.toolbarVisible { display: flex; } #fullScreenWrapper-player-v.playerInFullScreenMode #PlayerCaptionsBarplayer-v { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-v.playerInFullScreenMode #PlayerCaptionsBarplayer-v.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-v #fullscreenHoverRegion-player-v { display: none; } #fullScreenWrapper-player-v.playerInFullScreenMode #fullscreenHoverRegion-player-v { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-s { width: 100%; } #playerWrapper-player-s { display: block; position: relative; } #playerWrapper-player-s *, #playerWrapper-player-s *:before, #playerWrapper-player-s *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-s { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-s { padding-bottom: 0.00%; } #playerWrapper-player-s #media-player-s { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-s .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-s .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-s .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-s .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-s .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-s .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-s .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-s .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-s .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-s { position: relative; z-index: 4; width: 100%; } #toolbar-player-s button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-s { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-s { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-s:hover #toolbar-player-s { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-s.playerInFullScreenMode:hover #toolbar-player-s, #playerWrapper-player-s.playerInFullScreenMode #toolbar-player-s { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-s.playerInFullScreenMode #toolbar-player-s.toolbarHovered, .playerTouchDevice #playerWrapper-player-s.playerInFullScreenMode #toolbar-player-s { opacity: 1.00; } */ #playerWrapper-player-s.playerInFullScreenMode #fullscreenHoverRegionstacks_in_48 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-s .media-button, #toolbar-player-s .timingContent { line-height: 45px; } #toolbar-player-s .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-s span.time, #media-controls-player-s span.player-extra-element, #media-controls-player-s span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_48 { order: 3; display: block; } #pausestacks_in_48 { order: 3; display: none /* Start hidden */ } #toolbar-player-s [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-s [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-s .media-button a, #toolbar-player-s .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-s span.media-button a:hover, #media-controls-player-s span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-s .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-s .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_48 { display: flex; flex: 1; align-items: center; } #toolbar-player-s .duration, #toolbar-player-s .scrubberWrapper, #toolbar-player-s .time { /* display: table-cell; */ } #toolbar-player-s .time, #toolbar-player-s .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-s .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-s .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-s .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-s .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_48 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_48 { display: none !important; } #volumestacks_in_48:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_48 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_48:hover #volumeMasterControllerstacks_in_48 { display: none; } #volumeMinstacks_in_48 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_48 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_48[type=range], #volumeMinstacks_in_48, #volumeMaxstacks_in_48 { display: none; } #volumeMinstacks_in_48, #volumeMaxstacks_in_48 { cursor: pointer; } #volumestacks_in_48:hover #volumeMinstacks_in_48, #volumestacks_in_48:hover #volumeMaxstacks_in_48, #volumestacks_in_48:hover #volume-barstacks_in_48 { display: inline; } #volume-barstacks_in_48[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_48[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_48[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_48[type=range]:focus { outline: none; } #volume-barstacks_in_48[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_48[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_48[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_48[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_48[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_48[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_48[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_48[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_48[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-s.playerInFullScreenMode, #fullScreenWrapper-player-s.playerInFullScreenMode #playerWrapper-player-s { height: 100%; } #fullScreenWrapper-player-s.playerInFullScreenMode #mediaFrame-player-s { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-s.playerInFullScreenMode player-s { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-s.playerInFullScreenMode #toolbar-player-s { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-s.playerInFullScreenMode #toolbar-player-s.toolbarVisible { display: flex; } #fullScreenWrapper-player-s.playerInFullScreenMode #PlayerCaptionsBarplayer-s { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-s.playerInFullScreenMode #PlayerCaptionsBarplayer-s.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-s #fullscreenHoverRegion-player-s { display: none; } #fullScreenWrapper-player-s.playerInFullScreenMode #fullscreenHoverRegion-player-s { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-z { width: 100%; } #playerWrapper-player-z { display: block; position: relative; } #playerWrapper-player-z *, #playerWrapper-player-z *:before, #playerWrapper-player-z *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-z { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-z { padding-bottom: 0.00%; } #playerWrapper-player-z #media-player-z { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-z .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-z .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-z .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-z .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-z .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-z .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-z .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-z .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-z .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-z { position: relative; z-index: 4; width: 100%; } #toolbar-player-z button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-z { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-z { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-z:hover #toolbar-player-z { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-z.playerInFullScreenMode:hover #toolbar-player-z, #playerWrapper-player-z.playerInFullScreenMode #toolbar-player-z { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-z.playerInFullScreenMode #toolbar-player-z.toolbarHovered, .playerTouchDevice #playerWrapper-player-z.playerInFullScreenMode #toolbar-player-z { opacity: 1.00; } */ #playerWrapper-player-z.playerInFullScreenMode #fullscreenHoverRegionstacks_in_145 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-z .media-button, #toolbar-player-z .timingContent { line-height: 45px; } #toolbar-player-z .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-z span.time, #media-controls-player-z span.player-extra-element, #media-controls-player-z span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_145 { order: 3; display: block; } #pausestacks_in_145 { order: 3; display: none /* Start hidden */ } #toolbar-player-z [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-z [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-z .media-button a, #toolbar-player-z .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-z span.media-button a:hover, #media-controls-player-z span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-z .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-z .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_145 { display: flex; flex: 1; align-items: center; } #toolbar-player-z .duration, #toolbar-player-z .scrubberWrapper, #toolbar-player-z .time { /* display: table-cell; */ } #toolbar-player-z .time, #toolbar-player-z .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-z .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-z .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-z .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-z .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_145 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_145 { display: none !important; } #volumestacks_in_145:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_145 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_145:hover #volumeMasterControllerstacks_in_145 { display: none; } #volumeMinstacks_in_145 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_145 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_145[type=range], #volumeMinstacks_in_145, #volumeMaxstacks_in_145 { display: none; } #volumeMinstacks_in_145, #volumeMaxstacks_in_145 { cursor: pointer; } #volumestacks_in_145:hover #volumeMinstacks_in_145, #volumestacks_in_145:hover #volumeMaxstacks_in_145, #volumestacks_in_145:hover #volume-barstacks_in_145 { display: inline; } #volume-barstacks_in_145[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_145[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_145[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_145[type=range]:focus { outline: none; } #volume-barstacks_in_145[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_145[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_145[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_145[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_145[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_145[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_145[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_145[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_145[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-z.playerInFullScreenMode, #fullScreenWrapper-player-z.playerInFullScreenMode #playerWrapper-player-z { height: 100%; } #fullScreenWrapper-player-z.playerInFullScreenMode #mediaFrame-player-z { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-z.playerInFullScreenMode player-z { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-z.playerInFullScreenMode #toolbar-player-z { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-z.playerInFullScreenMode #toolbar-player-z.toolbarVisible { display: flex; } #fullScreenWrapper-player-z.playerInFullScreenMode #PlayerCaptionsBarplayer-z { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-z.playerInFullScreenMode #PlayerCaptionsBarplayer-z.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-z #fullscreenHoverRegion-player-z { display: none; } #fullScreenWrapper-player-z.playerInFullScreenMode #fullscreenHoverRegion-player-z { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-sh { width: 100%; } #playerWrapper-player-sh { display: block; position: relative; } #playerWrapper-player-sh *, #playerWrapper-player-sh *:before, #playerWrapper-player-sh *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-sh { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-sh { padding-bottom: 0.00%; } #playerWrapper-player-sh #media-player-sh { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-sh .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-sh .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-sh .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-sh .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-sh .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-sh .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-sh .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-sh .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-sh .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-sh { position: relative; z-index: 4; width: 100%; } #toolbar-player-sh button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-sh { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-sh { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-sh:hover #toolbar-player-sh { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-sh.playerInFullScreenMode:hover #toolbar-player-sh, #playerWrapper-player-sh.playerInFullScreenMode #toolbar-player-sh { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-sh.playerInFullScreenMode #toolbar-player-sh.toolbarHovered, .playerTouchDevice #playerWrapper-player-sh.playerInFullScreenMode #toolbar-player-sh { opacity: 1.00; } */ #playerWrapper-player-sh.playerInFullScreenMode #fullscreenHoverRegionstacks_in_146 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-sh .media-button, #toolbar-player-sh .timingContent { line-height: 45px; } #toolbar-player-sh .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-sh span.time, #media-controls-player-sh span.player-extra-element, #media-controls-player-sh span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_146 { order: 3; display: block; } #pausestacks_in_146 { order: 3; display: none /* Start hidden */ } #toolbar-player-sh [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-sh [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-sh .media-button a, #toolbar-player-sh .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-sh span.media-button a:hover, #media-controls-player-sh span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-sh .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-sh .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_146 { display: flex; flex: 1; align-items: center; } #toolbar-player-sh .duration, #toolbar-player-sh .scrubberWrapper, #toolbar-player-sh .time { /* display: table-cell; */ } #toolbar-player-sh .time, #toolbar-player-sh .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-sh .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-sh .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-sh .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-sh .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_146 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_146 { display: none !important; } #volumestacks_in_146:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_146 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_146:hover #volumeMasterControllerstacks_in_146 { display: none; } #volumeMinstacks_in_146 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_146 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_146[type=range], #volumeMinstacks_in_146, #volumeMaxstacks_in_146 { display: none; } #volumeMinstacks_in_146, #volumeMaxstacks_in_146 { cursor: pointer; } #volumestacks_in_146:hover #volumeMinstacks_in_146, #volumestacks_in_146:hover #volumeMaxstacks_in_146, #volumestacks_in_146:hover #volume-barstacks_in_146 { display: inline; } #volume-barstacks_in_146[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_146[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_146[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_146[type=range]:focus { outline: none; } #volume-barstacks_in_146[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_146[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_146[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_146[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_146[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_146[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_146[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_146[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_146[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-sh.playerInFullScreenMode, #fullScreenWrapper-player-sh.playerInFullScreenMode #playerWrapper-player-sh { height: 100%; } #fullScreenWrapper-player-sh.playerInFullScreenMode #mediaFrame-player-sh { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-sh.playerInFullScreenMode player-sh { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-sh.playerInFullScreenMode #toolbar-player-sh { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-sh.playerInFullScreenMode #toolbar-player-sh.toolbarVisible { display: flex; } #fullScreenWrapper-player-sh.playerInFullScreenMode #PlayerCaptionsBarplayer-sh { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-sh.playerInFullScreenMode #PlayerCaptionsBarplayer-sh.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-sh #fullscreenHoverRegion-player-sh { display: none; } #fullScreenWrapper-player-sh.playerInFullScreenMode #fullscreenHoverRegion-player-sh { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-zh { width: 100%; } #playerWrapper-player-zh { display: block; position: relative; } #playerWrapper-player-zh *, #playerWrapper-player-zh *:before, #playerWrapper-player-zh *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-zh { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-zh { padding-bottom: 0.00%; } #playerWrapper-player-zh #media-player-zh { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-zh .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-zh .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-zh .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-zh .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-zh .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-zh .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-zh .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-zh .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-zh .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-zh { position: relative; z-index: 4; width: 100%; } #toolbar-player-zh button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-zh { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-zh { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-zh:hover #toolbar-player-zh { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-zh.playerInFullScreenMode:hover #toolbar-player-zh, #playerWrapper-player-zh.playerInFullScreenMode #toolbar-player-zh { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-zh.playerInFullScreenMode #toolbar-player-zh.toolbarHovered, .playerTouchDevice #playerWrapper-player-zh.playerInFullScreenMode #toolbar-player-zh { opacity: 1.00; } */ #playerWrapper-player-zh.playerInFullScreenMode #fullscreenHoverRegionstacks_in_147 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-zh .media-button, #toolbar-player-zh .timingContent { line-height: 45px; } #toolbar-player-zh .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-zh span.time, #media-controls-player-zh span.player-extra-element, #media-controls-player-zh span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_147 { order: 3; display: block; } #pausestacks_in_147 { order: 3; display: none /* Start hidden */ } #toolbar-player-zh [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-zh [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-zh .media-button a, #toolbar-player-zh .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-zh span.media-button a:hover, #media-controls-player-zh span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-zh .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-zh .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_147 { display: flex; flex: 1; align-items: center; } #toolbar-player-zh .duration, #toolbar-player-zh .scrubberWrapper, #toolbar-player-zh .time { /* display: table-cell; */ } #toolbar-player-zh .time, #toolbar-player-zh .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-zh .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-zh .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-zh .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-zh .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_147 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_147 { display: none !important; } #volumestacks_in_147:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_147 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_147:hover #volumeMasterControllerstacks_in_147 { display: none; } #volumeMinstacks_in_147 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_147 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_147[type=range], #volumeMinstacks_in_147, #volumeMaxstacks_in_147 { display: none; } #volumeMinstacks_in_147, #volumeMaxstacks_in_147 { cursor: pointer; } #volumestacks_in_147:hover #volumeMinstacks_in_147, #volumestacks_in_147:hover #volumeMaxstacks_in_147, #volumestacks_in_147:hover #volume-barstacks_in_147 { display: inline; } #volume-barstacks_in_147[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_147[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_147[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_147[type=range]:focus { outline: none; } #volume-barstacks_in_147[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_147[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_147[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_147[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_147[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_147[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_147[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_147[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_147[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-zh.playerInFullScreenMode, #fullScreenWrapper-player-zh.playerInFullScreenMode #playerWrapper-player-zh { height: 100%; } #fullScreenWrapper-player-zh.playerInFullScreenMode #mediaFrame-player-zh { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-zh.playerInFullScreenMode player-zh { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-zh.playerInFullScreenMode #toolbar-player-zh { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-zh.playerInFullScreenMode #toolbar-player-zh.toolbarVisible { display: flex; } #fullScreenWrapper-player-zh.playerInFullScreenMode #PlayerCaptionsBarplayer-zh { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-zh.playerInFullScreenMode #PlayerCaptionsBarplayer-zh.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-zh #fullscreenHoverRegion-player-zh { display: none; } #fullScreenWrapper-player-zh.playerInFullScreenMode #fullscreenHoverRegion-player-zh { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-h { width: 100%; } #playerWrapper-player-h { display: block; position: relative; } #playerWrapper-player-h *, #playerWrapper-player-h *:before, #playerWrapper-player-h *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-h { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-h { padding-bottom: 0.00%; } #playerWrapper-player-h #media-player-h { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-h .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-h .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-h .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-h .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-h .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-h .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-h .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-h .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-h .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-h { position: relative; z-index: 4; width: 100%; } #toolbar-player-h button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-h { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-h { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-h:hover #toolbar-player-h { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-h.playerInFullScreenMode:hover #toolbar-player-h, #playerWrapper-player-h.playerInFullScreenMode #toolbar-player-h { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-h.playerInFullScreenMode #toolbar-player-h.toolbarHovered, .playerTouchDevice #playerWrapper-player-h.playerInFullScreenMode #toolbar-player-h { opacity: 1.00; } */ #playerWrapper-player-h.playerInFullScreenMode #fullscreenHoverRegionstacks_in_148 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-h .media-button, #toolbar-player-h .timingContent { line-height: 45px; } #toolbar-player-h .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-h span.time, #media-controls-player-h span.player-extra-element, #media-controls-player-h span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_148 { order: 3; display: block; } #pausestacks_in_148 { order: 3; display: none /* Start hidden */ } #toolbar-player-h [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-h [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-h .media-button a, #toolbar-player-h .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-h span.media-button a:hover, #media-controls-player-h span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-h .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-h .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_148 { display: flex; flex: 1; align-items: center; } #toolbar-player-h .duration, #toolbar-player-h .scrubberWrapper, #toolbar-player-h .time { /* display: table-cell; */ } #toolbar-player-h .time, #toolbar-player-h .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-h .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-h .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-h .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-h .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_148 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_148 { display: none !important; } #volumestacks_in_148:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_148 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_148:hover #volumeMasterControllerstacks_in_148 { display: none; } #volumeMinstacks_in_148 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_148 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_148[type=range], #volumeMinstacks_in_148, #volumeMaxstacks_in_148 { display: none; } #volumeMinstacks_in_148, #volumeMaxstacks_in_148 { cursor: pointer; } #volumestacks_in_148:hover #volumeMinstacks_in_148, #volumestacks_in_148:hover #volumeMaxstacks_in_148, #volumestacks_in_148:hover #volume-barstacks_in_148 { display: inline; } #volume-barstacks_in_148[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_148[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_148[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_148[type=range]:focus { outline: none; } #volume-barstacks_in_148[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_148[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_148[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_148[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_148[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_148[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_148[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_148[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_148[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-h.playerInFullScreenMode, #fullScreenWrapper-player-h.playerInFullScreenMode #playerWrapper-player-h { height: 100%; } #fullScreenWrapper-player-h.playerInFullScreenMode #mediaFrame-player-h { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-h.playerInFullScreenMode player-h { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-h.playerInFullScreenMode #toolbar-player-h { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-h.playerInFullScreenMode #toolbar-player-h.toolbarVisible { display: flex; } #fullScreenWrapper-player-h.playerInFullScreenMode #PlayerCaptionsBarplayer-h { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-h.playerInFullScreenMode #PlayerCaptionsBarplayer-h.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-h #fullscreenHoverRegion-player-h { display: none; } #fullScreenWrapper-player-h.playerInFullScreenMode #fullscreenHoverRegion-player-h { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-ch { width: 100%; } #playerWrapper-player-ch { display: block; position: relative; } #playerWrapper-player-ch *, #playerWrapper-player-ch *:before, #playerWrapper-player-ch *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-ch { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-ch { padding-bottom: 0.00%; } #playerWrapper-player-ch #media-player-ch { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-ch .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-ch .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-ch .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-ch .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-ch .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-ch .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-ch .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-ch .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-ch .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-ch { position: relative; z-index: 4; width: 100%; } #toolbar-player-ch button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-ch { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-ch { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-ch:hover #toolbar-player-ch { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-ch.playerInFullScreenMode:hover #toolbar-player-ch, #playerWrapper-player-ch.playerInFullScreenMode #toolbar-player-ch { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-ch.playerInFullScreenMode #toolbar-player-ch.toolbarHovered, .playerTouchDevice #playerWrapper-player-ch.playerInFullScreenMode #toolbar-player-ch { opacity: 1.00; } */ #playerWrapper-player-ch.playerInFullScreenMode #fullscreenHoverRegionstacks_in_149 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-ch .media-button, #toolbar-player-ch .timingContent { line-height: 45px; } #toolbar-player-ch .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-ch span.time, #media-controls-player-ch span.player-extra-element, #media-controls-player-ch span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_149 { order: 3; display: block; } #pausestacks_in_149 { order: 3; display: none /* Start hidden */ } #toolbar-player-ch [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-ch [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-ch .media-button a, #toolbar-player-ch .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-ch span.media-button a:hover, #media-controls-player-ch span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-ch .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-ch .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_149 { display: flex; flex: 1; align-items: center; } #toolbar-player-ch .duration, #toolbar-player-ch .scrubberWrapper, #toolbar-player-ch .time { /* display: table-cell; */ } #toolbar-player-ch .time, #toolbar-player-ch .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-ch .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-ch .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-ch .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-ch .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_149 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_149 { display: none !important; } #volumestacks_in_149:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_149 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_149:hover #volumeMasterControllerstacks_in_149 { display: none; } #volumeMinstacks_in_149 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_149 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_149[type=range], #volumeMinstacks_in_149, #volumeMaxstacks_in_149 { display: none; } #volumeMinstacks_in_149, #volumeMaxstacks_in_149 { cursor: pointer; } #volumestacks_in_149:hover #volumeMinstacks_in_149, #volumestacks_in_149:hover #volumeMaxstacks_in_149, #volumestacks_in_149:hover #volume-barstacks_in_149 { display: inline; } #volume-barstacks_in_149[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_149[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_149[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_149[type=range]:focus { outline: none; } #volume-barstacks_in_149[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_149[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_149[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_149[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_149[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_149[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_149[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_149[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_149[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-ch.playerInFullScreenMode, #fullScreenWrapper-player-ch.playerInFullScreenMode #playerWrapper-player-ch { height: 100%; } #fullScreenWrapper-player-ch.playerInFullScreenMode #mediaFrame-player-ch { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-ch.playerInFullScreenMode player-ch { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-ch.playerInFullScreenMode #toolbar-player-ch { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-ch.playerInFullScreenMode #toolbar-player-ch.toolbarVisible { display: flex; } #fullScreenWrapper-player-ch.playerInFullScreenMode #PlayerCaptionsBarplayer-ch { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-ch.playerInFullScreenMode #PlayerCaptionsBarplayer-ch.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-ch #fullscreenHoverRegion-player-ch { display: none; } #fullScreenWrapper-player-ch.playerInFullScreenMode #fullscreenHoverRegion-player-ch { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-dz { width: 100%; } #playerWrapper-player-dz { display: block; position: relative; } #playerWrapper-player-dz *, #playerWrapper-player-dz *:before, #playerWrapper-player-dz *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-dz { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-dz { padding-bottom: 0.00%; } #playerWrapper-player-dz #media-player-dz { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-dz .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-dz .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-dz .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-dz .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-dz .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-dz .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-dz .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-dz .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-dz .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-dz { position: relative; z-index: 4; width: 100%; } #toolbar-player-dz button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-dz { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-dz { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-dz:hover #toolbar-player-dz { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-dz.playerInFullScreenMode:hover #toolbar-player-dz, #playerWrapper-player-dz.playerInFullScreenMode #toolbar-player-dz { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-dz.playerInFullScreenMode #toolbar-player-dz.toolbarHovered, .playerTouchDevice #playerWrapper-player-dz.playerInFullScreenMode #toolbar-player-dz { opacity: 1.00; } */ #playerWrapper-player-dz.playerInFullScreenMode #fullscreenHoverRegionstacks_in_150 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-dz .media-button, #toolbar-player-dz .timingContent { line-height: 45px; } #toolbar-player-dz .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-dz span.time, #media-controls-player-dz span.player-extra-element, #media-controls-player-dz span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_150 { order: 3; display: block; } #pausestacks_in_150 { order: 3; display: none /* Start hidden */ } #toolbar-player-dz [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-dz [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-dz .media-button a, #toolbar-player-dz .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-dz span.media-button a:hover, #media-controls-player-dz span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-dz .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-dz .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_150 { display: flex; flex: 1; align-items: center; } #toolbar-player-dz .duration, #toolbar-player-dz .scrubberWrapper, #toolbar-player-dz .time { /* display: table-cell; */ } #toolbar-player-dz .time, #toolbar-player-dz .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-dz .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-dz .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-dz .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-dz .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_150 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_150 { display: none !important; } #volumestacks_in_150:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_150 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_150:hover #volumeMasterControllerstacks_in_150 { display: none; } #volumeMinstacks_in_150 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_150 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_150[type=range], #volumeMinstacks_in_150, #volumeMaxstacks_in_150 { display: none; } #volumeMinstacks_in_150, #volumeMaxstacks_in_150 { cursor: pointer; } #volumestacks_in_150:hover #volumeMinstacks_in_150, #volumestacks_in_150:hover #volumeMaxstacks_in_150, #volumestacks_in_150:hover #volume-barstacks_in_150 { display: inline; } #volume-barstacks_in_150[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_150[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_150[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_150[type=range]:focus { outline: none; } #volume-barstacks_in_150[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_150[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_150[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_150[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_150[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_150[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_150[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_150[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_150[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-dz.playerInFullScreenMode, #fullScreenWrapper-player-dz.playerInFullScreenMode #playerWrapper-player-dz { height: 100%; } #fullScreenWrapper-player-dz.playerInFullScreenMode #mediaFrame-player-dz { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-dz.playerInFullScreenMode player-dz { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-dz.playerInFullScreenMode #toolbar-player-dz { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-dz.playerInFullScreenMode #toolbar-player-dz.toolbarVisible { display: flex; } #fullScreenWrapper-player-dz.playerInFullScreenMode #PlayerCaptionsBarplayer-dz { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-dz.playerInFullScreenMode #PlayerCaptionsBarplayer-dz.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-dz #fullscreenHoverRegion-player-dz { display: none; } #fullScreenWrapper-player-dz.playerInFullScreenMode #fullscreenHoverRegion-player-dz { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-w { width: 100%; } #playerWrapper-player-w { display: block; position: relative; } #playerWrapper-player-w *, #playerWrapper-player-w *:before, #playerWrapper-player-w *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-w { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-w { padding-bottom: 0.00%; } #playerWrapper-player-w #media-player-w { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-w .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-w .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-w .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-w .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-w .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-w .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-w .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-w .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-w .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-w { position: relative; z-index: 4; width: 100%; } #toolbar-player-w button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-w { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-w { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-w:hover #toolbar-player-w { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-w.playerInFullScreenMode:hover #toolbar-player-w, #playerWrapper-player-w.playerInFullScreenMode #toolbar-player-w { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-w.playerInFullScreenMode #toolbar-player-w.toolbarHovered, .playerTouchDevice #playerWrapper-player-w.playerInFullScreenMode #toolbar-player-w { opacity: 1.00; } */ #playerWrapper-player-w.playerInFullScreenMode #fullscreenHoverRegionstacks_in_151 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-w .media-button, #toolbar-player-w .timingContent { line-height: 45px; } #toolbar-player-w .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-w span.time, #media-controls-player-w span.player-extra-element, #media-controls-player-w span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_151 { order: 3; display: block; } #pausestacks_in_151 { order: 3; display: none /* Start hidden */ } #toolbar-player-w [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-w [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-w .media-button a, #toolbar-player-w .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-w span.media-button a:hover, #media-controls-player-w span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-w .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-w .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_151 { display: flex; flex: 1; align-items: center; } #toolbar-player-w .duration, #toolbar-player-w .scrubberWrapper, #toolbar-player-w .time { /* display: table-cell; */ } #toolbar-player-w .time, #toolbar-player-w .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-w .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-w .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-w .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-w .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_151 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_151 { display: none !important; } #volumestacks_in_151:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_151 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_151:hover #volumeMasterControllerstacks_in_151 { display: none; } #volumeMinstacks_in_151 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_151 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_151[type=range], #volumeMinstacks_in_151, #volumeMaxstacks_in_151 { display: none; } #volumeMinstacks_in_151, #volumeMaxstacks_in_151 { cursor: pointer; } #volumestacks_in_151:hover #volumeMinstacks_in_151, #volumestacks_in_151:hover #volumeMaxstacks_in_151, #volumestacks_in_151:hover #volume-barstacks_in_151 { display: inline; } #volume-barstacks_in_151[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_151[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_151[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_151[type=range]:focus { outline: none; } #volume-barstacks_in_151[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_151[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_151[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_151[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_151[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_151[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_151[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_151[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_151[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-w.playerInFullScreenMode, #fullScreenWrapper-player-w.playerInFullScreenMode #playerWrapper-player-w { height: 100%; } #fullScreenWrapper-player-w.playerInFullScreenMode #mediaFrame-player-w { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-w.playerInFullScreenMode player-w { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-w.playerInFullScreenMode #toolbar-player-w { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-w.playerInFullScreenMode #toolbar-player-w.toolbarVisible { display: flex; } #fullScreenWrapper-player-w.playerInFullScreenMode #PlayerCaptionsBarplayer-w { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-w.playerInFullScreenMode #PlayerCaptionsBarplayer-w.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-w #fullscreenHoverRegion-player-w { display: none; } #fullScreenWrapper-player-w.playerInFullScreenMode #fullscreenHoverRegion-player-w { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-l { width: 100%; } #playerWrapper-player-l { display: block; position: relative; } #playerWrapper-player-l *, #playerWrapper-player-l *:before, #playerWrapper-player-l *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-l { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-l { padding-bottom: 0.00%; } #playerWrapper-player-l #media-player-l { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-l .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-l .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-l .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-l .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-l .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-l .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-l .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-l .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-l .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-l { position: relative; z-index: 4; width: 100%; } #toolbar-player-l button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-l { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-l { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-l:hover #toolbar-player-l { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-l.playerInFullScreenMode:hover #toolbar-player-l, #playerWrapper-player-l.playerInFullScreenMode #toolbar-player-l { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-l.playerInFullScreenMode #toolbar-player-l.toolbarHovered, .playerTouchDevice #playerWrapper-player-l.playerInFullScreenMode #toolbar-player-l { opacity: 1.00; } */ #playerWrapper-player-l.playerInFullScreenMode #fullscreenHoverRegionstacks_in_152 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-l .media-button, #toolbar-player-l .timingContent { line-height: 45px; } #toolbar-player-l .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-l span.time, #media-controls-player-l span.player-extra-element, #media-controls-player-l span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_152 { order: 3; display: block; } #pausestacks_in_152 { order: 3; display: none /* Start hidden */ } #toolbar-player-l [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-l [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-l .media-button a, #toolbar-player-l .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-l span.media-button a:hover, #media-controls-player-l span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-l .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-l .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_152 { display: flex; flex: 1; align-items: center; } #toolbar-player-l .duration, #toolbar-player-l .scrubberWrapper, #toolbar-player-l .time { /* display: table-cell; */ } #toolbar-player-l .time, #toolbar-player-l .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-l .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-l .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-l .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-l .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_152 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_152 { display: none !important; } #volumestacks_in_152:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_152 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_152:hover #volumeMasterControllerstacks_in_152 { display: none; } #volumeMinstacks_in_152 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_152 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_152[type=range], #volumeMinstacks_in_152, #volumeMaxstacks_in_152 { display: none; } #volumeMinstacks_in_152, #volumeMaxstacks_in_152 { cursor: pointer; } #volumestacks_in_152:hover #volumeMinstacks_in_152, #volumestacks_in_152:hover #volumeMaxstacks_in_152, #volumestacks_in_152:hover #volume-barstacks_in_152 { display: inline; } #volume-barstacks_in_152[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_152[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_152[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_152[type=range]:focus { outline: none; } #volume-barstacks_in_152[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_152[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_152[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_152[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_152[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_152[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_152[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_152[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_152[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-l.playerInFullScreenMode, #fullScreenWrapper-player-l.playerInFullScreenMode #playerWrapper-player-l { height: 100%; } #fullScreenWrapper-player-l.playerInFullScreenMode #mediaFrame-player-l { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-l.playerInFullScreenMode player-l { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-l.playerInFullScreenMode #toolbar-player-l { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-l.playerInFullScreenMode #toolbar-player-l.toolbarVisible { display: flex; } #fullScreenWrapper-player-l.playerInFullScreenMode #PlayerCaptionsBarplayer-l { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-l.playerInFullScreenMode #PlayerCaptionsBarplayer-l.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-l #fullscreenHoverRegion-player-l { display: none; } #fullScreenWrapper-player-l.playerInFullScreenMode #fullscreenHoverRegion-player-l { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-r { width: 100%; } #playerWrapper-player-r { display: block; position: relative; } #playerWrapper-player-r *, #playerWrapper-player-r *:before, #playerWrapper-player-r *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-r { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-r { padding-bottom: 0.00%; } #playerWrapper-player-r #media-player-r { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-r .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-r .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-r .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-r .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-r .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-r .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-r .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-r .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-r .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-r { position: relative; z-index: 4; width: 100%; } #toolbar-player-r button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-r { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-r { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-r:hover #toolbar-player-r { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-r.playerInFullScreenMode:hover #toolbar-player-r, #playerWrapper-player-r.playerInFullScreenMode #toolbar-player-r { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-r.playerInFullScreenMode #toolbar-player-r.toolbarHovered, .playerTouchDevice #playerWrapper-player-r.playerInFullScreenMode #toolbar-player-r { opacity: 1.00; } */ #playerWrapper-player-r.playerInFullScreenMode #fullscreenHoverRegionstacks_in_153 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-r .media-button, #toolbar-player-r .timingContent { line-height: 45px; } #toolbar-player-r .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-r span.time, #media-controls-player-r span.player-extra-element, #media-controls-player-r span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_153 { order: 3; display: block; } #pausestacks_in_153 { order: 3; display: none /* Start hidden */ } #toolbar-player-r [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-r [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-r .media-button a, #toolbar-player-r .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-r span.media-button a:hover, #media-controls-player-r span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-r .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-r .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_153 { display: flex; flex: 1; align-items: center; } #toolbar-player-r .duration, #toolbar-player-r .scrubberWrapper, #toolbar-player-r .time { /* display: table-cell; */ } #toolbar-player-r .time, #toolbar-player-r .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-r .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-r .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-r .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-r .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_153 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_153 { display: none !important; } #volumestacks_in_153:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_153 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_153:hover #volumeMasterControllerstacks_in_153 { display: none; } #volumeMinstacks_in_153 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_153 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_153[type=range], #volumeMinstacks_in_153, #volumeMaxstacks_in_153 { display: none; } #volumeMinstacks_in_153, #volumeMaxstacks_in_153 { cursor: pointer; } #volumestacks_in_153:hover #volumeMinstacks_in_153, #volumestacks_in_153:hover #volumeMaxstacks_in_153, #volumestacks_in_153:hover #volume-barstacks_in_153 { display: inline; } #volume-barstacks_in_153[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_153[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_153[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_153[type=range]:focus { outline: none; } #volume-barstacks_in_153[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_153[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_153[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_153[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_153[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_153[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_153[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_153[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_153[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-r.playerInFullScreenMode, #fullScreenWrapper-player-r.playerInFullScreenMode #playerWrapper-player-r { height: 100%; } #fullScreenWrapper-player-r.playerInFullScreenMode #mediaFrame-player-r { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-r.playerInFullScreenMode player-r { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-r.playerInFullScreenMode #toolbar-player-r { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-r.playerInFullScreenMode #toolbar-player-r.toolbarVisible { display: flex; } #fullScreenWrapper-player-r.playerInFullScreenMode #PlayerCaptionsBarplayer-r { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-r.playerInFullScreenMode #PlayerCaptionsBarplayer-r.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-r #fullscreenHoverRegion-player-r { display: none; } #fullScreenWrapper-player-r.playerInFullScreenMode #fullscreenHoverRegion-player-r { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #fullScreenWrapper-player-j { width: 100%; } #playerWrapper-player-j { display: block; position: relative; } #playerWrapper-player-j *, #playerWrapper-player-j *:before, #playerWrapper-player-j *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-j { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-j { padding-bottom: 0.00%; } #playerWrapper-player-j #media-player-j { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-j .playerSplashButton { position: absolute; left: 0; width: 100%; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 10; } #playerWrapper-player-j .splash-button { position: relative; display: inline-block; z-index: 11; cursor: pointer; padding: 20px; border: 3px solid rgba(76, 76, 76, 1.00); border-radius: 10px; overflow: hidden; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-font-smoothing: antialiased } #playerWrapper-player-j .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-j .splash-button .splash-fill { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 15; background: rgba(225, 225, 225, 0.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-j .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-j .splash-button-inner { display: inline; z-index: 25; color: rgba(76, 76, 76, 1.00); font: 36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; position: relative; line-height: 1; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-j .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-j .splash-button-inner [class^="fa fa-"] { color: rgba(76, 76, 76, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-j .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-j { position: relative; z-index: 4; width: 100%; } #toolbar-player-j button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-j { display: flex; flex-direction: row; align-items: stretch; width: calc(100% - 0px - 0px); height: auto; flex-wrap: wrap; vertical-align: middle; margin: 0px 0px; border-radius: 0px; opacity: 1.00; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: rgba(70, 69, 81, 1.00); /* Old browsers */ background: -moz-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%, rgba(36, 39, 46, 1.00) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(70, 69, 81, 1.00)), color-stop(100%,rgba(36, 39, 46, 1.00))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(70, 69, 81, 1.00) 0%,rgba(36, 39, 46, 1.00) 100%); /* W3C */ } @media screen and (min-width: 568px) { /* A fixed height and no wrapping of controls on wider screends greater than 568px wide */ #toolbar-player-j { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-j:hover #toolbar-player-j { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-j.playerInFullScreenMode:hover #toolbar-player-j, #playerWrapper-player-j.playerInFullScreenMode #toolbar-player-j { position: absolute; bottom: 0; left: 0; margin: 0px; z-index: 99999; opacity: 0; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } #playerWrapper-player-j.playerInFullScreenMode #toolbar-player-j.toolbarHovered, .playerTouchDevice #playerWrapper-player-j.playerInFullScreenMode #toolbar-player-j { opacity: 1.00; } */ #playerWrapper-player-j.playerInFullScreenMode #fullscreenHoverRegionstacks_in_154 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-j .media-button, #toolbar-player-j .timingContent { line-height: 45px; } #toolbar-player-j .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-j span.time, #media-controls-player-j span.player-extra-element, #media-controls-player-j span.duration { text-align: center; background: transparent; border: none; outline: none; padding: 0; margin: 0; overflow: hidden; line-height: 1; height: px; overflow: hidden; text-align: center; vertical-align: middle; } #playstacks_in_154 { order: 3; display: block; } #pausestacks_in_154 { order: 3; display: none /* Start hidden */ } #toolbar-player-j [class^="fa fa-"] { display: block; line-height: 45px; height: 45px; width: 45px; text-align: center; overflow: hidden; float: none; margin: auto; color: rgba(255, 255, 255, 1.00); transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; text-shadow: rgba(0, 0, 0, 1.00) 1px 1px 1px; font-size: 20px; } #toolbar-player-j [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-j .media-button a, #toolbar-player-j .media-button { font-size: 22px; color: rgba(255, 255, 255, 1.00); padding: 0; margin: 0; text-decoration: none; background: none; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; cursor: pointer; } #media-controls-player-j span.media-button a:hover, #media-controls-player-j span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-j .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-j .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_154 { display: flex; flex: 1; align-items: center; } #toolbar-player-j .duration, #toolbar-player-j .scrubberWrapper, #toolbar-player-j .time { /* display: table-cell; */ } #toolbar-player-j .time, #toolbar-player-j .duration { font-size: 15px; line-height: 45px; color: rgba(255, 255, 255, 1.00); height: 45px; min-width: 50px; text-align: center; padding: 0 0px; margin: 0; } #toolbar-player-j .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-j .scrubber { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); width: 100%; height: 20px; margin: 0; border: none; padding: 0; display: block; border-radius: 14px; background: rgba(76, 76, 76, 1.00); outline: none; /* no focus outline */ overflow: hidden; /* position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ z-index: 2; } #toolbar-player-j .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-j .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_154 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_154 { display: none !important; } #volumestacks_in_154:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_154 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_154:hover #volumeMasterControllerstacks_in_154 { display: none; } #volumeMinstacks_in_154 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_154 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_154[type=range], #volumeMinstacks_in_154, #volumeMaxstacks_in_154 { display: none; } #volumeMinstacks_in_154, #volumeMaxstacks_in_154 { cursor: pointer; } #volumestacks_in_154:hover #volumeMinstacks_in_154, #volumestacks_in_154:hover #volumeMaxstacks_in_154, #volumestacks_in_154:hover #volume-barstacks_in_154 { display: inline; } #volume-barstacks_in_154[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_154[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_154[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); margin-top: -5px; } #volume-barstacks_in_154[type=range]:focus { outline: none; } #volume-barstacks_in_154[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_154[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_154[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_154[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_154[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_154[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_154[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_154[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_154[type=range]:focus::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); } /* @end */ /* @group Captions */ /* @end */ /* Style changes for the Player in full screen mode */ #fullScreenWrapper-player-j.playerInFullScreenMode, #fullScreenWrapper-player-j.playerInFullScreenMode #playerWrapper-player-j { height: 100%; } #fullScreenWrapper-player-j.playerInFullScreenMode #mediaFrame-player-j { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-j.playerInFullScreenMode player-j { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-j.playerInFullScreenMode #toolbar-player-j { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-j.playerInFullScreenMode #toolbar-player-j.toolbarVisible { display: flex; } #fullScreenWrapper-player-j.playerInFullScreenMode #PlayerCaptionsBarplayer-j { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-j.playerInFullScreenMode #PlayerCaptionsBarplayer-j.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-j #fullscreenHoverRegion-player-j { display: none; } #fullScreenWrapper-player-j.playerInFullScreenMode #fullscreenHoverRegion-player-j { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_168_button { display:block; position: relative; text-align: center; } #stacks_in_168 a:link, #stacks_in_168 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_168 a:hover, #stacks_in_168 a:active { color:#FFFFFF; } #stacks_in_168 a:link, #stacks_in_168 a:visited { background-color:#AB6CFF; background: -webkit-gradient(linear, left top, left bottom, from(#AB6CFF), to(#6641BF)); border:1px solid #6641BF; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_168 a:hover { background-color:#B875FF; background: -webkit-gradient(linear, left top, left bottom, from(#B875FF), to(#5938A5)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_168 a:active { background-color:#AB6CFF; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; }