#stacks_in_311_button { display:block; position: relative; text-align: center; } #stacks_in_311 a:link, #stacks_in_311 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_311 a:hover, #stacks_in_311 a:active { color:#FFFFFF; } #stacks_in_311 a:link, #stacks_in_311 a:visited { background-color:#FF02A0; background: -webkit-gradient(linear, left top, left bottom, from(#FF02A0), to(#BC0160)); border:1px solid #BC0160; 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_311 a:hover { background-color:#FF02AC; background: -webkit-gradient(linear, left top, left bottom, from(#FF02AC), to(#A30153)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_311 a:active { background-color:#FF02A0; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } /* @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: 255px; 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: 255px; 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; } .category2 fieldset { display: block; } .category3 fieldset { display: block; } .category4 fieldset { display: block; } .category5 fieldset { display: block; } /* Filter Container */ ul.FilterItems { padding: 0; list-style: none; min-height: 295px; 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: 295px; max-width: 242px; 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: 255px; 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(233, 222, 248, 1.00); } #stacks_in_75 { background-color: rgba(254, 204, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-i { width: 100%; } #playerWrapper-player-Vowel-Mono-i { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-i *, #playerWrapper-player-Vowel-Mono-i *:before, #playerWrapper-player-Vowel-Mono-i *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-i { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-i { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-i #media-player-Vowel-Mono-i { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-i .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-Vowel-Mono-i .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-Vowel-Mono-i .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-i .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-Vowel-Mono-i .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-i .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-Vowel-Mono-i .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-i .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-Vowel-Mono-i .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-i { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-i button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-i { 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-Vowel-Mono-i { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-i:hover #toolbar-player-Vowel-Mono-i { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-i.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-i, #playerWrapper-player-Vowel-Mono-i.playerInFullScreenMode #toolbar-player-Vowel-Mono-i { 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-Vowel-Mono-i.playerInFullScreenMode #toolbar-player-Vowel-Mono-i.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-i.playerInFullScreenMode #toolbar-player-Vowel-Mono-i { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-i.playerInFullScreenMode #fullscreenHoverRegionstacks_in_132 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-i .media-button, #toolbar-player-Vowel-Mono-i .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-i .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-i span.time, #media-controls-player-Vowel-Mono-i span.player-extra-element, #media-controls-player-Vowel-Mono-i 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-Vowel-Mono-i [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-Vowel-Mono-i [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-i .media-button a, #toolbar-player-Vowel-Mono-i .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-Vowel-Mono-i span.media-button a:hover, #media-controls-player-Vowel-Mono-i span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-i .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-i .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_132 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-i .duration, #toolbar-player-Vowel-Mono-i .scrubberWrapper, #toolbar-player-Vowel-Mono-i .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-i .time, #toolbar-player-Vowel-Mono-i .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-Vowel-Mono-i .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-i .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-Vowel-Mono-i .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-i .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-Vowel-Mono-i.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-i.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-i { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-i.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-i { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-i.playerInFullScreenMode player-Vowel-Mono-i { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-i.playerInFullScreenMode #toolbar-player-Vowel-Mono-i { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-i.playerInFullScreenMode #toolbar-player-Vowel-Mono-i.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-i.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-i { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-i.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-i.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-i #fullscreenHoverRegion-player-Vowel-Mono-i { display: none; } #fullScreenWrapper-player-Vowel-Mono-i.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-i { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_180 { background-color: rgba(254, 204, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-u { width: 100%; } #playerWrapper-player-Vowel-Mono-u { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-u *, #playerWrapper-player-Vowel-Mono-u *:before, #playerWrapper-player-Vowel-Mono-u *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-u { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-u { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-u #media-player-Vowel-Mono-u { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-u .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-Vowel-Mono-u .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-Vowel-Mono-u .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-u .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-Vowel-Mono-u .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-u .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-Vowel-Mono-u .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-u .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-Vowel-Mono-u .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-u { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-u button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-u { 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-Vowel-Mono-u { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-u:hover #toolbar-player-Vowel-Mono-u { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-u.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-u, #playerWrapper-player-Vowel-Mono-u.playerInFullScreenMode #toolbar-player-Vowel-Mono-u { 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-Vowel-Mono-u.playerInFullScreenMode #toolbar-player-Vowel-Mono-u.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-u.playerInFullScreenMode #toolbar-player-Vowel-Mono-u { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-u.playerInFullScreenMode #fullscreenHoverRegionstacks_in_183 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-u .media-button, #toolbar-player-Vowel-Mono-u .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-u .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-u span.time, #media-controls-player-Vowel-Mono-u span.player-extra-element, #media-controls-player-Vowel-Mono-u 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_183 { order: 3; display: block; } #pausestacks_in_183 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-u [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-Vowel-Mono-u [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-u .media-button a, #toolbar-player-Vowel-Mono-u .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-Vowel-Mono-u span.media-button a:hover, #media-controls-player-Vowel-Mono-u span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-u .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-u .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_183 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-u .duration, #toolbar-player-Vowel-Mono-u .scrubberWrapper, #toolbar-player-Vowel-Mono-u .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-u .time, #toolbar-player-Vowel-Mono-u .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-Vowel-Mono-u .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-u .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-Vowel-Mono-u .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-u .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_183 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_183 { display: none !important; } #volumestacks_in_183:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_183 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_183:hover #volumeMasterControllerstacks_in_183 { display: none; } #volumeMinstacks_in_183 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_183 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_183[type=range], #volumeMinstacks_in_183, #volumeMaxstacks_in_183 { display: none; } #volumeMinstacks_in_183, #volumeMaxstacks_in_183 { cursor: pointer; } #volumestacks_in_183:hover #volumeMinstacks_in_183, #volumestacks_in_183:hover #volumeMaxstacks_in_183, #volumestacks_in_183:hover #volume-barstacks_in_183 { display: inline; } #volume-barstacks_in_183[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_183[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_183[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_183[type=range]:focus { outline: none; } #volume-barstacks_in_183[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_183[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_183[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_183[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_183[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_183[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_183[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_183[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_183[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-Vowel-Mono-u.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-u.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-u { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-u.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-u { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-u.playerInFullScreenMode player-Vowel-Mono-u { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-u.playerInFullScreenMode #toolbar-player-Vowel-Mono-u { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-u.playerInFullScreenMode #toolbar-player-Vowel-Mono-u.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-u.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-u { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-u.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-u.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-u #fullscreenHoverRegion-player-Vowel-Mono-u { display: none; } #fullScreenWrapper-player-Vowel-Mono-u.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-u { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_185 { background-color: rgba(255, 255, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-i-short { width: 100%; } #playerWrapper-player-Vowel-Mono-i-short { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-i-short *, #playerWrapper-player-Vowel-Mono-i-short *:before, #playerWrapper-player-Vowel-Mono-i-short *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-i-short { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-i-short { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-i-short #media-player-Vowel-Mono-i-short { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-i-short .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-Vowel-Mono-i-short .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-Vowel-Mono-i-short .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-i-short .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-Vowel-Mono-i-short .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-i-short .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-Vowel-Mono-i-short .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-i-short .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-Vowel-Mono-i-short .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-i-short { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-i-short button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-i-short { 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-Vowel-Mono-i-short { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-i-short:hover #toolbar-player-Vowel-Mono-i-short { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-i-short, #playerWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #toolbar-player-Vowel-Mono-i-short { 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-Vowel-Mono-i-short.playerInFullScreenMode #toolbar-player-Vowel-Mono-i-short.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #toolbar-player-Vowel-Mono-i-short { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #fullscreenHoverRegionstacks_in_188 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-i-short .media-button, #toolbar-player-Vowel-Mono-i-short .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-i-short .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-i-short span.time, #media-controls-player-Vowel-Mono-i-short span.player-extra-element, #media-controls-player-Vowel-Mono-i-short 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_188 { order: 3; display: block; } #pausestacks_in_188 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-i-short [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-Vowel-Mono-i-short [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-i-short .media-button a, #toolbar-player-Vowel-Mono-i-short .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-Vowel-Mono-i-short span.media-button a:hover, #media-controls-player-Vowel-Mono-i-short span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-i-short .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-i-short .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_188 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-i-short .duration, #toolbar-player-Vowel-Mono-i-short .scrubberWrapper, #toolbar-player-Vowel-Mono-i-short .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-i-short .time, #toolbar-player-Vowel-Mono-i-short .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-Vowel-Mono-i-short .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-i-short .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-Vowel-Mono-i-short .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-i-short .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_188 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_188 { display: none !important; } #volumestacks_in_188:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_188 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_188:hover #volumeMasterControllerstacks_in_188 { display: none; } #volumeMinstacks_in_188 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_188 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_188[type=range], #volumeMinstacks_in_188, #volumeMaxstacks_in_188 { display: none; } #volumeMinstacks_in_188, #volumeMaxstacks_in_188 { cursor: pointer; } #volumestacks_in_188:hover #volumeMinstacks_in_188, #volumestacks_in_188:hover #volumeMaxstacks_in_188, #volumestacks_in_188:hover #volume-barstacks_in_188 { display: inline; } #volume-barstacks_in_188[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_188[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_188[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_188[type=range]:focus { outline: none; } #volume-barstacks_in_188[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_188[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_188[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_188[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_188[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_188[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_188[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_188[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_188[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-Vowel-Mono-i-short.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-i-short { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-i-short { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode player-Vowel-Mono-i-short { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #toolbar-player-Vowel-Mono-i-short { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #toolbar-player-Vowel-Mono-i-short.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-i-short { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-i-short.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-i-short #fullscreenHoverRegion-player-Vowel-Mono-i-short { display: none; } #fullScreenWrapper-player-Vowel-Mono-i-short.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-i-short { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_190 { background-color: rgba(255, 255, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-u-horseshoe { width: 100%; } #playerWrapper-player-Vowel-Mono-u-horseshoe { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-u-horseshoe *, #playerWrapper-player-Vowel-Mono-u-horseshoe *:before, #playerWrapper-player-Vowel-Mono-u-horseshoe *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-u-horseshoe { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-u-horseshoe { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-u-horseshoe #media-player-Vowel-Mono-u-horseshoe { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-u-horseshoe .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-Vowel-Mono-u-horseshoe .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-Vowel-Mono-u-horseshoe .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-u-horseshoe .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-Vowel-Mono-u-horseshoe .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-u-horseshoe .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-Vowel-Mono-u-horseshoe .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-u-horseshoe .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-Vowel-Mono-u-horseshoe .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-u-horseshoe { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-u-horseshoe button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-u-horseshoe { 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-Vowel-Mono-u-horseshoe { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-u-horseshoe:hover #toolbar-player-Vowel-Mono-u-horseshoe { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-u-horseshoe, #playerWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #toolbar-player-Vowel-Mono-u-horseshoe { 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-Vowel-Mono-u-horseshoe.playerInFullScreenMode #toolbar-player-Vowel-Mono-u-horseshoe.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #toolbar-player-Vowel-Mono-u-horseshoe { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #fullscreenHoverRegionstacks_in_193 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-u-horseshoe .media-button, #toolbar-player-Vowel-Mono-u-horseshoe .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-u-horseshoe .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-u-horseshoe span.time, #media-controls-player-Vowel-Mono-u-horseshoe span.player-extra-element, #media-controls-player-Vowel-Mono-u-horseshoe 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_193 { order: 3; display: block; } #pausestacks_in_193 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-u-horseshoe [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-Vowel-Mono-u-horseshoe [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-u-horseshoe .media-button a, #toolbar-player-Vowel-Mono-u-horseshoe .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-Vowel-Mono-u-horseshoe span.media-button a:hover, #media-controls-player-Vowel-Mono-u-horseshoe span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-u-horseshoe .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-u-horseshoe .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_193 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-u-horseshoe .duration, #toolbar-player-Vowel-Mono-u-horseshoe .scrubberWrapper, #toolbar-player-Vowel-Mono-u-horseshoe .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-u-horseshoe .time, #toolbar-player-Vowel-Mono-u-horseshoe .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-Vowel-Mono-u-horseshoe .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-u-horseshoe .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-Vowel-Mono-u-horseshoe .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-u-horseshoe .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_193 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_193 { display: none !important; } #volumestacks_in_193:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_193 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_193:hover #volumeMasterControllerstacks_in_193 { display: none; } #volumeMinstacks_in_193 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_193 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_193[type=range], #volumeMinstacks_in_193, #volumeMaxstacks_in_193 { display: none; } #volumeMinstacks_in_193, #volumeMaxstacks_in_193 { cursor: pointer; } #volumestacks_in_193:hover #volumeMinstacks_in_193, #volumestacks_in_193:hover #volumeMaxstacks_in_193, #volumestacks_in_193:hover #volume-barstacks_in_193 { display: inline; } #volume-barstacks_in_193[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_193[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_193[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_193[type=range]:focus { outline: none; } #volume-barstacks_in_193[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_193[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_193[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_193[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_193[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_193[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_193[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_193[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_193[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-Vowel-Mono-u-horseshoe.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-u-horseshoe { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-u-horseshoe { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode player-Vowel-Mono-u-horseshoe { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #toolbar-player-Vowel-Mono-u-horseshoe { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #toolbar-player-Vowel-Mono-u-horseshoe.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-u-horseshoe { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-u-horseshoe.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-u-horseshoe #fullscreenHoverRegion-player-Vowel-Mono-u-horseshoe { display: none; } #fullScreenWrapper-player-Vowel-Mono-u-horseshoe.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-u-horseshoe { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_195 { background-color: rgba(255, 255, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-e { width: 100%; } #playerWrapper-player-Vowel-Mono-e { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-e *, #playerWrapper-player-Vowel-Mono-e *:before, #playerWrapper-player-Vowel-Mono-e *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-e { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-e { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-e #media-player-Vowel-Mono-e { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-e .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-Vowel-Mono-e .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-Vowel-Mono-e .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-e .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-Vowel-Mono-e .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-e .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-Vowel-Mono-e .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-e .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-Vowel-Mono-e .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-e { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-e button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-e { 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-Vowel-Mono-e { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-e:hover #toolbar-player-Vowel-Mono-e { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-e.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-e, #playerWrapper-player-Vowel-Mono-e.playerInFullScreenMode #toolbar-player-Vowel-Mono-e { 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-Vowel-Mono-e.playerInFullScreenMode #toolbar-player-Vowel-Mono-e.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-e.playerInFullScreenMode #toolbar-player-Vowel-Mono-e { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-e.playerInFullScreenMode #fullscreenHoverRegionstacks_in_198 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-e .media-button, #toolbar-player-Vowel-Mono-e .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-e .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-e span.time, #media-controls-player-Vowel-Mono-e span.player-extra-element, #media-controls-player-Vowel-Mono-e 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_198 { order: 3; display: block; } #pausestacks_in_198 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-e [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-Vowel-Mono-e [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-e .media-button a, #toolbar-player-Vowel-Mono-e .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-Vowel-Mono-e span.media-button a:hover, #media-controls-player-Vowel-Mono-e span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-e .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-e .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_198 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-e .duration, #toolbar-player-Vowel-Mono-e .scrubberWrapper, #toolbar-player-Vowel-Mono-e .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-e .time, #toolbar-player-Vowel-Mono-e .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-Vowel-Mono-e .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-e .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-Vowel-Mono-e .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-e .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_198 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_198 { display: none !important; } #volumestacks_in_198:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_198 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_198:hover #volumeMasterControllerstacks_in_198 { display: none; } #volumeMinstacks_in_198 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_198 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_198[type=range], #volumeMinstacks_in_198, #volumeMaxstacks_in_198 { display: none; } #volumeMinstacks_in_198, #volumeMaxstacks_in_198 { cursor: pointer; } #volumestacks_in_198:hover #volumeMinstacks_in_198, #volumestacks_in_198:hover #volumeMaxstacks_in_198, #volumestacks_in_198:hover #volume-barstacks_in_198 { display: inline; } #volume-barstacks_in_198[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_198[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_198[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_198[type=range]:focus { outline: none; } #volume-barstacks_in_198[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_198[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_198[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_198[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_198[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_198[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_198[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_198[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_198[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-Vowel-Mono-e.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-e.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-e { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-e.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-e { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-e.playerInFullScreenMode player-Vowel-Mono-e { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-e.playerInFullScreenMode #toolbar-player-Vowel-Mono-e { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-e.playerInFullScreenMode #toolbar-player-Vowel-Mono-e.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-e.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-e { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-e.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-e.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-e #fullscreenHoverRegion-player-Vowel-Mono-e { display: none; } #fullScreenWrapper-player-Vowel-Mono-e.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-e { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_200 { background-color: rgba(254, 204, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-er { width: 100%; } #playerWrapper-player-Vowel-Mono-er { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-er *, #playerWrapper-player-Vowel-Mono-er *:before, #playerWrapper-player-Vowel-Mono-er *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-er { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-er { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-er #media-player-Vowel-Mono-er { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-er .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-Vowel-Mono-er .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-Vowel-Mono-er .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-er .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-Vowel-Mono-er .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-er .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-Vowel-Mono-er .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-er .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-Vowel-Mono-er .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-er { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-er button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-er { 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-Vowel-Mono-er { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-er:hover #toolbar-player-Vowel-Mono-er { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-er.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-er, #playerWrapper-player-Vowel-Mono-er.playerInFullScreenMode #toolbar-player-Vowel-Mono-er { 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-Vowel-Mono-er.playerInFullScreenMode #toolbar-player-Vowel-Mono-er.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-er.playerInFullScreenMode #toolbar-player-Vowel-Mono-er { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-er.playerInFullScreenMode #fullscreenHoverRegionstacks_in_203 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-er .media-button, #toolbar-player-Vowel-Mono-er .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-er .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-er span.time, #media-controls-player-Vowel-Mono-er span.player-extra-element, #media-controls-player-Vowel-Mono-er 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_203 { order: 3; display: block; } #pausestacks_in_203 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-er [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-Vowel-Mono-er [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-er .media-button a, #toolbar-player-Vowel-Mono-er .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-Vowel-Mono-er span.media-button a:hover, #media-controls-player-Vowel-Mono-er span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-er .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-er .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_203 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-er .duration, #toolbar-player-Vowel-Mono-er .scrubberWrapper, #toolbar-player-Vowel-Mono-er .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-er .time, #toolbar-player-Vowel-Mono-er .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-Vowel-Mono-er .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-er .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-Vowel-Mono-er .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-er .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_203 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_203 { display: none !important; } #volumestacks_in_203:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_203 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_203:hover #volumeMasterControllerstacks_in_203 { display: none; } #volumeMinstacks_in_203 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_203 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_203[type=range], #volumeMinstacks_in_203, #volumeMaxstacks_in_203 { display: none; } #volumeMinstacks_in_203, #volumeMaxstacks_in_203 { cursor: pointer; } #volumestacks_in_203:hover #volumeMinstacks_in_203, #volumestacks_in_203:hover #volumeMaxstacks_in_203, #volumestacks_in_203:hover #volume-barstacks_in_203 { display: inline; } #volume-barstacks_in_203[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_203[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_203[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_203[type=range]:focus { outline: none; } #volume-barstacks_in_203[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_203[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_203[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_203[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_203[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_203[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_203[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_203[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_203[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-Vowel-Mono-er.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-er.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-er { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-er.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-er { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-er.playerInFullScreenMode player-Vowel-Mono-er { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-er.playerInFullScreenMode #toolbar-player-Vowel-Mono-er { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-er.playerInFullScreenMode #toolbar-player-Vowel-Mono-er.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-er.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-er { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-er.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-er.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-er #fullscreenHoverRegion-player-Vowel-Mono-er { display: none; } #fullScreenWrapper-player-Vowel-Mono-er.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-er { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_205 { background-color: rgba(255, 255, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-schwa { width: 100%; } #playerWrapper-player-Vowel-Mono-schwa { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-schwa *, #playerWrapper-player-Vowel-Mono-schwa *:before, #playerWrapper-player-Vowel-Mono-schwa *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-schwa { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-schwa { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-schwa #media-player-Vowel-Mono-schwa { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-schwa .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-Vowel-Mono-schwa .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-Vowel-Mono-schwa .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-schwa .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-Vowel-Mono-schwa .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-schwa .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-Vowel-Mono-schwa .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-schwa .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-Vowel-Mono-schwa .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-schwa { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-schwa button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-schwa { 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-Vowel-Mono-schwa { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-schwa:hover #toolbar-player-Vowel-Mono-schwa { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-schwa, #playerWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #toolbar-player-Vowel-Mono-schwa { 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-Vowel-Mono-schwa.playerInFullScreenMode #toolbar-player-Vowel-Mono-schwa.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #toolbar-player-Vowel-Mono-schwa { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #fullscreenHoverRegionstacks_in_208 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-schwa .media-button, #toolbar-player-Vowel-Mono-schwa .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-schwa .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-schwa span.time, #media-controls-player-Vowel-Mono-schwa span.player-extra-element, #media-controls-player-Vowel-Mono-schwa 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_208 { order: 3; display: block; } #pausestacks_in_208 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-schwa [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-Vowel-Mono-schwa [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-schwa .media-button a, #toolbar-player-Vowel-Mono-schwa .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-Vowel-Mono-schwa span.media-button a:hover, #media-controls-player-Vowel-Mono-schwa span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-schwa .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-schwa .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_208 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-schwa .duration, #toolbar-player-Vowel-Mono-schwa .scrubberWrapper, #toolbar-player-Vowel-Mono-schwa .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-schwa .time, #toolbar-player-Vowel-Mono-schwa .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-Vowel-Mono-schwa .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-schwa .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-Vowel-Mono-schwa .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-schwa .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_208 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_208 { display: none !important; } #volumestacks_in_208:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_208 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_208:hover #volumeMasterControllerstacks_in_208 { display: none; } #volumeMinstacks_in_208 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_208 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_208[type=range], #volumeMinstacks_in_208, #volumeMaxstacks_in_208 { display: none; } #volumeMinstacks_in_208, #volumeMaxstacks_in_208 { cursor: pointer; } #volumestacks_in_208:hover #volumeMinstacks_in_208, #volumestacks_in_208:hover #volumeMaxstacks_in_208, #volumestacks_in_208:hover #volume-barstacks_in_208 { display: inline; } #volume-barstacks_in_208[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_208[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_208[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_208[type=range]:focus { outline: none; } #volume-barstacks_in_208[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_208[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_208[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_208[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_208[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_208[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_208[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_208[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_208[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-Vowel-Mono-schwa.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-schwa { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-schwa { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode player-Vowel-Mono-schwa { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #toolbar-player-Vowel-Mono-schwa { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #toolbar-player-Vowel-Mono-schwa.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-schwa { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-schwa.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-schwa #fullscreenHoverRegion-player-Vowel-Mono-schwa { display: none; } #fullScreenWrapper-player-Vowel-Mono-schwa.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-schwa { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_210 { background-color: rgba(254, 204, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-or { width: 100%; } #playerWrapper-player-Vowel-Mono-or { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-or *, #playerWrapper-player-Vowel-Mono-or *:before, #playerWrapper-player-Vowel-Mono-or *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-or { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-or { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-or #media-player-Vowel-Mono-or { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-or .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-Vowel-Mono-or .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-Vowel-Mono-or .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-or .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-Vowel-Mono-or .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-or .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-Vowel-Mono-or .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-or .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-Vowel-Mono-or .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-or { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-or button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-or { 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-Vowel-Mono-or { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-or:hover #toolbar-player-Vowel-Mono-or { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-or.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-or, #playerWrapper-player-Vowel-Mono-or.playerInFullScreenMode #toolbar-player-Vowel-Mono-or { 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-Vowel-Mono-or.playerInFullScreenMode #toolbar-player-Vowel-Mono-or.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-or.playerInFullScreenMode #toolbar-player-Vowel-Mono-or { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-or.playerInFullScreenMode #fullscreenHoverRegionstacks_in_213 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-or .media-button, #toolbar-player-Vowel-Mono-or .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-or .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-or span.time, #media-controls-player-Vowel-Mono-or span.player-extra-element, #media-controls-player-Vowel-Mono-or 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_213 { order: 3; display: block; } #pausestacks_in_213 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-or [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-Vowel-Mono-or [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-or .media-button a, #toolbar-player-Vowel-Mono-or .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-Vowel-Mono-or span.media-button a:hover, #media-controls-player-Vowel-Mono-or span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-or .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-or .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_213 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-or .duration, #toolbar-player-Vowel-Mono-or .scrubberWrapper, #toolbar-player-Vowel-Mono-or .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-or .time, #toolbar-player-Vowel-Mono-or .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-Vowel-Mono-or .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-or .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-Vowel-Mono-or .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-or .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_213 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_213 { display: none !important; } #volumestacks_in_213:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_213 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_213:hover #volumeMasterControllerstacks_in_213 { display: none; } #volumeMinstacks_in_213 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_213 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_213[type=range], #volumeMinstacks_in_213, #volumeMaxstacks_in_213 { display: none; } #volumeMinstacks_in_213, #volumeMaxstacks_in_213 { cursor: pointer; } #volumestacks_in_213:hover #volumeMinstacks_in_213, #volumestacks_in_213:hover #volumeMaxstacks_in_213, #volumestacks_in_213:hover #volume-barstacks_in_213 { display: inline; } #volume-barstacks_in_213[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_213[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_213[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_213[type=range]:focus { outline: none; } #volume-barstacks_in_213[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_213[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_213[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_213[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_213[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_213[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_213[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_213[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_213[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-Vowel-Mono-or.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-or.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-or { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-or.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-or { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-or.playerInFullScreenMode player-Vowel-Mono-or { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-or.playerInFullScreenMode #toolbar-player-Vowel-Mono-or { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-or.playerInFullScreenMode #toolbar-player-Vowel-Mono-or.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-or.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-or { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-or.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-or.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-or #fullscreenHoverRegion-player-Vowel-Mono-or { display: none; } #fullScreenWrapper-player-Vowel-Mono-or.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-or { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_215 { background-color: rgba(255, 255, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-ae { width: 100%; } #playerWrapper-player-Vowel-Mono-ae { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-ae *, #playerWrapper-player-Vowel-Mono-ae *:before, #playerWrapper-player-Vowel-Mono-ae *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-ae { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-ae { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-ae #media-player-Vowel-Mono-ae { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-ae .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-Vowel-Mono-ae .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-Vowel-Mono-ae .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-ae .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-Vowel-Mono-ae .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-ae .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-Vowel-Mono-ae .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-ae .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-Vowel-Mono-ae .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-ae { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-ae button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-ae { 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-Vowel-Mono-ae { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-ae:hover #toolbar-player-Vowel-Mono-ae { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-ae.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-ae, #playerWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #toolbar-player-Vowel-Mono-ae { 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-Vowel-Mono-ae.playerInFullScreenMode #toolbar-player-Vowel-Mono-ae.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #toolbar-player-Vowel-Mono-ae { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #fullscreenHoverRegionstacks_in_218 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-ae .media-button, #toolbar-player-Vowel-Mono-ae .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-ae .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-ae span.time, #media-controls-player-Vowel-Mono-ae span.player-extra-element, #media-controls-player-Vowel-Mono-ae 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_218 { order: 3; display: block; } #pausestacks_in_218 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-ae [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-Vowel-Mono-ae [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-ae .media-button a, #toolbar-player-Vowel-Mono-ae .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-Vowel-Mono-ae span.media-button a:hover, #media-controls-player-Vowel-Mono-ae span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-ae .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-ae .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_218 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-ae .duration, #toolbar-player-Vowel-Mono-ae .scrubberWrapper, #toolbar-player-Vowel-Mono-ae .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-ae .time, #toolbar-player-Vowel-Mono-ae .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-Vowel-Mono-ae .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-ae .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-Vowel-Mono-ae .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-ae .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_218 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_218 { display: none !important; } #volumestacks_in_218:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_218 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_218:hover #volumeMasterControllerstacks_in_218 { display: none; } #volumeMinstacks_in_218 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_218 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_218[type=range], #volumeMinstacks_in_218, #volumeMaxstacks_in_218 { display: none; } #volumeMinstacks_in_218, #volumeMaxstacks_in_218 { cursor: pointer; } #volumestacks_in_218:hover #volumeMinstacks_in_218, #volumestacks_in_218:hover #volumeMaxstacks_in_218, #volumestacks_in_218:hover #volume-barstacks_in_218 { display: inline; } #volume-barstacks_in_218[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_218[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_218[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_218[type=range]:focus { outline: none; } #volume-barstacks_in_218[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_218[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_218[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_218[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_218[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_218[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_218[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_218[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_218[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-Vowel-Mono-ae.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-ae { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-ae { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-ae.playerInFullScreenMode player-Vowel-Mono-ae { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #toolbar-player-Vowel-Mono-ae { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #toolbar-player-Vowel-Mono-ae.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-ae { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-ae.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-ae #fullscreenHoverRegion-player-Vowel-Mono-ae { display: none; } #fullScreenWrapper-player-Vowel-Mono-ae.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-ae { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_220 { background-color: rgba(255, 255, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-strut { width: 100%; } #playerWrapper-player-Vowel-Mono-strut { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-strut *, #playerWrapper-player-Vowel-Mono-strut *:before, #playerWrapper-player-Vowel-Mono-strut *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-strut { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-strut { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-strut #media-player-Vowel-Mono-strut { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-strut .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-Vowel-Mono-strut .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-Vowel-Mono-strut .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-strut .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-Vowel-Mono-strut .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-strut .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-Vowel-Mono-strut .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-strut .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-Vowel-Mono-strut .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-strut { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-strut button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-strut { 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-Vowel-Mono-strut { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-strut:hover #toolbar-player-Vowel-Mono-strut { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-strut.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-strut, #playerWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #toolbar-player-Vowel-Mono-strut { 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-Vowel-Mono-strut.playerInFullScreenMode #toolbar-player-Vowel-Mono-strut.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #toolbar-player-Vowel-Mono-strut { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #fullscreenHoverRegionstacks_in_223 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-strut .media-button, #toolbar-player-Vowel-Mono-strut .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-strut .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-strut span.time, #media-controls-player-Vowel-Mono-strut span.player-extra-element, #media-controls-player-Vowel-Mono-strut 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_223 { order: 3; display: block; } #pausestacks_in_223 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-strut [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-Vowel-Mono-strut [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-strut .media-button a, #toolbar-player-Vowel-Mono-strut .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-Vowel-Mono-strut span.media-button a:hover, #media-controls-player-Vowel-Mono-strut span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-strut .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-strut .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_223 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-strut .duration, #toolbar-player-Vowel-Mono-strut .scrubberWrapper, #toolbar-player-Vowel-Mono-strut .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-strut .time, #toolbar-player-Vowel-Mono-strut .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-Vowel-Mono-strut .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-strut .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-Vowel-Mono-strut .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-strut .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_223 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_223 { display: none !important; } #volumestacks_in_223:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_223 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_223:hover #volumeMasterControllerstacks_in_223 { display: none; } #volumeMinstacks_in_223 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_223 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_223[type=range], #volumeMinstacks_in_223, #volumeMaxstacks_in_223 { display: none; } #volumeMinstacks_in_223, #volumeMaxstacks_in_223 { cursor: pointer; } #volumestacks_in_223:hover #volumeMinstacks_in_223, #volumestacks_in_223:hover #volumeMaxstacks_in_223, #volumestacks_in_223:hover #volume-barstacks_in_223 { display: inline; } #volume-barstacks_in_223[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_223[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_223[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_223[type=range]:focus { outline: none; } #volume-barstacks_in_223[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_223[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_223[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_223[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_223[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_223[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_223[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_223[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_223[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-Vowel-Mono-strut.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-strut { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-strut { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-strut.playerInFullScreenMode player-Vowel-Mono-strut { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #toolbar-player-Vowel-Mono-strut { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #toolbar-player-Vowel-Mono-strut.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-strut { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-strut.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-strut #fullscreenHoverRegion-player-Vowel-Mono-strut { display: none; } #fullScreenWrapper-player-Vowel-Mono-strut.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-strut { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_225 { background-color: rgba(255, 255, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-D { width: 100%; } #playerWrapper-player-Vowel-Mono-D { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-D *, #playerWrapper-player-Vowel-Mono-D *:before, #playerWrapper-player-Vowel-Mono-D *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-D { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-D { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-D #media-player-Vowel-Mono-D { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-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-Vowel-Mono-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-Vowel-Mono-D .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-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-Vowel-Mono-D .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-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-Vowel-Mono-D .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-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-Vowel-Mono-D .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-D { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-D button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-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-Vowel-Mono-D { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-D:hover #toolbar-player-Vowel-Mono-D { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-D.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-D, #playerWrapper-player-Vowel-Mono-D.playerInFullScreenMode #toolbar-player-Vowel-Mono-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-Vowel-Mono-D.playerInFullScreenMode #toolbar-player-Vowel-Mono-D.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-D.playerInFullScreenMode #toolbar-player-Vowel-Mono-D { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-D.playerInFullScreenMode #fullscreenHoverRegionstacks_in_228 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-D .media-button, #toolbar-player-Vowel-Mono-D .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-D .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-D span.time, #media-controls-player-Vowel-Mono-D span.player-extra-element, #media-controls-player-Vowel-Mono-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_228 { order: 3; display: block; } #pausestacks_in_228 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-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-Vowel-Mono-D [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-D .media-button a, #toolbar-player-Vowel-Mono-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-Vowel-Mono-D span.media-button a:hover, #media-controls-player-Vowel-Mono-D span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-D .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-D .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_228 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-D .duration, #toolbar-player-Vowel-Mono-D .scrubberWrapper, #toolbar-player-Vowel-Mono-D .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-D .time, #toolbar-player-Vowel-Mono-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-Vowel-Mono-D .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-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-Vowel-Mono-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-Vowel-Mono-D .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_228 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_228 { display: none !important; } #volumestacks_in_228:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_228 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_228:hover #volumeMasterControllerstacks_in_228 { display: none; } #volumeMinstacks_in_228 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_228 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_228[type=range], #volumeMinstacks_in_228, #volumeMaxstacks_in_228 { display: none; } #volumeMinstacks_in_228, #volumeMaxstacks_in_228 { cursor: pointer; } #volumestacks_in_228:hover #volumeMinstacks_in_228, #volumestacks_in_228:hover #volumeMaxstacks_in_228, #volumestacks_in_228:hover #volume-barstacks_in_228 { display: inline; } #volume-barstacks_in_228[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_228[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_228[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_228[type=range]:focus { outline: none; } #volume-barstacks_in_228[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_228[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_228[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_228[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_228[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_228[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_228[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_228[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_228[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-Vowel-Mono-D.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-D.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-D { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-D.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-D { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-D.playerInFullScreenMode player-Vowel-Mono-D { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-D.playerInFullScreenMode #toolbar-player-Vowel-Mono-D { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-D.playerInFullScreenMode #toolbar-player-Vowel-Mono-D.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-D.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-D { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-D.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-D.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-D #fullscreenHoverRegion-player-Vowel-Mono-D { display: none; } #fullScreenWrapper-player-Vowel-Mono-D.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-D { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_230 { background-color: rgba(254, 204, 102, 1.00); } #fullScreenWrapper-player-Vowel-Mono-ah { width: 100%; } #playerWrapper-player-Vowel-Mono-ah { display: block; position: relative; } #playerWrapper-player-Vowel-Mono-ah *, #playerWrapper-player-Vowel-Mono-ah *:before, #playerWrapper-player-Vowel-Mono-ah *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Mono-ah { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Mono-ah { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Mono-ah #media-player-Vowel-Mono-ah { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Mono-ah .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-Vowel-Mono-ah .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-Vowel-Mono-ah .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-ah .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-Vowel-Mono-ah .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Mono-ah .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-Vowel-Mono-ah .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Mono-ah .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-Vowel-Mono-ah .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Mono-ah { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Mono-ah button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Mono-ah { 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-Vowel-Mono-ah { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Mono-ah:hover #toolbar-player-Vowel-Mono-ah { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Mono-ah.playerInFullScreenMode:hover #toolbar-player-Vowel-Mono-ah, #playerWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #toolbar-player-Vowel-Mono-ah { 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-Vowel-Mono-ah.playerInFullScreenMode #toolbar-player-Vowel-Mono-ah.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #toolbar-player-Vowel-Mono-ah { opacity: 1.00; } */ #playerWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #fullscreenHoverRegionstacks_in_233 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Mono-ah .media-button, #toolbar-player-Vowel-Mono-ah .timingContent { line-height: 45px; } #toolbar-player-Vowel-Mono-ah .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Mono-ah span.time, #media-controls-player-Vowel-Mono-ah span.player-extra-element, #media-controls-player-Vowel-Mono-ah 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_233 { order: 3; display: block; } #pausestacks_in_233 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Mono-ah [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-Vowel-Mono-ah [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Mono-ah .media-button a, #toolbar-player-Vowel-Mono-ah .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-Vowel-Mono-ah span.media-button a:hover, #media-controls-player-Vowel-Mono-ah span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Mono-ah .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Mono-ah .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_233 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Mono-ah .duration, #toolbar-player-Vowel-Mono-ah .scrubberWrapper, #toolbar-player-Vowel-Mono-ah .time { /* display: table-cell; */ } #toolbar-player-Vowel-Mono-ah .time, #toolbar-player-Vowel-Mono-ah .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-Vowel-Mono-ah .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Mono-ah .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-Vowel-Mono-ah .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Mono-ah .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_233 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_233 { display: none !important; } #volumestacks_in_233:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_233 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_233:hover #volumeMasterControllerstacks_in_233 { display: none; } #volumeMinstacks_in_233 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_233 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_233[type=range], #volumeMinstacks_in_233, #volumeMaxstacks_in_233 { display: none; } #volumeMinstacks_in_233, #volumeMaxstacks_in_233 { cursor: pointer; } #volumestacks_in_233:hover #volumeMinstacks_in_233, #volumestacks_in_233:hover #volumeMaxstacks_in_233, #volumestacks_in_233:hover #volume-barstacks_in_233 { display: inline; } #volume-barstacks_in_233[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_233[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_233[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_233[type=range]:focus { outline: none; } #volume-barstacks_in_233[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_233[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_233[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_233[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_233[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_233[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_233[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_233[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_233[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-Vowel-Mono-ah.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #playerWrapper-player-Vowel-Mono-ah { height: 100%; } #fullScreenWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #mediaFrame-player-Vowel-Mono-ah { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Mono-ah.playerInFullScreenMode player-Vowel-Mono-ah { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #toolbar-player-Vowel-Mono-ah { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #toolbar-player-Vowel-Mono-ah.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-ah { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Mono-ah.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Mono-ah #fullscreenHoverRegion-player-Vowel-Mono-ah { display: none; } #fullScreenWrapper-player-Vowel-Mono-ah.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Mono-ah { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_235 { background-color: rgba(102, 204, 255, 1.00); } #fullScreenWrapper-player-Vowel-Diphth-ay { width: 100%; } #playerWrapper-player-Vowel-Diphth-ay { display: block; position: relative; } #playerWrapper-player-Vowel-Diphth-ay *, #playerWrapper-player-Vowel-Diphth-ay *:before, #playerWrapper-player-Vowel-Diphth-ay *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Diphth-ay { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Diphth-ay { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Diphth-ay #media-player-Vowel-Diphth-ay { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Diphth-ay .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-Vowel-Diphth-ay .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-Vowel-Diphth-ay .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-ay .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-Vowel-Diphth-ay .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Diphth-ay .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-Vowel-Diphth-ay .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-ay .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-Vowel-Diphth-ay .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Diphth-ay { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Diphth-ay button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Diphth-ay { 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-Vowel-Diphth-ay { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Diphth-ay:hover #toolbar-player-Vowel-Diphth-ay { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode:hover #toolbar-player-Vowel-Diphth-ay, #playerWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ay { 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-Vowel-Diphth-ay.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ay.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ay { opacity: 1.00; } */ #playerWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #fullscreenHoverRegionstacks_in_238 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Diphth-ay .media-button, #toolbar-player-Vowel-Diphth-ay .timingContent { line-height: 45px; } #toolbar-player-Vowel-Diphth-ay .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Diphth-ay span.time, #media-controls-player-Vowel-Diphth-ay span.player-extra-element, #media-controls-player-Vowel-Diphth-ay 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_238 { order: 3; display: block; } #pausestacks_in_238 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Diphth-ay [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-Vowel-Diphth-ay [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Diphth-ay .media-button a, #toolbar-player-Vowel-Diphth-ay .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-Vowel-Diphth-ay span.media-button a:hover, #media-controls-player-Vowel-Diphth-ay span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Diphth-ay .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Diphth-ay .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_238 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Diphth-ay .duration, #toolbar-player-Vowel-Diphth-ay .scrubberWrapper, #toolbar-player-Vowel-Diphth-ay .time { /* display: table-cell; */ } #toolbar-player-Vowel-Diphth-ay .time, #toolbar-player-Vowel-Diphth-ay .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-Vowel-Diphth-ay .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Diphth-ay .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-Vowel-Diphth-ay .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Diphth-ay .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_238 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_238 { display: none !important; } #volumestacks_in_238:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_238 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_238:hover #volumeMasterControllerstacks_in_238 { display: none; } #volumeMinstacks_in_238 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_238 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_238[type=range], #volumeMinstacks_in_238, #volumeMaxstacks_in_238 { display: none; } #volumeMinstacks_in_238, #volumeMaxstacks_in_238 { cursor: pointer; } #volumestacks_in_238:hover #volumeMinstacks_in_238, #volumestacks_in_238:hover #volumeMaxstacks_in_238, #volumestacks_in_238:hover #volume-barstacks_in_238 { display: inline; } #volume-barstacks_in_238[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_238[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_238[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_238[type=range]:focus { outline: none; } #volume-barstacks_in_238[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_238[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_238[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_238[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_238[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_238[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_238[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_238[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_238[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-Vowel-Diphth-ay.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #playerWrapper-player-Vowel-Diphth-ay { height: 100%; } #fullScreenWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #mediaFrame-player-Vowel-Diphth-ay { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode player-Vowel-Diphth-ay { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ay { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ay.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-ay { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-ay.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Diphth-ay #fullscreenHoverRegion-player-Vowel-Diphth-ay { display: none; } #fullScreenWrapper-player-Vowel-Diphth-ay.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Diphth-ay { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_240 { background-color: rgba(102, 204, 255, 1.00); } #fullScreenWrapper-player-Vowel-Diphth-au { width: 100%; } #playerWrapper-player-Vowel-Diphth-au { display: block; position: relative; } #playerWrapper-player-Vowel-Diphth-au *, #playerWrapper-player-Vowel-Diphth-au *:before, #playerWrapper-player-Vowel-Diphth-au *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Diphth-au { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Diphth-au { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Diphth-au #media-player-Vowel-Diphth-au { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Diphth-au .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-Vowel-Diphth-au .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-Vowel-Diphth-au .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-au .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-Vowel-Diphth-au .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Diphth-au .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-Vowel-Diphth-au .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-au .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-Vowel-Diphth-au .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Diphth-au { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Diphth-au button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Diphth-au { 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-Vowel-Diphth-au { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Diphth-au:hover #toolbar-player-Vowel-Diphth-au { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Diphth-au.playerInFullScreenMode:hover #toolbar-player-Vowel-Diphth-au, #playerWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #toolbar-player-Vowel-Diphth-au { 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-Vowel-Diphth-au.playerInFullScreenMode #toolbar-player-Vowel-Diphth-au.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #toolbar-player-Vowel-Diphth-au { opacity: 1.00; } */ #playerWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #fullscreenHoverRegionstacks_in_243 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Diphth-au .media-button, #toolbar-player-Vowel-Diphth-au .timingContent { line-height: 45px; } #toolbar-player-Vowel-Diphth-au .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Diphth-au span.time, #media-controls-player-Vowel-Diphth-au span.player-extra-element, #media-controls-player-Vowel-Diphth-au 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_243 { order: 3; display: block; } #pausestacks_in_243 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Diphth-au [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-Vowel-Diphth-au [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Diphth-au .media-button a, #toolbar-player-Vowel-Diphth-au .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-Vowel-Diphth-au span.media-button a:hover, #media-controls-player-Vowel-Diphth-au span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Diphth-au .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Diphth-au .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_243 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Diphth-au .duration, #toolbar-player-Vowel-Diphth-au .scrubberWrapper, #toolbar-player-Vowel-Diphth-au .time { /* display: table-cell; */ } #toolbar-player-Vowel-Diphth-au .time, #toolbar-player-Vowel-Diphth-au .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-Vowel-Diphth-au .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Diphth-au .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-Vowel-Diphth-au .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Diphth-au .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_243 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_243 { display: none !important; } #volumestacks_in_243:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_243 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_243:hover #volumeMasterControllerstacks_in_243 { display: none; } #volumeMinstacks_in_243 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_243 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_243[type=range], #volumeMinstacks_in_243, #volumeMaxstacks_in_243 { display: none; } #volumeMinstacks_in_243, #volumeMaxstacks_in_243 { cursor: pointer; } #volumestacks_in_243:hover #volumeMinstacks_in_243, #volumestacks_in_243:hover #volumeMaxstacks_in_243, #volumestacks_in_243:hover #volume-barstacks_in_243 { display: inline; } #volume-barstacks_in_243[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_243[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_243[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_243[type=range]:focus { outline: none; } #volume-barstacks_in_243[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_243[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_243[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_243[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_243[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_243[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_243[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_243[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_243[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-Vowel-Diphth-au.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #playerWrapper-player-Vowel-Diphth-au { height: 100%; } #fullScreenWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #mediaFrame-player-Vowel-Diphth-au { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Diphth-au.playerInFullScreenMode player-Vowel-Diphth-au { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #toolbar-player-Vowel-Diphth-au { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #toolbar-player-Vowel-Diphth-au.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-au { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-au.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Diphth-au #fullscreenHoverRegion-player-Vowel-Diphth-au { display: none; } #fullScreenWrapper-player-Vowel-Diphth-au.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Diphth-au { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_245 { background-color: rgba(102, 204, 255, 1.00); } #fullScreenWrapper-player-Vowel-Diphth-oh { width: 100%; } #playerWrapper-player-Vowel-Diphth-oh { display: block; position: relative; } #playerWrapper-player-Vowel-Diphth-oh *, #playerWrapper-player-Vowel-Diphth-oh *:before, #playerWrapper-player-Vowel-Diphth-oh *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Diphth-oh { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Diphth-oh { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Diphth-oh #media-player-Vowel-Diphth-oh { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Diphth-oh .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-Vowel-Diphth-oh .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-Vowel-Diphth-oh .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-oh .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-Vowel-Diphth-oh .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Diphth-oh .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-Vowel-Diphth-oh .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-oh .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-Vowel-Diphth-oh .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Diphth-oh { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Diphth-oh button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Diphth-oh { 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-Vowel-Diphth-oh { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Diphth-oh:hover #toolbar-player-Vowel-Diphth-oh { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode:hover #toolbar-player-Vowel-Diphth-oh, #playerWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oh { 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-Vowel-Diphth-oh.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oh.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oh { opacity: 1.00; } */ #playerWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #fullscreenHoverRegionstacks_in_248 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Diphth-oh .media-button, #toolbar-player-Vowel-Diphth-oh .timingContent { line-height: 45px; } #toolbar-player-Vowel-Diphth-oh .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Diphth-oh span.time, #media-controls-player-Vowel-Diphth-oh span.player-extra-element, #media-controls-player-Vowel-Diphth-oh 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_248 { order: 3; display: block; } #pausestacks_in_248 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Diphth-oh [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-Vowel-Diphth-oh [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Diphth-oh .media-button a, #toolbar-player-Vowel-Diphth-oh .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-Vowel-Diphth-oh span.media-button a:hover, #media-controls-player-Vowel-Diphth-oh span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Diphth-oh .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Diphth-oh .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_248 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Diphth-oh .duration, #toolbar-player-Vowel-Diphth-oh .scrubberWrapper, #toolbar-player-Vowel-Diphth-oh .time { /* display: table-cell; */ } #toolbar-player-Vowel-Diphth-oh .time, #toolbar-player-Vowel-Diphth-oh .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-Vowel-Diphth-oh .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Diphth-oh .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-Vowel-Diphth-oh .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Diphth-oh .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_248 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_248 { display: none !important; } #volumestacks_in_248:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_248 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_248:hover #volumeMasterControllerstacks_in_248 { display: none; } #volumeMinstacks_in_248 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_248 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_248[type=range], #volumeMinstacks_in_248, #volumeMaxstacks_in_248 { display: none; } #volumeMinstacks_in_248, #volumeMaxstacks_in_248 { cursor: pointer; } #volumestacks_in_248:hover #volumeMinstacks_in_248, #volumestacks_in_248:hover #volumeMaxstacks_in_248, #volumestacks_in_248:hover #volume-barstacks_in_248 { display: inline; } #volume-barstacks_in_248[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_248[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_248[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_248[type=range]:focus { outline: none; } #volume-barstacks_in_248[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_248[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_248[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_248[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_248[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_248[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_248[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_248[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_248[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-Vowel-Diphth-oh.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #playerWrapper-player-Vowel-Diphth-oh { height: 100%; } #fullScreenWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #mediaFrame-player-Vowel-Diphth-oh { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode player-Vowel-Diphth-oh { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oh { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oh.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-oh { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-oh.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Diphth-oh #fullscreenHoverRegion-player-Vowel-Diphth-oh { display: none; } #fullScreenWrapper-player-Vowel-Diphth-oh.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Diphth-oh { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_250 { background-color: rgba(102, 204, 255, 1.00); } #fullScreenWrapper-player-Vowel-Diphth-aye { width: 100%; } #playerWrapper-player-Vowel-Diphth-aye { display: block; position: relative; } #playerWrapper-player-Vowel-Diphth-aye *, #playerWrapper-player-Vowel-Diphth-aye *:before, #playerWrapper-player-Vowel-Diphth-aye *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Diphth-aye { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Diphth-aye { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Diphth-aye #media-player-Vowel-Diphth-aye { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Diphth-aye .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-Vowel-Diphth-aye .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-Vowel-Diphth-aye .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-aye .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-Vowel-Diphth-aye .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Diphth-aye .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-Vowel-Diphth-aye .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-aye .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-Vowel-Diphth-aye .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Diphth-aye { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Diphth-aye button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Diphth-aye { 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-Vowel-Diphth-aye { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Diphth-aye:hover #toolbar-player-Vowel-Diphth-aye { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode:hover #toolbar-player-Vowel-Diphth-aye, #playerWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #toolbar-player-Vowel-Diphth-aye { 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-Vowel-Diphth-aye.playerInFullScreenMode #toolbar-player-Vowel-Diphth-aye.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #toolbar-player-Vowel-Diphth-aye { opacity: 1.00; } */ #playerWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #fullscreenHoverRegionstacks_in_253 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Diphth-aye .media-button, #toolbar-player-Vowel-Diphth-aye .timingContent { line-height: 45px; } #toolbar-player-Vowel-Diphth-aye .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Diphth-aye span.time, #media-controls-player-Vowel-Diphth-aye span.player-extra-element, #media-controls-player-Vowel-Diphth-aye 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_253 { order: 3; display: block; } #pausestacks_in_253 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Diphth-aye [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-Vowel-Diphth-aye [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Diphth-aye .media-button a, #toolbar-player-Vowel-Diphth-aye .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-Vowel-Diphth-aye span.media-button a:hover, #media-controls-player-Vowel-Diphth-aye span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Diphth-aye .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Diphth-aye .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_253 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Diphth-aye .duration, #toolbar-player-Vowel-Diphth-aye .scrubberWrapper, #toolbar-player-Vowel-Diphth-aye .time { /* display: table-cell; */ } #toolbar-player-Vowel-Diphth-aye .time, #toolbar-player-Vowel-Diphth-aye .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-Vowel-Diphth-aye .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Diphth-aye .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-Vowel-Diphth-aye .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Diphth-aye .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_253 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_253 { display: none !important; } #volumestacks_in_253:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_253 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_253:hover #volumeMasterControllerstacks_in_253 { display: none; } #volumeMinstacks_in_253 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_253 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_253[type=range], #volumeMinstacks_in_253, #volumeMaxstacks_in_253 { display: none; } #volumeMinstacks_in_253, #volumeMaxstacks_in_253 { cursor: pointer; } #volumestacks_in_253:hover #volumeMinstacks_in_253, #volumestacks_in_253:hover #volumeMaxstacks_in_253, #volumestacks_in_253:hover #volume-barstacks_in_253 { display: inline; } #volume-barstacks_in_253[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_253[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_253[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_253[type=range]:focus { outline: none; } #volume-barstacks_in_253[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_253[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_253[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_253[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_253[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_253[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_253[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_253[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_253[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-Vowel-Diphth-aye.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #playerWrapper-player-Vowel-Diphth-aye { height: 100%; } #fullScreenWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #mediaFrame-player-Vowel-Diphth-aye { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode player-Vowel-Diphth-aye { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #toolbar-player-Vowel-Diphth-aye { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #toolbar-player-Vowel-Diphth-aye.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-aye { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-aye.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Diphth-aye #fullscreenHoverRegion-player-Vowel-Diphth-aye { display: none; } #fullScreenWrapper-player-Vowel-Diphth-aye.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Diphth-aye { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_255 { background-color: rgba(102, 204, 255, 1.00); } #fullScreenWrapper-player-Vowel-Diphth-oi { width: 100%; } #playerWrapper-player-Vowel-Diphth-oi { display: block; position: relative; } #playerWrapper-player-Vowel-Diphth-oi *, #playerWrapper-player-Vowel-Diphth-oi *:before, #playerWrapper-player-Vowel-Diphth-oi *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Diphth-oi { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Diphth-oi { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Diphth-oi #media-player-Vowel-Diphth-oi { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Diphth-oi .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-Vowel-Diphth-oi .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-Vowel-Diphth-oi .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-oi .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-Vowel-Diphth-oi .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Diphth-oi .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-Vowel-Diphth-oi .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-oi .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-Vowel-Diphth-oi .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Diphth-oi { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Diphth-oi button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Diphth-oi { 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-Vowel-Diphth-oi { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Diphth-oi:hover #toolbar-player-Vowel-Diphth-oi { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode:hover #toolbar-player-Vowel-Diphth-oi, #playerWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oi { 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-Vowel-Diphth-oi.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oi.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oi { opacity: 1.00; } */ #playerWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #fullscreenHoverRegionstacks_in_258 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Diphth-oi .media-button, #toolbar-player-Vowel-Diphth-oi .timingContent { line-height: 45px; } #toolbar-player-Vowel-Diphth-oi .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Diphth-oi span.time, #media-controls-player-Vowel-Diphth-oi span.player-extra-element, #media-controls-player-Vowel-Diphth-oi 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_258 { order: 3; display: block; } #pausestacks_in_258 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Diphth-oi [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-Vowel-Diphth-oi [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Diphth-oi .media-button a, #toolbar-player-Vowel-Diphth-oi .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-Vowel-Diphth-oi span.media-button a:hover, #media-controls-player-Vowel-Diphth-oi span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Diphth-oi .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Diphth-oi .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_258 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Diphth-oi .duration, #toolbar-player-Vowel-Diphth-oi .scrubberWrapper, #toolbar-player-Vowel-Diphth-oi .time { /* display: table-cell; */ } #toolbar-player-Vowel-Diphth-oi .time, #toolbar-player-Vowel-Diphth-oi .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-Vowel-Diphth-oi .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Diphth-oi .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-Vowel-Diphth-oi .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Diphth-oi .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_258 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_258 { display: none !important; } #volumestacks_in_258:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_258 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_258:hover #volumeMasterControllerstacks_in_258 { display: none; } #volumeMinstacks_in_258 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_258 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_258[type=range], #volumeMinstacks_in_258, #volumeMaxstacks_in_258 { display: none; } #volumeMinstacks_in_258, #volumeMaxstacks_in_258 { cursor: pointer; } #volumestacks_in_258:hover #volumeMinstacks_in_258, #volumestacks_in_258:hover #volumeMaxstacks_in_258, #volumestacks_in_258:hover #volume-barstacks_in_258 { display: inline; } #volume-barstacks_in_258[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_258[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_258[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_258[type=range]:focus { outline: none; } #volume-barstacks_in_258[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_258[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_258[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_258[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_258[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_258[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_258[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_258[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_258[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-Vowel-Diphth-oi.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #playerWrapper-player-Vowel-Diphth-oi { height: 100%; } #fullScreenWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #mediaFrame-player-Vowel-Diphth-oi { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode player-Vowel-Diphth-oi { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oi { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #toolbar-player-Vowel-Diphth-oi.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-oi { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-oi.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Diphth-oi #fullscreenHoverRegion-player-Vowel-Diphth-oi { display: none; } #fullScreenWrapper-player-Vowel-Diphth-oi.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Diphth-oi { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_260 { background-color: rgba(102, 204, 255, 1.00); } #fullScreenWrapper-player-Vowel-Diphth-poor { width: 100%; } #playerWrapper-player-Vowel-Diphth-poor { display: block; position: relative; } #playerWrapper-player-Vowel-Diphth-poor *, #playerWrapper-player-Vowel-Diphth-poor *:before, #playerWrapper-player-Vowel-Diphth-poor *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Diphth-poor { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Diphth-poor { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Diphth-poor #media-player-Vowel-Diphth-poor { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Diphth-poor .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-Vowel-Diphth-poor .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-Vowel-Diphth-poor .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-poor .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-Vowel-Diphth-poor .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Diphth-poor .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-Vowel-Diphth-poor .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-poor .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-Vowel-Diphth-poor .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Diphth-poor { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Diphth-poor button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Diphth-poor { 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-Vowel-Diphth-poor { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Diphth-poor:hover #toolbar-player-Vowel-Diphth-poor { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode:hover #toolbar-player-Vowel-Diphth-poor, #playerWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #toolbar-player-Vowel-Diphth-poor { 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-Vowel-Diphth-poor.playerInFullScreenMode #toolbar-player-Vowel-Diphth-poor.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #toolbar-player-Vowel-Diphth-poor { opacity: 1.00; } */ #playerWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #fullscreenHoverRegionstacks_in_263 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Diphth-poor .media-button, #toolbar-player-Vowel-Diphth-poor .timingContent { line-height: 45px; } #toolbar-player-Vowel-Diphth-poor .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Diphth-poor span.time, #media-controls-player-Vowel-Diphth-poor span.player-extra-element, #media-controls-player-Vowel-Diphth-poor 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_263 { order: 3; display: block; } #pausestacks_in_263 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Diphth-poor [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-Vowel-Diphth-poor [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Diphth-poor .media-button a, #toolbar-player-Vowel-Diphth-poor .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-Vowel-Diphth-poor span.media-button a:hover, #media-controls-player-Vowel-Diphth-poor span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Diphth-poor .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Diphth-poor .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_263 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Diphth-poor .duration, #toolbar-player-Vowel-Diphth-poor .scrubberWrapper, #toolbar-player-Vowel-Diphth-poor .time { /* display: table-cell; */ } #toolbar-player-Vowel-Diphth-poor .time, #toolbar-player-Vowel-Diphth-poor .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-Vowel-Diphth-poor .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Diphth-poor .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-Vowel-Diphth-poor .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Diphth-poor .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_263 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_263 { display: none !important; } #volumestacks_in_263:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_263 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_263:hover #volumeMasterControllerstacks_in_263 { display: none; } #volumeMinstacks_in_263 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_263 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_263[type=range], #volumeMinstacks_in_263, #volumeMaxstacks_in_263 { display: none; } #volumeMinstacks_in_263, #volumeMaxstacks_in_263 { cursor: pointer; } #volumestacks_in_263:hover #volumeMinstacks_in_263, #volumestacks_in_263:hover #volumeMaxstacks_in_263, #volumestacks_in_263:hover #volume-barstacks_in_263 { display: inline; } #volume-barstacks_in_263[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_263[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_263[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_263[type=range]:focus { outline: none; } #volume-barstacks_in_263[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_263[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_263[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_263[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_263[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_263[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_263[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_263[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_263[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-Vowel-Diphth-poor.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #playerWrapper-player-Vowel-Diphth-poor { height: 100%; } #fullScreenWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #mediaFrame-player-Vowel-Diphth-poor { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode player-Vowel-Diphth-poor { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #toolbar-player-Vowel-Diphth-poor { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #toolbar-player-Vowel-Diphth-poor.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-poor { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-poor.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Diphth-poor #fullscreenHoverRegion-player-Vowel-Diphth-poor { display: none; } #fullScreenWrapper-player-Vowel-Diphth-poor.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Diphth-poor { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_265 { background-color: rgba(102, 204, 255, 1.00); } #fullScreenWrapper-player-Vowel-Diphth-ea { width: 100%; } #playerWrapper-player-Vowel-Diphth-ea { display: block; position: relative; } #playerWrapper-player-Vowel-Diphth-ea *, #playerWrapper-player-Vowel-Diphth-ea *:before, #playerWrapper-player-Vowel-Diphth-ea *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Diphth-ea { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Diphth-ea { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Diphth-ea #media-player-Vowel-Diphth-ea { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Diphth-ea .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-Vowel-Diphth-ea .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-Vowel-Diphth-ea .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-ea .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-Vowel-Diphth-ea .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Diphth-ea .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-Vowel-Diphth-ea .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-ea .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-Vowel-Diphth-ea .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Diphth-ea { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Diphth-ea button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Diphth-ea { 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-Vowel-Diphth-ea { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Diphth-ea:hover #toolbar-player-Vowel-Diphth-ea { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode:hover #toolbar-player-Vowel-Diphth-ea, #playerWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ea { 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-Vowel-Diphth-ea.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ea.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ea { opacity: 1.00; } */ #playerWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #fullscreenHoverRegionstacks_in_268 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Diphth-ea .media-button, #toolbar-player-Vowel-Diphth-ea .timingContent { line-height: 45px; } #toolbar-player-Vowel-Diphth-ea .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Diphth-ea span.time, #media-controls-player-Vowel-Diphth-ea span.player-extra-element, #media-controls-player-Vowel-Diphth-ea 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_268 { order: 3; display: block; } #pausestacks_in_268 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Diphth-ea [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-Vowel-Diphth-ea [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Diphth-ea .media-button a, #toolbar-player-Vowel-Diphth-ea .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-Vowel-Diphth-ea span.media-button a:hover, #media-controls-player-Vowel-Diphth-ea span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Diphth-ea .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Diphth-ea .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_268 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Diphth-ea .duration, #toolbar-player-Vowel-Diphth-ea .scrubberWrapper, #toolbar-player-Vowel-Diphth-ea .time { /* display: table-cell; */ } #toolbar-player-Vowel-Diphth-ea .time, #toolbar-player-Vowel-Diphth-ea .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-Vowel-Diphth-ea .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Diphth-ea .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-Vowel-Diphth-ea .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Diphth-ea .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_268 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_268 { display: none !important; } #volumestacks_in_268:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_268 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_268:hover #volumeMasterControllerstacks_in_268 { display: none; } #volumeMinstacks_in_268 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_268 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_268[type=range], #volumeMinstacks_in_268, #volumeMaxstacks_in_268 { display: none; } #volumeMinstacks_in_268, #volumeMaxstacks_in_268 { cursor: pointer; } #volumestacks_in_268:hover #volumeMinstacks_in_268, #volumestacks_in_268:hover #volumeMaxstacks_in_268, #volumestacks_in_268:hover #volume-barstacks_in_268 { display: inline; } #volume-barstacks_in_268[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_268[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_268[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_268[type=range]:focus { outline: none; } #volume-barstacks_in_268[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_268[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_268[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_268[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_268[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_268[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_268[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_268[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_268[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-Vowel-Diphth-ea.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #playerWrapper-player-Vowel-Diphth-ea { height: 100%; } #fullScreenWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #mediaFrame-player-Vowel-Diphth-ea { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode player-Vowel-Diphth-ea { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ea { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ea.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-ea { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-ea.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Diphth-ea #fullscreenHoverRegion-player-Vowel-Diphth-ea { display: none; } #fullScreenWrapper-player-Vowel-Diphth-ea.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Diphth-ea { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_270 { background-color: rgba(102, 204, 255, 1.00); } #fullScreenWrapper-player-Vowel-Diphth-ear { width: 100%; } #playerWrapper-player-Vowel-Diphth-ear { display: block; position: relative; } #playerWrapper-player-Vowel-Diphth-ear *, #playerWrapper-player-Vowel-Diphth-ear *:before, #playerWrapper-player-Vowel-Diphth-ear *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Diphth-ear { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Diphth-ear { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Diphth-ear #media-player-Vowel-Diphth-ear { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Diphth-ear .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-Vowel-Diphth-ear .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-Vowel-Diphth-ear .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-ear .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-Vowel-Diphth-ear .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Diphth-ear .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-Vowel-Diphth-ear .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Diphth-ear .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-Vowel-Diphth-ear .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Diphth-ear { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Diphth-ear button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Diphth-ear { 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-Vowel-Diphth-ear { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Diphth-ear:hover #toolbar-player-Vowel-Diphth-ear { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode:hover #toolbar-player-Vowel-Diphth-ear, #playerWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ear { 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-Vowel-Diphth-ear.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ear.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ear { opacity: 1.00; } */ #playerWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #fullscreenHoverRegionstacks_in_273 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Diphth-ear .media-button, #toolbar-player-Vowel-Diphth-ear .timingContent { line-height: 45px; } #toolbar-player-Vowel-Diphth-ear .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Diphth-ear span.time, #media-controls-player-Vowel-Diphth-ear span.player-extra-element, #media-controls-player-Vowel-Diphth-ear 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_273 { order: 3; display: block; } #pausestacks_in_273 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Diphth-ear [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-Vowel-Diphth-ear [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Diphth-ear .media-button a, #toolbar-player-Vowel-Diphth-ear .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-Vowel-Diphth-ear span.media-button a:hover, #media-controls-player-Vowel-Diphth-ear span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Diphth-ear .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Diphth-ear .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_273 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Diphth-ear .duration, #toolbar-player-Vowel-Diphth-ear .scrubberWrapper, #toolbar-player-Vowel-Diphth-ear .time { /* display: table-cell; */ } #toolbar-player-Vowel-Diphth-ear .time, #toolbar-player-Vowel-Diphth-ear .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-Vowel-Diphth-ear .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Diphth-ear .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-Vowel-Diphth-ear .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Diphth-ear .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_273 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_273 { display: none !important; } #volumestacks_in_273:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_273 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_273:hover #volumeMasterControllerstacks_in_273 { display: none; } #volumeMinstacks_in_273 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_273 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_273[type=range], #volumeMinstacks_in_273, #volumeMaxstacks_in_273 { display: none; } #volumeMinstacks_in_273, #volumeMaxstacks_in_273 { cursor: pointer; } #volumestacks_in_273:hover #volumeMinstacks_in_273, #volumestacks_in_273:hover #volumeMaxstacks_in_273, #volumestacks_in_273:hover #volume-barstacks_in_273 { display: inline; } #volume-barstacks_in_273[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_273[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_273[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_273[type=range]:focus { outline: none; } #volume-barstacks_in_273[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_273[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_273[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_273[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_273[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_273[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_273[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_273[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_273[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-Vowel-Diphth-ear.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #playerWrapper-player-Vowel-Diphth-ear { height: 100%; } #fullScreenWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #mediaFrame-player-Vowel-Diphth-ear { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode player-Vowel-Diphth-ear { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ear { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #toolbar-player-Vowel-Diphth-ear.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-ear { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Diphth-ear.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Diphth-ear #fullscreenHoverRegion-player-Vowel-Diphth-ear { display: none; } #fullScreenWrapper-player-Vowel-Diphth-ear.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Diphth-ear { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_275 { background-color: rgba(252, 102, 102, 1.00); } #fullScreenWrapper-player-Vowel-Triphth-ire { width: 100%; } #playerWrapper-player-Vowel-Triphth-ire { display: block; position: relative; } #playerWrapper-player-Vowel-Triphth-ire *, #playerWrapper-player-Vowel-Triphth-ire *:before, #playerWrapper-player-Vowel-Triphth-ire *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Triphth-ire { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Triphth-ire { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Triphth-ire #media-player-Vowel-Triphth-ire { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Triphth-ire .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-Vowel-Triphth-ire .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-Vowel-Triphth-ire .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Triphth-ire .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-Vowel-Triphth-ire .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Triphth-ire .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-Vowel-Triphth-ire .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Triphth-ire .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-Vowel-Triphth-ire .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Triphth-ire { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Triphth-ire button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Triphth-ire { 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-Vowel-Triphth-ire { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Triphth-ire:hover #toolbar-player-Vowel-Triphth-ire { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode:hover #toolbar-player-Vowel-Triphth-ire, #playerWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ire { 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-Vowel-Triphth-ire.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ire.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ire { opacity: 1.00; } */ #playerWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #fullscreenHoverRegionstacks_in_278 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Triphth-ire .media-button, #toolbar-player-Vowel-Triphth-ire .timingContent { line-height: 45px; } #toolbar-player-Vowel-Triphth-ire .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Triphth-ire span.time, #media-controls-player-Vowel-Triphth-ire span.player-extra-element, #media-controls-player-Vowel-Triphth-ire 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_278 { order: 3; display: block; } #pausestacks_in_278 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Triphth-ire [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-Vowel-Triphth-ire [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Triphth-ire .media-button a, #toolbar-player-Vowel-Triphth-ire .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-Vowel-Triphth-ire span.media-button a:hover, #media-controls-player-Vowel-Triphth-ire span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Triphth-ire .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Triphth-ire .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_278 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Triphth-ire .duration, #toolbar-player-Vowel-Triphth-ire .scrubberWrapper, #toolbar-player-Vowel-Triphth-ire .time { /* display: table-cell; */ } #toolbar-player-Vowel-Triphth-ire .time, #toolbar-player-Vowel-Triphth-ire .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-Vowel-Triphth-ire .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Triphth-ire .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-Vowel-Triphth-ire .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Triphth-ire .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_278 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_278 { display: none !important; } #volumestacks_in_278:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_278 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_278:hover #volumeMasterControllerstacks_in_278 { display: none; } #volumeMinstacks_in_278 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_278 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_278[type=range], #volumeMinstacks_in_278, #volumeMaxstacks_in_278 { display: none; } #volumeMinstacks_in_278, #volumeMaxstacks_in_278 { cursor: pointer; } #volumestacks_in_278:hover #volumeMinstacks_in_278, #volumestacks_in_278:hover #volumeMaxstacks_in_278, #volumestacks_in_278:hover #volume-barstacks_in_278 { display: inline; } #volume-barstacks_in_278[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_278[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_278[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_278[type=range]:focus { outline: none; } #volume-barstacks_in_278[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_278[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_278[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_278[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_278[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_278[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_278[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_278[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_278[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-Vowel-Triphth-ire.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #playerWrapper-player-Vowel-Triphth-ire { height: 100%; } #fullScreenWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #mediaFrame-player-Vowel-Triphth-ire { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode player-Vowel-Triphth-ire { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ire { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ire.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Triphth-ire { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Triphth-ire.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Triphth-ire #fullscreenHoverRegion-player-Vowel-Triphth-ire { display: none; } #fullScreenWrapper-player-Vowel-Triphth-ire.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Triphth-ire { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_290 { background-color: rgba(252, 102, 102, 1.00); } #fullScreenWrapper-player-Vowel-Triphth-ayer { width: 100%; } #playerWrapper-player-Vowel-Triphth-ayer { display: block; position: relative; } #playerWrapper-player-Vowel-Triphth-ayer *, #playerWrapper-player-Vowel-Triphth-ayer *:before, #playerWrapper-player-Vowel-Triphth-ayer *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Triphth-ayer { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Triphth-ayer { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Triphth-ayer #media-player-Vowel-Triphth-ayer { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Triphth-ayer .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-Vowel-Triphth-ayer .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-Vowel-Triphth-ayer .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Triphth-ayer .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-Vowel-Triphth-ayer .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Triphth-ayer .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-Vowel-Triphth-ayer .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Triphth-ayer .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-Vowel-Triphth-ayer .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Triphth-ayer { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Triphth-ayer button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Triphth-ayer { 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-Vowel-Triphth-ayer { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Triphth-ayer:hover #toolbar-player-Vowel-Triphth-ayer { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode:hover #toolbar-player-Vowel-Triphth-ayer, #playerWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ayer { 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-Vowel-Triphth-ayer.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ayer.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ayer { opacity: 1.00; } */ #playerWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #fullscreenHoverRegionstacks_in_293 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Triphth-ayer .media-button, #toolbar-player-Vowel-Triphth-ayer .timingContent { line-height: 45px; } #toolbar-player-Vowel-Triphth-ayer .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Triphth-ayer span.time, #media-controls-player-Vowel-Triphth-ayer span.player-extra-element, #media-controls-player-Vowel-Triphth-ayer 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_293 { order: 3; display: block; } #pausestacks_in_293 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Triphth-ayer [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-Vowel-Triphth-ayer [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Triphth-ayer .media-button a, #toolbar-player-Vowel-Triphth-ayer .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-Vowel-Triphth-ayer span.media-button a:hover, #media-controls-player-Vowel-Triphth-ayer span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Triphth-ayer .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Triphth-ayer .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_293 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Triphth-ayer .duration, #toolbar-player-Vowel-Triphth-ayer .scrubberWrapper, #toolbar-player-Vowel-Triphth-ayer .time { /* display: table-cell; */ } #toolbar-player-Vowel-Triphth-ayer .time, #toolbar-player-Vowel-Triphth-ayer .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-Vowel-Triphth-ayer .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Triphth-ayer .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-Vowel-Triphth-ayer .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Triphth-ayer .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_293 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_293 { display: none !important; } #volumestacks_in_293:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_293 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_293:hover #volumeMasterControllerstacks_in_293 { display: none; } #volumeMinstacks_in_293 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_293 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_293[type=range], #volumeMinstacks_in_293, #volumeMaxstacks_in_293 { display: none; } #volumeMinstacks_in_293, #volumeMaxstacks_in_293 { cursor: pointer; } #volumestacks_in_293:hover #volumeMinstacks_in_293, #volumestacks_in_293:hover #volumeMaxstacks_in_293, #volumestacks_in_293:hover #volume-barstacks_in_293 { display: inline; } #volume-barstacks_in_293[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_293[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_293[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_293[type=range]:focus { outline: none; } #volume-barstacks_in_293[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_293[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_293[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_293[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_293[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_293[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_293[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_293[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_293[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-Vowel-Triphth-ayer.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #playerWrapper-player-Vowel-Triphth-ayer { height: 100%; } #fullScreenWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #mediaFrame-player-Vowel-Triphth-ayer { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode player-Vowel-Triphth-ayer { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ayer { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #toolbar-player-Vowel-Triphth-ayer.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Triphth-ayer { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Triphth-ayer.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Triphth-ayer #fullscreenHoverRegion-player-Vowel-Triphth-ayer { display: none; } #fullScreenWrapper-player-Vowel-Triphth-ayer.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Triphth-ayer { display: block; position: absolute; bottom: 0; left: 0; height: 25%; width: 100%; z-index: 999; } #stacks_in_295 { background-color: rgba(252, 102, 102, 1.00); } #fullScreenWrapper-player-Vowel-Triphth-our { width: 100%; } #playerWrapper-player-Vowel-Triphth-our { display: block; position: relative; } #playerWrapper-player-Vowel-Triphth-our *, #playerWrapper-player-Vowel-Triphth-our *:before, #playerWrapper-player-Vowel-Triphth-our *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #mediaFrame-player-Vowel-Triphth-our { position: relative; width: 100%; height: 0; background: rgba(255, 255, 255, 1.00); } #mediaFrame-player-Vowel-Triphth-our { padding-bottom: 0.00%; } #playerWrapper-player-Vowel-Triphth-our #media-player-Vowel-Triphth-our { height: 100%; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } /* @group Splash Play Button */ #playerWrapper-player-Vowel-Triphth-our .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-Vowel-Triphth-our .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-Vowel-Triphth-our .splash-button:hover { border: 3px solid rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Triphth-our .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-Vowel-Triphth-our .splash-button:hover .splash-fill { background: rgba(225, 225, 225, 0.00); } #playerWrapper-player-Vowel-Triphth-our .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-Vowel-Triphth-our .splash-button:hover .splash-button-inner { color: rgba(0, 0, 0, 1.00); } #playerWrapper-player-Vowel-Triphth-our .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-Vowel-Triphth-our .splash-button-inner:hover [class^="fa fa-"] { color: rgba(0, 0, 0, 1.00); } /* @end */ /* @group Control Bar */ #media-controls-wrapper-player-Vowel-Triphth-our { position: relative; z-index: 4; width: 100%; } #toolbar-player-Vowel-Triphth-our button { -webkit-appearance: none; border: none; outline: none; background: none; padding: 0; margin: 0; } /* @end */ /* Buttons, titles and time */ #toolbar-player-Vowel-Triphth-our { 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-Vowel-Triphth-our { height: 45px; flex-wrap: nowrap; } } #playerWrapper-player-Vowel-Triphth-our:hover #toolbar-player-Vowel-Triphth-our { opacity: 1.00; } /* Styling for toolbars in fullscreen mode */ /* #playerWrapper-player-Vowel-Triphth-our.playerInFullScreenMode:hover #toolbar-player-Vowel-Triphth-our, #playerWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #toolbar-player-Vowel-Triphth-our { 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-Vowel-Triphth-our.playerInFullScreenMode #toolbar-player-Vowel-Triphth-our.toolbarHovered, .playerTouchDevice #playerWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #toolbar-player-Vowel-Triphth-our { opacity: 1.00; } */ #playerWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #fullscreenHoverRegionstacks_in_298 { background: none; position: absolute; bottom: 0; left: 0; height: 20%; width: 100%; z-index: 99998; } #toolbar-player-Vowel-Triphth-our .media-button, #toolbar-player-Vowel-Triphth-our .timingContent { line-height: 45px; } #toolbar-player-Vowel-Triphth-our .media-button { flex-grow: 1; flex-shrink: 1; text-align: center; } #media-controls-player-Vowel-Triphth-our span.time, #media-controls-player-Vowel-Triphth-our span.player-extra-element, #media-controls-player-Vowel-Triphth-our 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_298 { order: 3; display: block; } #pausestacks_in_298 { order: 3; display: none /* Start hidden */ } #toolbar-player-Vowel-Triphth-our [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-Vowel-Triphth-our [class^="fa fa-"]:hover { color: rgba(205, 205, 205, 1.00); } #toolbar-player-Vowel-Triphth-our .media-button a, #toolbar-player-Vowel-Triphth-our .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-Vowel-Triphth-our span.media-button a:hover, #media-controls-player-Vowel-Triphth-our span.media-button button:hover { color: rgba(205, 205, 205, 1.00); text-decoration: none; } /* Timing content */ #toolbar-player-Vowel-Triphth-our .timingContent { display: block; width: 100%; } @media screen and (min-width: 568px) { #toolbar-player-Vowel-Triphth-our .timingContent { flex-grow: 2; flex-shrink: 2; display: inline-flex } } #timingContentWrapperstacks_in_298 { display: flex; flex: 1; align-items: center; } #toolbar-player-Vowel-Triphth-our .duration, #toolbar-player-Vowel-Triphth-our .scrubberWrapper, #toolbar-player-Vowel-Triphth-our .time { /* display: table-cell; */ } #toolbar-player-Vowel-Triphth-our .time, #toolbar-player-Vowel-Triphth-our .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-Vowel-Triphth-our .scrubberWrapper { margin: 0; padding: 0; position: relative; width: 100%; height: 20px; vertical-align: middle; } #toolbar-player-Vowel-Triphth-our .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-Vowel-Triphth-our .progress { -webkit-appearance: none; width: 0px; height: 20px; border: none; border-radius: 0px; padding: 0; margin: 0; z-index: 10; position: relative; } #toolbar-player-Vowel-Triphth-our .progress { background-color: rgba(82, 157, 225, 1.00); } /* @group Volume */ #volumestacks_in_298 { order: 6; position: relative; } /* Hide on mobile */ body.playerTouchDevice #volumestacks_in_298 { display: none !important; } #volumestacks_in_298:hover { max-width: 150px; width: 150px; padding: 0px 25px; } #volumeMasterControllerstacks_in_298 { display: inline-block; height: 45px; line-height: 45px; width: 45px; } #volumestacks_in_298:hover #volumeMasterControllerstacks_in_298 { display: none; } #volumeMinstacks_in_298 { position: absolute; left: 0px; top: 0; width: 45px; line-height: 45px; } #volumeMaxstacks_in_298 { position: absolute; right: 0px; top: 0; width: 45px; line-height: 45px; } #volume-barstacks_in_298[type=range], #volumeMinstacks_in_298, #volumeMaxstacks_in_298 { display: none; } #volumeMinstacks_in_298, #volumeMaxstacks_in_298 { cursor: pointer; } #volumestacks_in_298:hover #volumeMinstacks_in_298, #volumestacks_in_298:hover #volumeMaxstacks_in_298, #volumestacks_in_298:hover #volume-barstacks_in_298 { display: inline; } #volume-barstacks_in_298[type=range] { -webkit-appearance: none; background: none; width: 70%; text-align: center; line-height: 45px; height: 45px; } #volume-barstacks_in_298[type=range]::-webkit-slider-runnable-track { height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_298[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_298[type=range]:focus { outline: none; } #volume-barstacks_in_298[type=range]:focus::-webkit-slider-runnable-track { background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_298[type=range]::-moz-range-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_298[type=range]::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_298[type=range]::-ms-track { width: 100%; height: 5px; background: rgba(179, 179, 179, 1.00); border: none; border-radius: 3px; } #volume-barstacks_in_298[type=range]::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_298[type=range]::-ms-fill-upper { background: rgba(179, 179, 179, 1.00); border-radius: 10px; } #volume-barstacks_in_298[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: rgba(255, 255, 255, 1.00); } #volume-barstacks_in_298[type=range]:focus::-ms-fill-lower { background: rgba(179, 179, 179, 1.00); } #volume-barstacks_in_298[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-Vowel-Triphth-our.playerInFullScreenMode, #fullScreenWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #playerWrapper-player-Vowel-Triphth-our { height: 100%; } #fullScreenWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #mediaFrame-player-Vowel-Triphth-our { height: 100%; width: 100%; padding-bottom: 0; } #fullScreenWrapper-player-Vowel-Triphth-our.playerInFullScreenMode player-Vowel-Triphth-our { position: relative; left: auto; top: auto; height: 100%; width: auto; display: block; margin: auto; object-fit: cover; } #fullScreenWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #toolbar-player-Vowel-Triphth-our { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1000; display: none; } #fullScreenWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #toolbar-player-Vowel-Triphth-our.toolbarVisible { display: flex; } #fullScreenWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Triphth-our { position: absolute; bottom: 45px; left: 0; z-index: 1001; display: none !important; } #fullScreenWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #PlayerCaptionsBarplayer-Vowel-Triphth-our.toolbarVisible.textTracksActive { display: block !important; } #fullScreenWrapper-player-Vowel-Triphth-our #fullscreenHoverRegion-player-Vowel-Triphth-our { display: none; } #fullScreenWrapper-player-Vowel-Triphth-our.playerInFullScreenMode #fullscreenHoverRegion-player-Vowel-Triphth-our { 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; } #stacks_in_318_button { display:block; position: relative; text-align: center; } #stacks_in_318 a:link, #stacks_in_318 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_318 a:hover, #stacks_in_318 a:active { color:#FFFFFF; } #stacks_in_318 a:link, #stacks_in_318 a:visited { background-color:#FF02A0; background: -webkit-gradient(linear, left top, left bottom, from(#FF02A0), to(#BC0160)); border:1px solid #BC0160; 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_318 a:hover { background-color:#FF02AC; background: -webkit-gradient(linear, left top, left bottom, from(#FF02AC), to(#A30153)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_318 a:active { background-color:#FF02A0; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_321_button { display:block; position: relative; text-align: center; } #stacks_in_321 a:link, #stacks_in_321 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_321 a:hover, #stacks_in_321 a:active { color:#FFFFFF; } #stacks_in_321 a:link, #stacks_in_321 a:visited { background-color:#FF02A0; background: -webkit-gradient(linear, left top, left bottom, from(#FF02A0), to(#BC0160)); border:1px solid #BC0160; 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_321 a:hover { background-color:#FF02AC; background: -webkit-gradient(linear, left top, left bottom, from(#FF02AC), to(#A30153)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_321 a:active { background-color:#FF02A0; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_319_button { display:block; position: relative; text-align: center; } #stacks_in_319 a:link, #stacks_in_319 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_319 a:hover, #stacks_in_319 a:active { color:#FFFFFF; } #stacks_in_319 a:link, #stacks_in_319 a:visited { background-color:#FF02A0; background: -webkit-gradient(linear, left top, left bottom, from(#FF02A0), to(#BC0160)); border:1px solid #BC0160; 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_319 a:hover { background-color:#FF02AC; background: -webkit-gradient(linear, left top, left bottom, from(#FF02AC), to(#A30153)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_319 a:active { background-color:#FF02A0; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_320_button { display:block; position: relative; text-align: center; } #stacks_in_320 a:link, #stacks_in_320 a:visited { display:inline-block; position: relative; text-decoration:none; } #stacks_in_320 a:hover, #stacks_in_320 a:active { color:#FFFFFF; } #stacks_in_320 a:link, #stacks_in_320 a:visited { background-color:#FF02A0; background: -webkit-gradient(linear, left top, left bottom, from(#FF02A0), to(#BC0160)); border:1px solid #BC0160; 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_320 a:hover { background-color:#FF02AC; background: -webkit-gradient(linear, left top, left bottom, from(#FF02AC), to(#A30153)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_320 a:active { background-color:#FF02A0; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; }