@charset 'UTF-8';
@import url('rtve.player.basics.css');

.vjs-play-control {margin-bottom:calc((56.25/2*1%) - 9.6rem);}
.vjs-live.theo-dvr .custom-center-controlbar {display:none;}

/*BARRA DE CONTROL*/
.video-js:not(.vjs-has-started) .vjs-control-bar {display:none;}
.vjs-control-bar:not(.custom-center-controlbar):not(theo-top-controlbar) {bottom:2.4rem;}
/*iconografia*/
.vjs-button > .vjs-icon-placeholder {opacity:0.67;}
.vjs-button:hover > .vjs-icon-placeholder {opacity:1;}

/*botones en la parte izquierda*/
.vjs-fullscreen-control,.vjs-chromecast-button,
.vjs-picture-in-picture-control {}

.vjs-fullscreen-control {left:calc(6.4rem * 3);;bottom:0;}
.theo-chromecast-button,
.theo-airplay-button {left:6.4rem;}
.vjs-picture-in-picture-control {left:0;bottom:0;}


/*barra de progreso*/
.vjs-play-progress.vjs-slider-bar:after {opacity:1;content:'';width:1.4rem;height:1.4rem;margin:-0.7rem;border-radius:100%;background-color:#fff;display:inline-block;}
.vjs-progress-holder:hover .vjs-play-progress.vjs-slider-bar:after {/*width:2.4rem;height:2.4rem;margin:-1.2rem;*/}
/*control de tiempos*/
.vjs-custom-control-spacer.vjs-spacer, 
.vjs-time-control.vjs-time-divider {display:none;}
.vjs-progress-holder:hover .vjs-mouse-display {opacity:1;}
.vjs-mouse-display:after {content:'';width:0.7rem;height:0.7rem;border:0.4rem solid #fff;background-color:#000;display:inline-block;border-radius:100%;position:absolute;bottom:0;right:50%;transform:translate(calc(50% - 0.1rem),100%);}

/*control volumen*/
.vjs-volume-control.vjs-control {position:absolute;bottom:-2.4rem;width:calc(6.4rem * 4);padding:0 1.6rem;opacity:0;transition:opacity,0.6s;}
.vjs-mute-control:hover + .vjs-volume-control.vjs-control,
.vjs-volume-control.vjs-control:hover {opacity:1;}

/*PANELES DESPLEGADOS*/
.vjs-menu.theo-menu-content-animatable .theo-menu-header {font-size:1.6rem;line-height:2rem;font-weight:300;padding:0.8rem 0.4rem;display:inline-block;width:100%;color:rgba(255,255,255,0.67);}
.vjs-menu.theo-menu-content-animatable .theo-menu-header {padding:1.6rem;font-weight:600;color: rgba(255,255,255,1);}
.vjs-menu.theo-menu-content-animatable ul {padding:0 1.6rem 1.6rem 1.6rem;}
.vjs-menu {width:32rem;} 
.vjs-menu.theo-menu-content-animatable {bottom:0;z-index:2;border:0.1rem solid #969695;background:var(--player_G04);}

.theo-menu-container {width:100%;} 
.theo-menu-container .vjs-menu {left:auto !important;}
/* 4.8rem */
.theo-menu-container > .vjs-menu:nth-child(1) {right:12rem;}
.theo-menu-container > .vjs-menu:nth-child(2) {right:7.2rem;}
.theo-menu-container > .vjs-menu.theo-settings-control-menu {left:auto !important;right:2.4rem;}
/*settings*/
.vjs-menu .theo-settings-control-menu-item-title {}
.vjs-menu .theo-settings-control-menu-item-value,.vjs-menu .theo-settings-control-menu-item-value span {font-size:1.4rem;color:#fff;}

/*flechas*/
.vjs-menu.theo-menu-content-animatable:after,
.vjs-menu.theo-menu-content-animatable:before {position:absolute;right:4.8rem;bottom:0;border:0 solid transparent;content:'';height:0;width:0;}
.vjs-menu.theo-menu-content-animatable:before {border-top-color:#969695;border-width:1.6rem 1.6rem 0 1.6rem;margin-right:-1.6rem;bottom:-1.6rem;}
.vjs-menu.theo-menu-content-animatable:after {border-top-color:var(--player_G04);border-width:1.4rem 1.4rem 0 1.4rem;margin-right:-1.4rem;bottom:-1.4rem;}

/*items menu*/
.vjs-menu-item {display:inline-flex;justify-content:flex-start;align-items:center;}
.vjs-menu-item span,
.vjs-menu-item {font-size:1.6rem;line-height:2rem;font-weight:300;width:100%;color:rgba(255,255,255,0.67);}
.vjs-menu-item {padding:0.8rem 0.4rem;}
.vjs-menu-item {border-top:0.1rem solid #676869;}
.vjs-menu-item:hover {background:rgba(255,255,255,0.1);color:#fff;}

/*item seleccionado*/
.vjs-menu-item[aria-checked="true"], .vjs-menu-item[aria-checked="true"] span {color:#fff;}
.vjs-menu-item[aria-checked="true"]:before {content:url('https://css2.rtve.es/css/rtveplay.2024/i/check.svg');height:2.4rem;width:2.4rem;position:absolute;right:0;}
.vjs-menu-item {position:relative;}

/*openned */
.theo-menu-opened .vjs-mute-control, .theo-menu-opened .vjs-icon-audio[aria-expanded="false"],
.theo-menu-opened .vjs-icon-cog[aria-expanded="false"],.theo-menu-opened .vjs-icon-subtitles[aria-expanded="false"] {opacity:0.67;}
.theo-menu-opened [aria-expanded="true"] {}

/*cerrar*/
.theo-menu-header[role="button"][tabindex="-1"]:after {content:url('https://css2.rtve.es/css/rtveplay.2024/i/close.svg');position:absolute;right:1.6rem;top:1.2rem;width:2.4rem;height:2.4rem;overflow:hidden;
													opacity:1;}

/*settings*/
/*.theo-settings-control-menu .vjs-menu-item[role="menuitem"]:before {content:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_next.svg');height:2.4rem;width:2.4rem;float:right;}*/
.theo-settings-control-menu .theo-settings-control-menu-item-value {width:30%;text-align:right;}
.theo-settings-control-menu .theo-settings-control-menu-item-title {width:70%;}
.theo-settings-control-menu .theo-menu-header[role="button"][tabindex="0"]:after {content:url('https://css2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_prev.svg');height:2.4rem;width:2.4rem;float:right;}

.vjs-menu-content:after:hover {opacity:1;}

.vjs-panel-display > div {padding:2rem 0 0 0;}
.vjs-share-display {width:100%;height:100%;padding-left:4rem;}
.vjs-panel-display .close {float:right;}



/** EL GRAN BOTON *******************************/
/************************************************/
.vjs-big-play-button {display:flex;height:0;}
.vjs-big-play-button:before {content:'';width:100%;height:calc(100% - 13.2rem);display:inline-block;position:absolute;top:0;left:0;}
.vjs-paused .vjs-big-play-button:before {
	background:url('https://img2.rtve.es/css/rtve.2021/i/rtve-icons.svg/rtve-icon_playVideo_circulo.svg') 50% no-repeat;
	background-size:8.2rem 8.2rem;transition:opacity 2s;}
/*ajuste proximos directos*//*se instancia el player y antes no*/
.vjs-paused.vjs-user-inactive .vjs-big-play-button:before {opacity:0;}
.vjs-paused.vjs-user-active .vjs-big-play-button:before {opacity:1;}


.vjs-big-play-button:hover,.video-js:hover {cursor:pointer;}

/*posicionamientos*/
.vjs-paused.video-js:after {z-index:0;}
.vjs-control-bar,.vjs-big-play-button:before {z-index:1;}

/*fireworks*/
.vjs-play-progress.vjs-slider-bar:after {transition: all 0.5s ease-in-out;}

/*PREROLLS*/
.myPlayer_ima-play-pause-div.ima-play-pause-div {width:9.6rem;height:9.6rem;position:absolute;background-repeat:no-repeat;
    background-position: center;background-size: 100%;left:50%;margin-left:-4rem; top:50%;margin-top: -6.6rem;z-index:4;opacity:0;border:0.8rem solid transparent;}

.myPlayer_ima-play-pause-div.ima-play-pause-div {
-webkit-transition: opacity 0.5s;
   -moz-transition: opacity 0.5s;
     -o-transition: opacity 0.5s;
        transition: opacity 0.5s;

}
		
/** CUE POINTS **********************************/
/************************************************/
.vjs-progress-control .vjs-tip,.vjs-progress-control .vjs-tip > *,.vjs-progress-control .vjs-marker {position:absolute;z-index:2;}
.vjs-progress-control .vjs-marker {z-index:4;top:50%;width:0 !important;height:1.8rem;transform:translate(-0.2rem,-50%);border:0.1rem solid #fff;background:transparent;border-radius:0 !important;}
.vjs-progress-control .vjs-marker:hover {width:1.8rem !important;height:1.8rem;border-width:0.4rem !important;border-radius:100% !important;background:darkred;transform:translate(-50%,-50%);}
.vjs-progress-control .vjs-tip {bottom:3.2rem;height:0;width:0;visibility:hidden;}
.vjs-progress-control .vjs-tip > * {left:50%;}
.vjs-progress-control .vjs-tip-inner {bottom:0;font-size:1.2rem;line-height:1.6rem;width:auto;height:auto;min-width:18rem;max-height:5.6rem;padding:0.4rem;
	border:0.1rem solid #fff;background:#000;transform:translateX(-50%);text-align:center;}
.vjs-progress-control .vjs-tip-arrow {top:50%;width:0.2rem;height:2.4rem;background:#fff;transform:translateX(-50%);margin-left:-0.4rem;}
.hola_thumb_drag_handler {height:0 !important;}

/*de momento */
.theo-menu-container {position:absolute;bottom:12.8rem;z-index:5;}
.theo-menu-container .vjs-menu {bottom:1.6rem;}


/*THEO: no se si esto se queda tal cual*/
.videoPlayer.f16x9 .video-js.theoplayer-skin {/*position:static;*/}


.vjs-has-started.vjs-paused .theo-menu-container + .vjs-control-bar:before,
.vjs-has-started.vjs-user-active .theo-menu-container + .vjs-control-bar:before {content:'';width:100vw;height:48em;display:block;left:50%;transform:translateX(-50%);bottom:8.4rem;position:absolute;
	background:linear-gradient(0deg,rgba(0,0,0,0.75),transparent 75%);z-index:0;}


/** FULL-SCREEN *********************************/
/************************************************/
.pfvideo.fullscreen_mode.vjs-has-started .mainElem,
.pfvideo.fullscreen_mode.vjs-has-started .videoBox,
.pfvideo.fullscreen_mode.vjs-has-started .vjs-tech,
.pfvideo.fullscreen_mode.vjs-has-started .theo-player-wrapper {padding:0 !important;width:100vw !important;height:100vh !important;max-width:100vw !important;max-height:100vh !important;border:0 none !important;}
.pfvideo.fullscreen_mode.vjs-has-started .theo-menu-container + .vjs-control-bar:before {height:33vh !important;bottom:0 !important;
	background:linear-gradient(0deg,rgba(0,0,0,1),transparent 100%) !important;}
.pfvideo.fullscreen_mode.vjs-has-started .vjs-progress-control,
.pfvideo.fullscreen_mode.vjs-has-started .vjs-control-bar:not(.custom-center-controlbar):not(.theo-top-controlbar) {width:calc(100vw - (9.6rem * 2));}
.pfvideo.fullscreen_mode.vjs-has-started .custom-center-controlbar.theo-secondary-color.vjs-control-bar,
.pfvideo.fullscreen_mode.vjs-has-started .vjs-control-bar:not(.custom-center-controlbar):not(.theo-top-controlbar) {left:9.6rem;}
/** FULL-SCREEN *********************************/
/** END *****************************************/



/*AVISO CHROMECAST*/
.theo-chromecast-unavailable .vjs-fullscreen-control,
.theo-airplay-unavailable .vjs-fullscreen-control {left:calc(6.4rem * 2);}
.theo-chromecast-unavailable.theo-airplay-unavailable .vjs-fullscreen-control {left:6.4rem;}
.theo-chromecast-connected .vjs-control-bar {opacity:1 !important;}


.theo-at-live.vjs-playing .vjs-play-progress.vjs-slider-bar:after,
.theo-at-live.vjs-playing .vjs-play-progress.vjs-slider-bar {background:#cd0000;}