/* vychozi schema bezbarve pro pripad, kdy se potakji dve ruzna schema na strance */
.q-ie .mega {display:none}

.mega {width:100%; margin:0 0 1.5rem; padding:1.5em; font-size:medium; line-height:1.429; background:no-repeat 50% 50% / cover; box-sizing:border-box}
.mega a {color:inherit; text-decoration:none}
#wrapper .mega {padding:1em; border:1px solid #CFD8DC; border-width:4px 0}
.dark #wrapper .mega {border-color:#34454E}

.mega-btn.mega-btn, .mega-more.mega-more {display:flex; justify-content:center; align-items:center; width:100%; height:2.5rem; padding:0 .75rem; border:1px solid transparent; border-radius:3px; font-weight:700; font-size:.875rem; line-height:1.286; text-decoration:none; box-sizing:border-box}
.mega-btn[class*="icon-"]:before {content:''; display:inline-block; vertical-align:top; width:1.25rem; height:1.429em; margin-right:.75rem; background:no-repeat 50% 50% / contain}	

.mega-more.mega-more {justify-content:flex-end; text-align:right}
.mega-more:after {content:''; display:block; width:1em; height:1em; margin:0 0 0 .5rem; background:no-repeat 50% 50%}

.mega-links {display:flex; flex-direction:column; font-weight:700; font-size:87.5%; line-height:1.429}
.mega-links li {flex:1; display:block}
.mega-links a {display:block; padding:0 0 0 1em; background:no-repeat 0 .3em / .769em .769em}
.mega-links a:hover {text-decoration:underline}

.mega-artlist {display:flex; flex-direction:column; justify-content:space-between; gap:1rem}
.mega-artlist li {display:block}
.mega-art {position:relative; display:block; min-height:54px; padding:0 0 0 80px}
.mega-art h3 {margin:0; padding:0; font-weight:600; font-size:87.5%; font-family:inherit}
.mega-art img {position:absolute; top:0; left:0; width:72px; height:54px}
#wrapper .mega-artlist {gap:.75rem}

.mega-fotogal {flex:0 0 auto; min-width:146px; position:relative; background:no-repeat 50% 50% / cover;}
.mega-fotogal .more-gallery {/*position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;*/ display:flex; align-items:flex-end; height:100%; padding:0 .5rem; text-align:center; text-decoration:none; box-sizing:border-box}
.mega-fotogal .more-gallery .cell {width:100%; padding:0 0 1em; white-space:nowrap}
.mega-fotogal h3 {margin:0 auto .2em; font-size:112.5%; line-height:1.2}
.mega-fotogal h3:before {content:''; display:inline-block; width:.8em; height:.8em; vertical-align:top; margin:.2em .4em 0 0; background:no-repeat 50% 50% / contain}
a.mega-fotogal:hover h3 {text-decoration:underline}
.mega-fotogal span {display:inline-block; line-height:1.7em; padding:0 .5em; border:1px solid; border-radius:3px; font-size:75%; line-height:1.6}
.mega-fotogal b {font-weight:800}
#wrapper .mega-fotogal {flex-basis:auto; width:230px; height:129px; margin:auto}

.mega-online-out {position:relative; height:100%; min-height:4em; overflow:hidden}
.mega-online-out .mega-more {position:absolute; left:0; bottom:0; z-index:2}
.mega-online-out .mega-more:before {content:''; position:absolute; top:-99em; left:-999em; bottom:0; right:-999em}
.mega-live {margin:0 0 .5rem; padding:0 0 0 1.25rem; text-transform:uppercase; font-weight:800; font-size:87.5%; line-height:1.286; color:#102447; background:url('/u/icon/e11/live.svg') no-repeat 0 50% / 1rem 1rem}
.mega-online {position:absolute; font-size:87.5%; line-height:1.286}
.mega-online .time {display:inline-block; vertical-align:top; margin:0 .25rem 0 0; padding:0 .3em; border-radius:2px; font-weight:800; line-height:1.5; font-size:85.71%}
.mega-online b {font-weight:400}
.mega-online .item {margin:0 0 .75em}
#wrapper .mega-online-out {height:auto; min-height:0}
#wrapper .mega-online-out .mega-more {position:relative; box-shadow:none}
#wrapper .mega-online {position:relative}
#wrapper .mega-online .item ~ .item {display:none}

.crawler {position:relative; overflow:hidden; width:100%; font-size:87.5%; line-height:2.286;}
.crawler-label {position:absolute; top:0; left:0; z-index:3; padding:0 1em; white-space:nowrap; text-transform:uppercase; font-weight:700; color:#FFF; background:#E41F1F}
.crawler-label .crawler-link {color:inherit}
.crawler-text {display:block; width:100%; color:#FFF; background:#102447; overflow:hidden}
.crawler-text p {float:left}
.crawler-text span {display:inline-block; padding-right:1.8em}
.crawler-text .label {display:inline-block; padding-left:1.8em}
.crawler-text .label:first-child {padding-left:0}
.crawler-scroll .crawler-text {height:2.286em}
.crawler-scroll .crawler-text p {padding-left:0; white-space:nowrap}
/*.crawler-posun .crawler-text span, .crawler-posun .crawler-time span {-webkit-animation:crawl-posun 1s forwards; animation:crawl-posun 1s forwards;}*/
@keyframes crawl {0% {transform:translateX(0)} 100% {transform:translateX(-20%)}}
@-webkit-keyframes crawl {0% {-webkit-transform:translateX(0)} 100% {-webkit-transform:translateX(-20%)}}
@keyframes crawl-posun {0% {transform:translateY(0)} 100% {transform:translateY(-2em)}}
@-webkit-keyframes crawl-posun {0% {-webkit-transform:translateY(0)} 100% {-webkit-transform:translateY(-2em)}}

.mega-camera {display:block; margin:0 0 .5rem; padding:0 0 0 1.25rem; text-transform:uppercase; text-decoration:none; font-weight:800; font-size:87.5%; line-height:1.286; background:url('/u/icon/e11/camera-lens.svg') no-repeat 0 50% / 1rem 1rem}
a.mega-camera:hover {text-decoration:underline}

.mega videoplayer {font-size:62.5%}
.mega videoplayer + small {display:none}
#wrapper .t-limitation {width:230px; margin-left:auto; margin-right:auto}