/* - ++resource++html5video-media/video-styles.css - */
/* https://marrakech.once.es/portal_css/++resource++html5video-media/video-styles.css?original=1 */
video.once.inactive {
width: 100% !important;
height: auto !important;
}
figure.onceVideo {
position:relative;
margin:0;
line-height:0;
background-color:black;
display:inline-flex;display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-flex-direction:column-reverse;flex-direction:column-reverse;
}
.onceVideo figcaption {
display:block;
font-size:12px;
font-size:0.75rem;
color:#fff;
}
.onceVideo video {
width:100%;
}
/* */
/* */
@media all and (-ms-high-contrast:none){
.onceVideo video {height:100% !important;} /* */
.onceVideo video::-ms-backdrop, .onceVideo video {height:100% !important;} /* */
}
@supports (-ms-accelerator:true) {
.onceVideo video {
height:100% !important;
}
}
/* */
figure.onceVideo .controls img,
#content .bloqueNoticia figure.onceVideo .controls img {
display:block;
max-width:100%;
width:2em;
}
/* */
.controls {
display:inline-flex;display: -webkit-flex;display: -ms-flexbox;display: flex;
background:#333;
width:100%;
-webkit-align-items: center;align-items:center;
padding:0.2em;
box-sizing:border-box;
z-index: 10;
}
.controls[data-state=hidden] {
display:none;
}
.controls[data-state=visible] {
display:inline-flex;display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}
.controls > *:first-child {
margin-left:0;
}
.controls .once-progress {
cursor:pointer;
-webkit-flex-grow:1; flex-grow:1;
padding:0.2em;
margin:0 0.5em;
border:2px solid transparent;
}
.controls .time {
color: white;
text-align: center;
padding:0.1em;
margin-right:0.5em;
border:2px solid transparent;
}
.controls .timeSpan {
line-height:1em;
margin:0 auto;
}
.controls .time .ctime,
.controls .time .stime,
.controls .time .ttime {
vertical-align:baseline;
}
.controls button {
cursor:pointer;
background:transparent;
box-sizing:border-box;
padding:0.1em;
margin: 0;
border:2px solid transparent;
max-width:100%;
font-size:100%;
}
.controls button:hover,
.controls button:focus,
.subtitles-menu li button:hover,
.subtitles-menu li button:focus,
.controls .time:hover,
.controls .time:focus,
.subtitles-menu li button[data-state="active"] {
border:2px solid white;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.controls progress {
width:100%;
border:2px solid transparent;
background-color: white;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-webkit-appearance: none;
appearance: none;
color:#007A2E; /* */
display: inline-block;  /* */
vertical-align: middle; /* */
}
::-webkit-progress-bar {background-color: white;}
.controls progress:hover,
.controls progress:focus {background-color:#333;border-color:white;}
::-webkit-progress-bar:hover {background-color: #333;}
.controls progress::-moz-progress-bar {
background-color:#007A2E;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
/* */
:-webkit-full-screen {background:black;}
.controls progress::-webkit-progress-bar {
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.controls progress::-webkit-progress-value {
background-color:#007A2E;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.controls progress::-webkit-progress {
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
/* */
#content .onceVideo ul.subtitles-menu,
.onceVideo ul.subtitles-menu {
display:inline-flex;display: -webkit-flex;display: -ms-flexbox;display: flex;
-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
position:absolute;
top:35%;
right:0;
left:0;
background:#333;
list-style-type:none;
margin:auto;
padding:1em;
width:10em;
z-index:11;
}
.onceVideo ul.subtitles-menu li {
margin-bottom: 0.25em;
line-height: 1.5em;
display: list-item;
padding:0;
text-align:center;
-webkit-flex-direction:row;flex-direction:row;
width:100%;
}
#content .onceVideo ul.subtitles-menu li:last-child,
.onceVideo ul.subtitles-menu li:last-child {
margin-bottom:0;
}
.onceVideo ul.subtitles-menu li button {
border:1px solid white;
background:#333333;
color:white;
cursor:pointer;
width:100%;
display:block;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.onceVideo ul.subtitles-menu li button:hover,
.onceVideo ul.subtitles-menu li button:active,
.onceVideo ul.subtitles-menu li button:focus {background:white;color:black;}
.onceVideo ul.subtitles-menu li button[data-state="active"] {
background:white;
color:black;
}
.onceVideo ul.subtitles-menu li button[data-state="active"]:hover,
.onceVideo ul.subtitles-menu li button[data-state="active"]:active,
.onceVideo ul.subtitles-menu li button[data-state="active"]:focus {
background:#333333;
color:white;
border:1px solid white;
}
button.big-play-button {
width:100%;
height:100%;
position:absolute;
top:0;
z-index:2;
background-color:rgba(0, 0, 0, 0.85);
border:none;
padding-bottom:4.2em;
}
.big-play-button > img {
width:13%;
}
/* */
figure.onceVideo[data-fullscreen=true] {
max-width:100%;
width:100%;
margin:0;
padding:0 0 2.75em;
max-height:100%;
display:block;
}
figure.onceVideo[data-fullscreen=true] video {
height:100%;
}
figure.onceVideo[data-fullscreen=true] figcaption {
display:none;
}
figure.onceVideo[data-fullscreen=true] .controls {
position:absolute;
bottom:0;
width:100%;
z-index:2147483647;
height:auto;
}
.once-fallback {
display: block;
text-align: left;
border: 2px solid #d71017;
background-color: #fff;
color: #000;
font-weight: bold;
font-size: 1.1em;
padding: 1em;
margin-bottom: 1em;
word-wrap:break-word;
}
.once-fallback p.once-reason {
text-align: left;
}
.once-fallback div,
.once-fallback ul,
.once-fallback p {
line-height: normal;
}
.once-fallback p {
margin: 0 0 10px;
}
.once-fallback li,
.once-fallback .notsupportedmessage  {
font-weight: normal;
}
.once-fallback img {
width: 90%;
margin: 1em auto;
opacity: 0.3;
}
.once-fallback img.able-poster {
position: relative;
}
#form-widgets-IVideo-hls_url,
#form-widgets-IVideo-mpd_url {width:100%;}
#form-widgets-IVideo-extvideo_url {width:100%;}
.hiddenStructure {
display: block;
background: transparent;
background-image: none; /* */
border: none;
height: 0.1em;
overflow: hidden;
padding: 0;
margin: -0.1em 0 0 -0.1em;
width: 1px;
}
/* */
/* */
.ie6 .hiddenStructure,
.ie7 .hiddenStructure {
position: absolute;
}
/* */
/* */
/* */
@media screen and (max-width : 767px) {
button.big-play-button {padding-bottom:5.4em;}
.controls {font-size:80%;}
.controls .once-progress {
-webkit-box-ordinal-group: 99;
-moz-box-ordinal-group: 99;
-ms-flex-order: 99;
-webkit-order: 99;
order:99;
width:100%;
margin:0;
}
.controls .time {
-ms-flex-grow:2;
-webkit-flex-grow:2;
-moz-flex-grow:2;
flex-grow:2;
}
}
@media screen and (max-width : 321px) {
button.big-play-button {padding-bottom:40%;}
.controls .time {
-webkit-box-ordinal-group: 98;
-moz-box-ordinal-group: 98;
-ms-flex-order: 98;
-webkit-order: 98;
order:98;
width:100%;
}
}
/* */
/* */
/* */
.altocontraste .once-fallback {background-color: black;color: white;}
.altocontraste .controls progress {background-color:black;color:white;}
.altocontraste .controls progress::-moz-progress-bar {background-color:white;}
.altocontraste .controls progress::-webkit-progress-value {background-color:white;}
.altocontraste ::-webkit-progress-bar {background-color: black;}
.altocontraste figure.onceVideo {border:1px solid white;}
.altocontraste figure.onceVideo[data-fullscreen="true"] {border:none;}