@import url('/css/microsite/sport/odb-icon.css'); 

.q-ie .megatok {display:none}

.megatok, .dark .megatok {position:relative; clear:both; max-width:964px; margin:0 auto var(--spacing-15, 1.5rem); padding:1.5em 1.5em 1.5em 2.5em; border-radius:.5rem; overflow:hidden; font-size:medium; color:#2B3135; background:#FCF7E9 url('/b/idnes/tokio-bg.jpg') no-repeat 50% 50% / cover}
.css-t .megatok {margin:0 1rem var(--spacing-15, 1.5rem)}
.section .megatok {margin:0 0 var(--spacing-15, 1.5rem)}

.megatok a, .dark .megatok a {color:#122E5B}

.megatok {display:grid; grid-template-columns:auto 436px 330px; gap:1em 1.5em; align-items:center;}
.megatok-logo {grid-column:1; grid-row:1; height:123px}
.megatok-links {grid-column:1 / span 2; grid-row:2; font-weight:600; font-size:81.25%}
.megatok-more {grid-column:3; grid-row:2; font-size:81.25%}
.megatok-arts {grid-column:2; grid-row:1; height:123px; display:flex; flex-direction:column; gap:.25em}
.megatok-live {grid-column:3; grid-row:1 / span 2; height:100%; max-height:178px; position:relative; overflow:hidden}
.megatok-more ~ .megatok-live {grid-row:1; max-height:123px}
.megatok-live:after {content:''; position:absolute; left:0; bottom:0; right:0; height:1em; background:linear-gradient(rgba(253,247,235,0), rgba(253,247,235,1))}
#wrapper .megatok {display:block; padding:1em; border-radius:0; background-image:url('/b/idnes/tokio-bg-t.jpg') }
#wrapper .section .megatok {margin-left:-1rem; margin-right:-1rem}
#wrapper .megatok-logo {float:left; height:82px; margin:0 20px .5em 0}
#wrapper .megatok-links {margin:5px 0 0; font-size:68.75%}
#wrapper .megatok-more {clear:both; overflow:hidden; height:0}
#wrapper .megatok-arts {clear:both; display:block; height:auto}
#wrapper .megatok-live {clear:both; max-height:none}
#wrapper .megatok-live:after {display:none}
 
.megatok-logo img {display:block; width:auto; height:100%}

.megatok-art {flex:1 0 auto; display:flex; align-items:center; color:#122E5B; background:#F6CC5C}
.megatok-art h3 {max-height:2.4em; overflow:hidden; padding:0 .5em 0 .75em; font-weight:600; font-size:100%; line-height:1.2;}
.megatok-art-img {order:-1; flex:0 0 auto; position:relative; height:100%; padding:0 12%}
.megatok-art-img img {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.megatok-arts-single .megatok-art-img {padding:0 25%} 
.megatok-arts-single .megatok-art h3 {max-height:6em; font-size:112.5%}
#wrapper .megatok-art {color:#122E5B; background:transparent}
#wrapper .megatok-art h3 {max-height:3.6em; padding:0 0 0 .75em; font-size:100%}
#wrapper .megatok-art {margin:0 0 .5em}
#wrapper .megatok-art-img {flex:0 0 75px; height:auto; padding:0}
#wrapper .megatok-art-img img {position:static; width:100%; height:auto}

.megatok-links ul {display:flex; gap:.25em; justify-content:space-between;}
.megatok-links li {flex:1 1 auto; position:relative; overflow:hidden; display:flex; align-items:center; min-height:3em; padding:0 .5em 0 1em; border:1px solid #F6CC5C; border-radius:3px; color:#122E5B; background:#FFF6DC; box-sizing:border-box}
.megatok-links a {text-transform:uppercase; color:inherit}
.megatok-links a:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1;}
#wrapper .megatok-links ul {flex-wrap:wrap}
#wrapper .megatok-links li {flex:1 0 48%}

.mega-icon {display:block; padding:.2em 0 .2em 2em; font-weight:600; line-height:1.3; background:no-repeat 0 50% / 1.5em 1.5em} 
.mega-icon-date {background-image:url('/b/idnes/tokio-icon-date.svg')}
.mega-icon-medal {background-image:url('/b/idnes/tokio-icon-medal.svg')}
.mega-icon-czechteam {background-image:url('/b/idnes/tokio-icon-czechteam.svg')}
.mega-icon-place {background-image:url('/b/idnes/tokio-icon-place.svg')}
.mega-icon-link {padding-left:1.1em; background-image:url('/b/idnes/tokio-icon-arr.svg'); background-position:0 .4em; background-size:.77em .77em}
#wrapper .mega-icon {}

.megatok .mega-online {display:block; font-size:87.5%; line-height:1.3; color:inherit; text-decoration:none}
.megatok .mega-online:before {content:''; float:left; width:.85em; height:.85em; margin:.225em .5em 0 0; border-radius:100%; background:#E41F1F}
.megatok .mega-online .time {float:left; padding:0; font-size:100%; font-weight:800}
.megatok .mega-online .time-in {display:inline; padding:0 .5em 0 0}
.megatok .mega-online .event {display:inline; padding:0; font-size:100%}
.megatok .mega-online .event img {display:none}
.megatok .mega-online .event p {margin:0}
.megatok .mega-online .event:after {content:''; clear:both; display:block; height:.5em}
.megatok .mega-title {margin:0 0 .5em; text-transform:uppercase; font-weight:800; color:#122E5B}
.megatok .mega-online:hover .mega-title {text-decoration:underline}
#wrapper .mega-online .event ~ * {display:none}  

.megatok .mega-program {font-size:87.5%}
.megatok .icosport {display:block; margin:0 0 .2em; line-height:1.4; }
.megatok .icosport:before {font-size:140%}

.megatok .oh-top {margin:1em 0 0; font-size:87.5%}
.megatok .oh-top h2 {margin:0; text-transform:uppercase; font-weight:800; font-size:100%; color:#122E5B}
.megatok .oh-top h2 span {display:none}

.megatok .oh-medal {position:relative; overflow:hidden; display:inline-block; width:1.4em; height:1.4em; line-height:1.4; border:1px solid rgba(0,0,0,.4); border-radius:100%; text-align:center}
.megatok .oh-medal:before {content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; border-radius:100%; background:radial-gradient(1em at .5em 24%, rgba(255,255,255,0), rgba(0,0,0,.3))}
.megatok .oh-medal-1 {color:#705E0C; background-color:#EACF06}
.megatok .oh-medal-1:after {content:'1'}
.megatok .oh-medal-2 {color:#999999; background-color:#EDEDED}
.megatok .oh-medal-2:after {content:'2'}
.megatok .oh-medal-3 {color:#663E1A; background-color:#D68300}
.megatok .oh-medal-3:after {content:'3'}

.megatok .oh-medal-list {width:100%; max-width:16em; margin:-1.4em 0 0; border-collapse:collapse}
.megatok .oh-medal-list .tac, .megatok .oh-medal-list .tar {width:2em; text-align:center}
.megatok .oh-medal-list a {display:block}
.megatok .oh-medal-list th {line-height:1}
.megatok .oh-medal-list td {vertical-align:middle}