.wwvpNoSelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wwvpYesSelectText { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }
.svgFill { fill: #fff; }
.svgShadow { stroke: #000; stroke-opacity: .15; stroke-width: 2px; fill: none; }
.outlineNone { outline: none; }

/* TODO - added line-height: 0 - necessary as there are some elements on the page which are rendering with
/* descenders (y, g, etc.), which is adding on extra pixels to the bottom of the player */
/* Additionally, necessary to add line-height: normal to certain divs in order to override line-height: 0
/* when dealing with text.  Otherwise, text was too small and did not reflect intended style */
.wwvp { position: relative; overflow:hidden; z-index: 1; margin: 0px auto; line-height: 0; /* width: 100%; height: 100%; */ width: 960px; height: 540px; background: #000; color: #fff; text-align: left; direction: ltr; font-size: 14px; -webkit-font-smoothing: antialiased; font-family: helvetica; text-shadow: 0 0 2px rgba(0, 0, 0, .5); }
.wwvp a { color: rgba(255,255,255,.9); text-decoration: none; transition: 150ms linear color; }
.wwvp a:hover { color: rgba(255,255,255,1); }
.wwvp a.underline { text-decoration: underline; }
.wwvpFontBody { font-size: 16px !important; line-height: 15px !important; }
.wwvp img { width: auto !important; }
.wwvpTopGradient { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RURGNzhEQkQxNjkxMUU3ODYzMkQxOUFDMzkzRTNGRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RURGNzhEQ0QxNjkxMUU3ODYzMkQxOUFDMzkzRTNGRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZFREY3OEQ5RDE2OTExRTc4NjMyRDE5QUMzOTNFM0ZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZFREY3OERBRDE2OTExRTc4NjMyRDE5QUMzOTNFM0ZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LN6WPgAAADtJREFUeNpiYGBgmMkEJP6jEgyo3H9YlOCU/Uce6x/JYsTK0lcb6T4iiUV6fEDikhnEYvj//z8DQIABAJY6YsWN9GvQAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-position: top; top: 0; z-index: 5; height: 100px; position: absolute; width: 100%; }
.wwvpTop { opacity: 1; font-size: 16px; z-index: 100; position: absolute; top: 0px; left: 0px; width: 100%; color: #fff; line-height: 42px; height: 44px; padding-top: 2px; cursor: default; -moz-transition: opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); -webkit-transition: opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); transition: opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); }
.wwvpTransparent { opacity: 0 !important; }
.wwvpTopSpacer { margin: 0px; }
.wwvpTopLeft { float: left; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wwvpTopRight { float: right; text-align: right; width: 40%; }
.wwvpTopTitle { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline !important; cursor: default !important; }
.wwvpTopTitle a { padding-left: 15px; }
.wwvpTopTitle a.sub { font-size: 13px; position: absolute; left: 0; top: 25px; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wwvpTopTitle a:focus { outline: 3px auto rgba(94,158,214,.7); }

.wwvpTopShare { display: inline-block; padding-right: 10px; vertical-align: top; }
.wwvpTopShare:focus { outline: 3px auto rgba(94,158,214,.7); }
/*.wwvpTopShare { display: inline-block; padding-right: 8px; } */
.wwvpLoadedOverlay { z-index: 6; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background-position: center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
.wwvpLoadedOverlayPlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; /* margin-left: -64px; margin-top: -64px; */ background: none; border: 0px; padding: 0px; }
.wwvpLoadedOverlayPlay img { width: 100% !important; height: 100% !important; transition: 150ms linear opacity; opacity: 1; cursor: pointer; }
.wwvp:hover .wwvpLoadedOverlayPlay img, .wwvp:focus .wwvpLoadedOverlayPlay img { opacity: .5; }
.wwvpLoadedOverlayWait { position: absolute; left: 50%; top: 50%; width: 355px; height: 200px; margin-left: -177px; margin-top: -100px; background: none; border: 0px; padding: 0px; }
.wwvpLoadedOverlayWait img { width: 355px; height: 200px; transition: 150ms linear opacity; opacity: 1; }
.wwvpPresenterSwitchContainer { position: relative; width: 100%; height: 100%; }
.wwvpPresenterSwitchContainer div.sourceContainer { cursor: pointer; }
.wwvpPresenterSwitchContainer div.sourceContainer:hover { border: solid 2px #00a110; }
.wwvpPresenterSwitchContainer div.sourceContainer:hover div.sourceName { display: block; }
.wwvpPresenterSwitchContainer div.sourceName { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.8); display: none; font-size: 11px; line-height: 14px; max-width: 100%; padding: 5px; font-weight: bold; }

.wwvpUnmuteStage { z-index: 101; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background-position: center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
.wwvpTapToUnmute { background: #fff; color: #222; padding: 5px 10px; position: absolute; left: 15px; top: 65px; z-index: 100; line-height: 22px; font-size: 13px; font-weight: 700; text-shadow: none; cursor: pointer; }
.wwvpTapToUnmute img { height: 20px; width: 20px; vertical-align: top; margin-right: 8px; margin-top: 1px; }

.wwvpVideoContainer { z-index: 3; position: relative; display: inline-block; width: 100%; height: 100%; }

.wwvpStoryBoardContainer { text-align: center; z-index: 4; position: absolute; top: 0; left: 0; background: rgba(17,17,17,.9); height: 100%; width: 100%; }
.wwvpStoryBoardThumbnailContainer { text-align: center; z-index: 101; position: absolute; bottom: 60px; line-height: normal; background: rgba(17,17,17,.9); border: solid 2px rgba(17,17,17,.9); }
.wwvpStoryBoardThumbnailContainerWithChapter { bottom: 80px; }
.wwvpStoryBoardThumbnailImageContainer { width: 100%; height: 100%; position: relative; }
.wwvpStoryBoardThumbnailNotExist { border: 0 !important; background: none !important; height: 26px; width: 70px; }
.wwvpStoryBoardThumbnailLoaded { height: 90px; width: 160px; }
.wwvpStoryBoardThumbnail { height: 26px; width: 70px }
.wwvpStoryBoardTimer { text-align: center; position: absolute; bottom: -1px; left: 0px; height: 26px; font-size: 14px; line-height: 26px; width: 70px; background: rgba(17,17,17,.9); }
.wwvpStoryBoardChapterName {
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    padding-top: 5px;
    text-overflow: ellipsis;
    text-shadow: -1px 0 3px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.5), 1px 0 3px rgba(0,0,0,0.5), 0 -1px 3px rgba(0,0,0,0.5);
    white-space: nowrap;
}

.wwvpFullMenu { text-align: center; z-index: 150; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,.8); height: 100%; width: 100%; line-height: normal; cursor: default; }
.wwvpFullMenuContent { position: absolute; top: 50%; width: 80%; margin: -60px 10% 0px 10%; }
.wwvpFullMenuClose { position: absolute; top: 11px; right: 13px; background: none; border: 0px; margin: 0px; padding: 0px; }
.wwvpFullMenuClose img { cursor: pointer; width: 22px; height: 22px; opacity: .9; }
.wwvpFullMenuClose:hover img { opacity: 1; }
.wwvpFullMenuClose:focus { outline: 3px auto rgba(94,158,214,.7); }
.wwvpFullMenuShareHeader { font-size: 16px; }
.wwvpFullMenuShareList { padding: 0px; margin: 0px; }
.wwvpFullMenuShareList li { list-style: none; display: inline-block; margin-right: 5px; }
.wwvpFullMenuShareList li:last-child { margin-right: 0px; }
.wwvpFullMenuShareList li a { padding: 15px; display: inline-block; background: #444; font-weight: bold; }
.wwvpFullMenuShareList li a:hover { opacity: .9; color: #fff; }
.wwvpFullMenuShareLink { font-size: 18px; }
.wwvpFullMenuShareLink a:hover { color: #fff; }

.wwvpErrorMenu { text-align: center; z-index: 7; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.8); height: 100%; width: 100%; }
.wwvpErrorMenuContent { position: absolute; top: 49%; width: 80%; left: 10%; margin: 0 auto 0 auto; }

.wwvpSmallMenu { position: absolute; bottom: 60px; z-index: 101; line-height: 14px; max-height: 60%; overflow-y: overlay; overflow-x: hidden; width: 235px; border-radius: 5px; }
.wwvpSmallMenu::-webkit-scrollbar { width: 10px; background-color: #424242; }
.wwvpSmallMenu::-webkit-scrollbar-thumb { background-color: #8e8e8e; border: solid 1px #424242; border-radius: 5px; }
.wwvpSmallMenu::-webkit-scrollbar-track { background-color: #424242; }
.wwvpSmallMenuItem { cursor: pointer; background: rgba(17,17,17,.9); padding: 8px 15px 8px 15px; font-size: 13px; font-weight: bold; clear: both; }
.wwvpSmallMenuItem:hover { background: #333; }
.wwvpSmallMenuItem:focus { outline: 3px auto rgba(94,158,214,.7); }
.wwvpSmallMenuItem:active { outline: none; }
.wwvpSmallMenuItemHeader { cursor: default; border-bottom: solid 1px #555; color: rgba(255,255,255,.6); }
.wwvpSmallMenuItemHeader:hover { background: rgba(17,17,17,.9) !important; }
.wwvpSmallMenuItemHeaderBack { display: flex; align-items: center; transition: 150ms linear color; cursor: pointer; }
.wwvpSmallMenuItem.wwvpOn { background: #0092ed; }
.wwvpSmallMenuItem.wwvpOn:hover { background: #0092ed; }
.wwvpSmallMenuItem.wwvpAutoOn { background: #18d638; }
.wwvpSmallMenuItem.wwvpAutoOn:hover { background: #18d638; }
.wwvpSmallMenuItemNoPadding { padding: 0 !important; }
.wwvpSmallMenuItemCC { padding: 8px 15px; width: 180px; overflow: hidden; white-space: nowrap; }
.wwvpSmallMenuItemQuality { width: 110px; }
.wwvpSmallMenuItemLayout { width: 130px; }
.wwvpSmallMenuItemCCIcon { padding: 8px 15px 7px 15px; display: inline-block; float: right; width: 50px; }
.wwvpSmallMenuItemBackButton { width: auto !important; margin-right: 10px !important; opacity: .6;}
.wwvpControlCaptionsMenu { width: 235px; }
.wwvpControlSpeedMenu { width: 235px; }
.wwvpControlLayoutMenu { width: 200px; }
.wwvpSettingsMenu { max-height: 80% !important; }
.wwvpSettingsMenuItem { display: flex; justify-content: space-between; align-items: center; }
.wwvpSettingsMenuSubItem { display: flex; align-items: center; }
.wwvpSettingsMenuIcon { max-width: 19px; margin-right: 15px; }
.wwvpSettingsMenuLinks { max-width: 19px; }
.wwvpSettingsSelectedFont { font-size: 11px; text-align: right; }
.wwvpChapterMenuItem { display: flex; justify-content: space-between; align-items: center; }
.wwvpChapterMenuText { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 85%; }
.wwvpControlSettingsChapterMenu { display: none; }
.wwvpControlSettingsChapterMenuBack { display: none; }

.wwvpTooltip { position: absolute; bottom: 60px; z-index: 1000; line-height: normal; }
.wwvpTooltipText { display: block; font-weight: bold; font-size: 13px; padding: 6px 9px; background: rgba(17,17,17,.9); }

.wwvpClosedCaptionNew { z-index: 8; pointer-events: none; position: absolute; height: calc(100% - 88px); width: 100%; top: 44px; left: 0px; background-position: center; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; }
/* .wwvpClosedCaptionNew div div { font-size: 24px !important; } */
.wwvpClosedCaptionNew.noTop { top: 0px !important; height: calc(100% - 44px) !important; }
.wwvpClosedCaptionNew.noBottom { top: 44px !important; height: calc(100% - 44px) !important; }
.wwvpClosedCaptionNew.noTop.noBottom { top: 0px !important; height: 100% !important; }

.wwvpClosedCaptionNew div div { inset: unset !important; bottom: 0 !important; }

.wwvpClosedCaptionNew .white { color: rgba(255,255,255,1); }
.wwvpClosedCaptionNew .lime { color: rgba(0,255,0,1); }
.wwvpClosedCaptionNew .cyan { color: rgba(0,255,255,1); }
.wwvpClosedCaptionNew .red { color: rgba(255,0,0,1); }
.wwvpClosedCaptionNew .yellow { color: rgba(255,255,0,1); }
.wwvpClosedCaptionNew .magenta { color: rgba(255,0,255,1); }
.wwvpClosedCaptionNew .blue { color: rgba(0,0,255,1); }
.wwvpClosedCaptionNew .black { color: rgba(0,0,0,1); }
.wwvpClosedCaptionNew .bg_white { background: rgba(255,255,255,1); }
.wwvpClosedCaptionNew .bg_lime { background: rgba(0,255,0,1); }
.wwvpClosedCaptionNew .bg_cyan { background: rgba(0,255,255,1); }
.wwvpClosedCaptionNew .bg_red { background: rgba(255,0,0,1); }
.wwvpClosedCaptionNew .bg_yellow { background: rgba(255,255,0,1); }
.wwvpClosedCaptionNew .bg_magenta { background: rgba(255,0,255,1); }
.wwvpClosedCaptionNew .bg_blue { background: rgba(0,0,255,1); }
.wwvpClosedCaptionNew .bg_black { background: rgba(0,0,0,1); }

.wwvpClosedCaption { margin-bottom: 50px; /* remove margin-bottom when hover off */ z-index: 15; bottom: 3%; width: 70%; left: 15%; text-align: center; position: absolute; }
.wwvpClosedCaptionChromeless { top: 0px !important; height: 100% !important; }
.wwvpClosedCaptionText { background: rgba(17,17,17,.9); color: #fff; font-size: 24px; line-height: 38px; padding: 5px; white-space: pre-wrap; }
.wwvpFullscreen .wwvpClosedCaptionText { font-size: 32px; line-height: 44px; }
.wwvpClosedCaptionTop { margin-top: 50px; top: 3%; bottom: auto !important; }
img.wwvpClosedCaptionDownloadImage { width: 16px !important; vertical-align: top; margin-top: -1px; opacity: .9; }
.wwvpSmallMenuItemCCIcon:hover img.wwvpClosedCaptionDownloadImage { opacity: 1; }
.wwvpClosedCaptionToggleImage { height: 30px !important; }
.wwvpInteractiveTranscriptToggleImage { height: 13px !important; }

.wwvpControlProgressBar { z-index: 13; position: absolute; bottom: 44px; left: 0px; width: 100%; height: 7px; background: rgba(255,255,255,.5); transition: 0ms linear height; cursor: pointer; }
.wwvpControlProgressBar:focus { outline: 3px auto rgba(94,158,214,.7); }
.wwvpControlProgressBarPadding { height: 16px; position: absolute; bottom: 0; width: 100%; }
.wwvpControlProgressBarFillPlayed { z-index: 14; position: absolute; bottom: 0px; height: 100%; width: 0px; background: #0092ed; }
.wwvpSeekLimitIndicator { cursor: auto; position: absolute; bottom: 15px; width: 25px; height: 25px; border-radius: 999px; background-color: white; transform: translateX(-50%); display: none; justify-content: center; align-items: center; padding: 7px; }
.wwvpSeekLimitIndicator::after { content: ''; position: absolute; top: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid white;}
.wwvpControlProgressBarFillSeek { z-index: 13; position: absolute; bottom: 0px; height: 100%; width: 0px; background: rgba(255,255,255,.4); }
.wwvpControlProgressBarFillBuffered { z-index: 12; position: absolute; bottom: 0px; height: 100%; width: 0px; background: rgba(255,255,255,.6); }
.wwvpControlProgressBarBall { height: 16px; width: 16px; z-index: 21; top: -5px; position: absolute; margin-left: -8px; border-radius: 8px; left: 0; background: #0092ed; -moz-transition: -moz-transform .1s cubic-bezier(0.0, 0.0, 0.2, 1); -webkit-transition: -webkit-transform .1s cubic-bezier(0.0, 0.0, 0.2, 1); -ms-transition: -ms-transform .1s cubic-bezier(0.0, 0.0, 0.2, 1); transition: transform .1s cubic-bezier(0.0, 0.0, 0.2, 1); }
.wwvpControlProgressBarStart { height: 15px; width: 4px; z-index: 22; top: -4px; position: absolute; margin-left: -2px; left: 0px; background: #ffffff; }
.wwvpControlProgressBarEnd { height: 15px; width: 4px; z-index: 22; top: -4px; position: absolute; margin-left: -2px; left: 0px; background: #ffffff; }

.wwvpChapterTicksContainer { z-index: 14; position: absolute; bottom: 0; height: 100%; width: 100%; pointer-events: none; align-items: center; display: flex; }
.wwvpChapterTick { z-index: 15; position: absolute; height: 5px; width: 5px; border-radius: 50%; background: black; pointer-events: none; }

.wwvpControlLiveBar { z-index: 13; position: absolute; bottom: 44px; left: 0px; width: 100%; height: 6px; background: rgba(255,255,255,.5); transition: 0ms linear height; cursor: pointer; }
.wwvpControlLiveBarFillPlayed { z-index: 14; position: absolute; bottom: 0px; height: 100%; width: 100%; background: red; }

.wwvpControlContainer { z-index: 12; position: absolute; bottom: 0px; left: 0px; width: 100%; /* background: rgba(0,0,0,.8); */ color: #fff; cursor: default; height: 44px; line-height: 41px; display: flex; justify-content: space-between; }
.wwvpControlContainerSpacer { margin: 0px; display: flex; }

.wwvpControlLeft { float: left; }
.wwvpControlPlayPause .wwvpButtonImage { padding-left: 4px; }
.wwvpControlTimer, .wwvpLiveTimer { display: inline-block; vertical-align: top; line-height: 44px; font-size: 15px; padding-left: 10px; color: #fff; white-space: nowrap; }
.wwvpControlTimer:hover, .wwvpLiveTimer:hover { color: #fff !important; cursor: default; }
.wwvpControlVolumeBar { position: relative; margin-right: 10px; margin-left: 10px; width: 60px; background: yellow; height: 4px; background: rgba(255,255,255,.4); cursor: pointer; }
.wwvpControlVolumeBarFill { position: relative; height: 100%; width: 0px; background: #fff; }
.wwvpControlVolumeBarBall { height: 13px; width: 13px; z-index: 21; top: -5px; position: absolute; margin-left: -6.5px; border-radius: 6.5px; left: 0; background: #fff; }

.wwvpControlClosedCaptions .wwvpButtonImage { width: 36px; }
.wwvpControlSpeed .wwvpButtonText { margin-top: 1px; }
.wwvpControlSpeedAudioOnly { margin-right: 5px !important; }
.wwvpControlFullscreen .wwvpButtonImage { width: 36px; padding-right: 6px; }
/*.wwvpControlQuality img { transition: 150ms linear opacity, 150ms linear transform !important; } */

.wwvpControlWarpwire .wwvpButtonImage { padding-right: 6px !important; height: 30px; }
.wwvpControlWarpwire img, .wwvpControlWarpwire svg { height: 22px !important; width: 22px !important; margin-top: -6px !important; opacity: .9; transition: 150ms linear opacity; cursor: pointer; }
.wwvpControlWarpwire img:hover, .wwvpControlWarpwire svg:hover { opacity: 1; }

.wwvpButtonContainer { display: inline-block; transition: 150ms linear color; cursor: pointer; color: rgba(255,255,255,.9); }
.wwvpButtonContainer:hover { color: rgba(255,255,255,1); }
.wwvpButtonContainer img { opacity: .9; }
.wwvpButtonContainer:hover img { opacity: 1; }
.wwvpButtonImage { cursor: pointer; background: transparent; border: 0px; padding: 0px; margin: 0px; height: 100%; width: 42px; transition: 150ms linear color; }
.wwvpButtonImage img, .wwvpButtonImage svg { width: 20px; height: 20px; transition: 150ms linear opacity; vertical-align: middle; opacity: .9 !important; }
.wwvpButtonImage img:hover, .wwvpButtonImage svg:hover { opacity: 1 !important; }
.wwvpButtonImage:focus { outline: 3px auto rgba(94,158,214,.7); }
.wwvpButtonText { cursor: pointer; background: none; color: rgba(255,255,255,.9); padding: 0 6px; margin: 0px 8px 0px 11px; font-size: 12px; transition: 150ms linear color, 150ms linear background, 150ms linear border; vertical-align: middle; font-weight: bold; line-height: 22px; border: solid 1px rgba(255,255,255,.9); }
.wwvpButtonText:hover { color: rgba(255,255,255,1); border: solid 1px rgba(255,255,255,1); }
.wwvpButtonText:focus { outline: 3px auto rgba(94,158,214,.7); }
.wwvpButtonText.wwvpOn { background: #0092ed; }


.wwvpVideoMoveOffScreen { left: -9999px; position: absolute; }

.wwvpHidden { display: none; }
.wwvpAlwaysHidden { display: none; }

.wwvpBottomContainerGradient { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RURGNzhERkQxNjkxMUU3ODYzMkQxOUFDMzkzRTNGRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RURGNzhFMEQxNjkxMUU3ODYzMkQxOUFDMzkzRTNGRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZFREY3OERERDE2OTExRTc4NjMyRDE5QUMzOTNFM0ZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZFREY3OERFRDE2OTExRTc4NjMyRDE5QUMzOTNFM0ZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+3cEg4gAAADRJREFUeNpi+P//PwMIMDKhEAyoXCYmTCU4ZZnIYzGRLEasLH21ke4jklikxwdaXDICBBgAIwsEW512gcsAAAAASUVORK5CYII=); background-repeat: repeat-x; background-position: bottom; bottom: 0; z-index: 5; height: 100px; position: absolute; width: 100%; }
.wwvpBottomContainer { opacity: 1; left: 0px; bottom: 0px; width: 100%; height: 0px; z-index: 8; position: absolute; -moz-transition: opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); -webkit-transition: opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); transition: opacity .2s cubic-bezier(0.0, 0.0, 0.2, 1.0); }

.wwvpCaptionList { width: 140px; }
.wwvpCaptionSearchContainer { width: 50%; margin: 0 auto; background: #fff; border-bottom: solid 1px #ddd; }
.wwvpCaptionSearchInput { width: 100%; border: 0; padding: 3px 8px; }
.wwvpCaptionSearchInput::placeholder { color: #555; }
.wwvpCaptionSearchResults { overflow-y: scroll !important; -webkit-overflow-scrolling: touch; max-height: 180px; width: 50%; margin: 0 auto; text-shadow: none !important; }
.wwvpCaptionSearchResults:empty { height: 0; }
.wwvpCaptionDownloadResults { max-height: 180px; width: 50%; margin: 0 auto; }
.wwvpListItem { width: 100%; float: left; display: block; border-bottom: solid 1px #ddd; background: #fff; transition: background 150ms linear; color: #555; }
.wwvpListItem:hover, .wwvpListItem:focus { background: #ecf7fe; }
.wwvpListItemSectionLeft { line-height: 50px; height: 50px; padding: 0; float: left; width: 88px; }
.wwvpListItemSectionLeft img { width: 88px; height: 50px; display: block; }
.wwvpListItemView { color: #555; padding-right: 10px; }
.wwvpListItemSectionCenter { padding: 9px 0 0 10px; height: 50px; overflow: hidden; white-space: nowrap; text-align: left; text-overflow: ellipsis; }
.wwvpListItemView:focus { color: #222; outline: none; }
.wwvpListItemSectionCenterTitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wwvpListItemSectionCenterMetadata { font-size: 12px; line-height: 16px; margin-top: 2px; color: #999; text-decoration: none !important; }
.wwvpListItemView:focus .wwvpListItemSectionCenterTitle { text-decoration: underline; }

@media only screen and (max-width: 960px) {
    .wwvp { width: 720px; height: 405px; }
    .wwvpFullMenuContent { margin-top: -45px; }
}
@media only screen and (max-width: 720px) {
    .wwvp { width: 540px; height: 304px; }
    .wwvpTopRight { float: right; text-align: right; }
    .wwvpClosedCaptionNew div div { font-size: 18px !important; }
    .wwvpClosedCaptionNew { height: calc(100% - 94px) !important; }
}
@media only screen and (max-width: 646px) {
    .interactiveTranscriptHideFirst { display: none; }
}
@media only screen and (max-width: 601px) {
    .interactiveTranscriptHideSecond { display: none; }
}
@media only screen and (max-width: 580px) {
    .interactiveTranscriptHideThird { display: none; }
}
@media only screen and (max-width: 561px) {
    .interactiveTranscriptHideFourth { display: none; }
}
@media only screen and (max-width: 540px) {
    .wwvp { width: 414px; height: 233px; }
    .wwvpFullMenuContent { margin-top: -35px; }
    .wwvpClosedCaptionNew div div { font-size: 17px !important; }
    .wwvpControlInteractiveTranscriptToggle { display: none; }
    #videoTranscript { display: none; }
    .wwvpPresenterSwitchContainer div.sourceName { font-size: 9px; line-height: 12px; padding: 2px; }
    .playerLayoutVersion2 { padding-right: .65rem !important;}
}
@media only screen and (max-width: 413px) {
    .wwvp { width: 375px; height: 210px; }
    .wwvpFullMenuShareLink { font-size: 16px; }
    .wwvpFullMenuContent { margin-top: -30px; }
    .wwvpClosedCaptionNew div div { font-size: 16px !important; }
}
@media only screen and (max-width: 374px) {
    .wwvp { width: 320px; height: 180px; }
    .wwvpTopTitle a.sub { top: 21px; }
    .wwvpFullMenuShareLink { font-size: 14px; }
    .wwvpClosedCaptionNew div div { font-size: 15px !important; }
}
@media only screen and (max-width: 346px) {
    .wwvpControlSearch { display: none; }
}
@media only screen and (max-width: 319px) {
    .wwvp { width: 220px; height: 123px; }
    .wwvpControlSearch, .wwvpTopShare { display: none; }
    .wwvpFullMenuShareLink { font-size: 12px; }
    .wwvpClosedCaptionNew div div { font-size: 14px !important; }
}
@media only screen and (max-width: 300px) {
    .wwvpControlClosedCaptionsToggle { display: none; }
    .wwvpControlChapterMenuToggle { display: none; }
    .wwvpControlSettingsChapterMenu { display: flex; }
    .wwvpControlSettingsChapterMenuBack { display: flex; }
    .wwvpChapterMenuHeader { display: none; }
}
@media only screen and (max-width: 255px) {
    /* .wwvpControlVolumeBar { display: none; } */
    .wwvpControlFullscreen { display: none; }
    .wwvpControlTimer { display: none; }
}
@media only screen and (max-height: 250px) {
    .wwvpSmallMenu { max-height: 38%; }
}
@media only screen and (max-height: 200px) {
    .wwvpFullMenuShareHeader { display: none; }
    .wwvpFullMenuShareLink { font-size: 13px; }
    .wwvpFullMenuContent { margin-top: -20px; }
    .wwvpTopTitle a.sub { display: none; }
}