.mega-hms a, .dark .mega-hms a {color:inherit; text-decoration:none}

/* obaly */
.mega-hms, .dark .mega-hms {position:relative; clear:both; margin:0 0 20px; padding:.1px 0; font-size:medium; color:#263238; background:#FFF no-repeat 50% 100% / cover}
#mega-hms-hp {padding:1rem; background-image:url('/b/idnes/hokej21-bg2.jpg')}

/* logo */
.mega-hms-logo {float:left; margin:0 0 0 .5rem; padding:0 0 0 3em; font-weight:700; font-size:87.5%; line-height:1.2; text-transform:uppercase; background:url('/b/idnes/hokej23-logo.png') no-repeat 0 50% / contain}
.mega-hms-logo strong {display:block; font-weight:700; font-size:185.7%; font-family:'Fira Sans',sans-serif; color:#102447}
.mega-hms-logo:hover strong {text-decoration:underline}

#mega-hms-top {display:flex; justify-content:space-between; align-items:center; padding:0 1rem; background-image:url('/b/idnes/hokej21-bg1.jpg')}
#mega-hms-top .mega-hms-logo {flex:0 0 auto; margin:1rem 1rem 1rem 0}
#mega-hms-top .mega-hms-match {flex:0 0 auto; margin:0 1rem 0 0}
#mega-hms-top .mega-online {flex:1 1 auto}
#mega-hms-top .mega-hms-art {margin:.5em 0 .5em 1rem}

/* matche */
.mega-hms-match {display:table; font-weight:700; font-size:81.25%; line-height:1.125; white-space:nowrap}
#mega-hms-top .mega-hms-match {font-size:125%;}
#mega-hms-top .mega-hms-match > div {display:table-cell; vertical-align:top}						
.mega-hms-score {position:relative; min-width:4em; text-align:center}
#mega-hms-top .mega-hms-score {padding:0 .2em}
.mega-hms-score label {position:absolute; top:0; left:50%; display:table; width:6em; margin:-2.5em 0 0 -3.2em; padding:.38em .25em .25em; border-radius:2px; line-height:1; text-align:center; color:#FFF; background:#678AC6; text-transform:uppercase; font-size:62.5%; font-weight:400; text-decoration:none}
#mega-hms-top .mega-hms-score label {top:100%; width:10em; margin:-1.46em 0 0 -5.2em; font-size:55%}
.mega-hms-score span {font-weight:800; font-size:123%; line-height:1.6}
.mega-hms-score span.mega-time {font-weight:400}
#mega-hms-top .mega-hms-score span {font-size:110%}
.mega-hms-match:hover .mega-hms-score span {text-decoration:underline}
#mega-hms-top .mega-hms-score label + span {display:block; margin-bottom:1rem}
.mega-hms-team {text-transform:uppercase}
#mega-hms-top .mega-hms-team {width:6em; text-align:right; line-height:1.8}
#mega-hms-top .mega-hms-team-2 {text-align:left; line-height:1.8}
.mega-hms-team img {float:left; width:auto; height:1.125em; margin:0 .3em 0 0}
#mega-hms-top .mega-hms-team img {margin-top:.2em}
#mega-hms-top .mega-hms-team-1 img {float:right; margin-left:.3em; margin-right:0; height:1.2em}
#mega-hms-top .mega-hms-team-2 img {height:1.2em}

.mega-hms .mega-online {max-height:3.9em; overflow:hidden; font-size:87.5%; line-height:1.3}
.mega-hms .mega-online:before {content:''; float:left; width:.85em; height:.85em; margin:.225em .5em 0 0; border-radius:100%; background:#E41F1F}
.mega-hms .mega-online img {vertical-align:top; width:auto; height:1.2em}
.mega-hms .mega-online .time {float:left; padding:0; font-size:100%; font-weight:800}
.mega-hms .mega-online .time-in {display:inline; padding:0 .5em 0 0}
.mega-hms .mega-online .event {display:inline; padding:0; font-size:100%}
.mega-hms .mega-online .event img {display:none}
.mega-hms .mega-online .event p {margin:0}

.mega-hms-art {display:block}
.mega-hms-art img {float:left; width:auto; height:2.4em; margin:0 .5em 0 0}
.mega-hms-art h3 {display:table-cell; font-weight:600; font-size:100%; line-height:1.188; color:#102447}
.mega-hms-art:hover h3 {text-decoration:underline}
.mega-hms-art .brisk {float:left; margin:1px .25rem 0 0; padding:1px .25em 0; border-radius:2px; font-weight:700; font-size:.75rem; line-height:1.333; font-family:'Inter', sans-serif; text-transform:uppercase; color:#FFF; background:#1B3E7A; white-space:nowrap}
.mega-hms-art .icon-podcast {float:left; width:1em; height:1em; margin:1px .25rem 0 0; background:url('/u/icon/137/podcast-filled.svg') no-repeat}

/* dalsi */
.mega-hms-next, #mega-hms-hp .mega-hms-next {float:right; display:table; margin:.3em 0; padding:0 1em; border:1px solid #CFD8DC; border-radius:3px; font-weight:700; font-size:87.5%; line-height:2.8; text-align:center; color:#102447; background:#FFF}
.mega-hms-next:hover, #mega-hms-hp .mega-hms-next:hover {border-color:#B0BEC5}
.mega-hms-next:after {content:''; display:inline-block; vertical-align:top; width:1em; height:2.8em; margin:0 0 0 .4em; background:url('/u/icon/124/more.svg') no-repeat 50% 50%}
#mega-hms-top .mega-hms-next {display:none}
#wrapper #mega-hms-top .mega-hms-next {display:block}

.mega-hms-matches {display:flex; flex-wrap:wrap; margin:1em 0 0; border-top:1px solid #cfd8dc}
.mega-hms-matches li {flex:0 0 25%; /* IEbug */ max-width:25%; position:relative; display:block; padding:.625rem; border-bottom:1px solid #cfd8dc; text-align:left; box-sizing:border-box;}
.mega-hms-matches li:before {content:''; position:absolute; top:.6em; left:0; bottom:.6em; width:1px; margin-left:-1px; background:#cfd8dc}
.mega-hms-matches li:nth-child(4n+1):before {background:none}
.mega-hms-matches li.double {flex-basis:50%; /* IEbug */ max-width:50%}
.mega-hms-matches h4 {margin:0 auto .5em; font-size:68.75%; font-weight:400; color:#546e7a}
.mega-hms-matches .mega-hms-match {display:block; max-width:12em; margin:0 auto}
.mega-hms-matches .mega-hms-match:after {content:''; display:block; clear:both}
.mega-hms-matches .mega-hms-team {float:left; width:4.4em; height:1.2em; margin:0 0 .3em; line-height:1.2}
.mega-hms-matches .mega-hms-team-2 {clear:left}
.mega-hms-matches .mega-hms-score {float:right; line-height:3}
.mega-hms-matches .mega-hms-art {padding:.4em 0 0; font-size:87.5%}
.mega-hms-matches .mega-hms-art img {height:3.6em}

#wrapper .mega-hms {margin:0; padding:1rem; border-top:3px solid #CFD8DC}
#wrapper .section .mega-hms {margin-left:-1rem; margin-right:-1rem}
#wrapper #mega-hms-top {display:block; overflow:hidden; background-image:url('/b/idnes/hokej21-bg1t.jpg')} 
#wrapper #mega-hms-top .mega-hms-match {clear:both; margin:0 auto 1em}
#wrapper #mega-hms-top .mega-online {display:block; max-height:none;}
#wrapper #mega-hms-top .mega-hms-art {clear:both; overflow:hidden; margin:1rem 0 0}
#wrapper .mega-hms-logo {margin:0 0 1rem; padding-left:3.2em}
#wrapper .mega-hms-logo strong {font-size:157.14%}
#wrapper .mega-hms-next {margin:.14em 0}
#wrapper .mega-hms-matches li {flex-basis:50%; /* IEbug */ max-width:none}
#wrapper .mega-hms-matches li:nth-child(2n+1):before {background:none}
#wrapper .mega-hms-matches li.double {display:none}