@import url("/css/metro/base.css?v=17");

@font-face {font-family:"Bitter"; font-weight:400; font-style:normal; src:url("/fonts/Bitter/Bitter-Regular.woff2") format("woff2"), url("/fonts/Bitter/Bitter-Regular.woff") format("woff"); font-display:swap}
@font-face {font-family:"Bitter"; font-weight:400; font-style:italic; src:url("/fonts/Bitter/Bitter-Italic.woff2") format("woff2"), url("/fonts/Bitter/Bitter-Italic.woff") format("woff"); font-display:swap}
@font-face {font-family:"Bitter"; font-weight:600; font-style:normal; src:url("/fonts/Bitter/Bitter-Semibold.woff2") format("woff2"), url("/fonts/Bitter/Bitter-SemiBold.woff") format("woff"); font-display:swap}
@font-face {font-family:"Bitter"; font-weight:600; font-style:italic; src:url("/fonts/Bitter/Bitter-SemiboldItalic.woff2") format("woff2"), url("/fonts/Bitter/Bitter-SemiBoldItalic.woff") format("woff"); font-display:swap}
@font-face {font-family:"Bitter"; font-weight:800; font-style:normal; src:url("/fonts/Bitter/Bitter-ExtraBold.woff2") format("woff2"), url("/fonts/Bitter/Bitter-ExtraBold.woff") format("woff"); font-display:swap}
@font-face {font-family:"Bitter"; font-weight:800; font-style:italic; src:url("/fonts/Bitter/Bitter-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Bitter/Bitter-ExtraBoldItalic.woff") format("woff"); font-display:swap}

:root {
--ff-h:"Bitter", serif; --ff-m:"Bitter", serif;
}

/* portal + m/layout */
#iph {border-top:0;}
.iph-row, .css-t #iph:not(.iph-static) .iph-row.iph-row {border-top:0; color:#FFF; background:linear-gradient(270deg, #005127 0%, #007437 30%, #007437 70%, #005127 100%); box-sizing:border-box;}
.css-d .iph-row {position:relative; display:flex; align-items:center; gap:1.5rem; max-width:none; margin:0 -33px; padding:1rem 33px; box-sizing:border-box; /*transition:padding .2s*/}
.css-t .iph-row.iph-row {margin:0 -1rem; padding:0 1rem;}

.iph-row a {color:inherit}
.iph-row [class*="ico-"]:before {filter:var(--filter-white)}
.iph-logo {flex:0 0 auto; width:3.51em; margin:0 auto; font-weight:600; font-size:275%; line-height:1}
.css-t .iph-logo {font-size:200%}
.iph-logo a:after, .dark .iph-logo a:after {content:url('/u/loga-n4/metro-white.svg')}
.css-t .iph-logo a, .css-t #iph .iph-row.fixed .iph-logo a {background:url('/u/loga-n4/metro-white.svg') no-repeat 50% 50% / contain}
.iph-menu1 {margin-top:0}
.iph-breadcrumb {margin:.5rem 0}
.iph-row + .iph-menu1:before {display:none}

.iph-row-in {container-type:inline-size}
.iph-hlidac {display:flex; align-items:center; gap:.5rem; max-width:300px; height:1.75rem}
.iph-hlidac .btn.btn {display:flex; justify-content:center; align-items:center; gap:.5em; flex-wrap:wrap; height:2.154em; overflow:hidden; min-height:0; margin:0; padding:0 .5rem; border:0; border-radius:.25rem; font-weight:600; font-size:81.25%; line-height:2.154; text-decoration:none; color:#000 !important; background:#E4B700; box-shadow:0 4px 8px rgba(0,0,0,.12)}
.iph-hlidac .btn.btn:before {height:2.154em; filter:var(--filter-000)}
.iph-hlidac .btn.btn:hover {background:#FAF0D9}
.iph-hlidac p {font-size:62.5%; line-height:1.2}
.css-t .iph-row-in .iph-hlidac p {display:none}
@container (width < 8em) {.iph-hlidac .btn {width:3em}}

.lachtan-out, #footer .content:not(:empty) {padding:var(--spacing-15, 1.5rem); color:#FFF; background:var(--neutral80, #434D52)}
@media screen and (min-width:1030px) {
.m-bg-4 {padding-left:15px; padding-right:15px}
.m-bg-4 .lachtan-out, .m-bg-4 #footer .content {margin-left:-6px; margin-right:-6px}
}
.css-t .lachtan-out {margin:1rem 0 0}
.lachtan-out a, #footer a {color:inherit}
#footer .btn-mob {background:none}
.css-t .btn-mob {display:none}
.lachtan-out {border-radius:var(--radius-m-0, .5rem) var(--radius-m-0, .5rem) 0 0}
#footer .content {margin-top:0; border-radius:0 0 var(--radius-m-0, .5rem) var(--radius-m-0, .5rem)}
#footer .content [class*="ico-"]:before {filter:var(--filter-white)}
#footer .f-idn, .dark #footer .f-idn {background:url('/u/loga-n4/metro-white.svg') no-repeat 50% 50% / contain}


/* zesilovacky, pretezovacky, unikaty */
.iph-menu1 a {color:var(--tgl-pri60, #007437)}
.art-link.art-link, .group-tit a, .complete a.aside.aside, .video-art, .moot-art a {color:var(--tgl-neutral90, #2B3135)}

.a-box.a-box {padding:var(--spacing-15, 1.5rem) 0 0; border:1px solid var(--tgl-pri10, #D6DEEB); border-width:2px 0; border-radius:0}

.opener-foto .more-gallery b {background:rgba(140,101,0,.9)}
.opener-foto a:hover .more-gallery b {background-color:rgba(140,101,0,1)}

.text-link:not([href*='.idnes.cz']), .text-link:not([href*='.metro.cz']) {padding-right:1.1em; background:url('/u/icon/073/link.svg') no-repeat calc(100% - .275em) 35% / .625em}
.dark .text-link:not([href*='.idnes.cz']), .dark .text-link:not([href*='.metro.cz']) {background-image:url('/u/icon/cdd/link.svg')}

/* prepsane predpisy pro lidovky */
.art-authors {display:flex; align-items:center; gap:.25rem; margin:var(--spacing-025, .25rem) 0 0; text-align:left}
.art-authors .name {display:block; font-size:.75rem}
.art-authors .name strong {font-weight:400}
.art-authors .description {display:block; font-size:.625rem}
.art .authorbox-foto {float:left; width:2rem; height:2rem; margin:0; border-width:.125rem; filter:grayscale(100%)}
.art .authorbox-foto + .authorbox-foto {z-index:1; margin-left:-.5em}

.b-box h2 {margin:0 0 .75rem; font-weight:600; font-size:1.5rem; text-transform:none}
.b-box h2 a {color:var(--tgl-pri60, #007437)}
.b-box .video-list {gap:.75rem}
.b-box .video-list ~ .btn-more {margin-top:.75rem}
.b-box .video-art .art-info {font-size:.625rem}
.b-box .video-art h3 {font-size:.75rem}

/* ocima ctenaru */
.ocima-list-out {container-type:inline-size}
.ocima-list-out ul {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--spacing-1, 1rem); margin:0}
@container (width < 28em){.ocima-list-out ul {grid-template-columns:1fr 1fr}}
@container (width < 19em){.ocima-list-out ul {grid-template-columns:1fr}}
.ocima-list-out li {display:block}
.ocima-list-out a {display:block; text-decoration:none; color:inherit}
.ocima-list-out img {width:100%; height:auto; margin:0 auto .25rem}
.ocima-list-out .date {display:block; font-weight:600}
.ocima-list-out a:hover .date {text-decoration:underline}

.ocima-toc {display:flex; justify-content:center; gap:2px; margin:0 auto var(--spacing-1, 1rem); font-weight:600; font-size:1rem; line-height:1.25; font-family:var(--ff-h, 'Fira Sans')}
.css-d .ocima-toc {float:right; margin-left:var(--spacing-1, 1rem)}
.ocima-toc a {display:block; padding:.5em .75em; border:1px solid var(--tgl-pri10, #BFDCCD); border-radius:var(--radius-xs, .125rem); text-decoration:none; color:var(--txt-neutral90, #2B3135); background:var(--tgl-pri05b, #E6F1EB) no-repeat 50% 50% / 1em 1em}
.ocima-toc a:hover {background-color:var(--tgl-pri10, #BFDCCD); text-decoration:none}
.ocima-toc .icon-prev, .ocima-toc .icon-next {width:2.25em; overflow:hidden; text-indent:-99em; box-sizing:border-box}
.ocima-toc .icon-prev {background-image:url('/u/icon/233/arrow2-left.svg')}
.dark .ocima-toc .icon-prev {background-image:url('/u/icon/fff/arrow2-left.svg')}
.ocima-toc .icon-next {background-image:url('/u/icon/233/arrow2-right.svg')}
.dark .ocima-toc .icon-next {background-image:url('/u/icon/fff/arrow2-right.svg')}

/* SVG mapy */
.st1 {fill:var(--tgl-neutral05, #F0F2F3)}
.st1:hover, .st1.act {fill:var(--tgl-pri60, #007437)}
.st0, .st1, .st2, .st3, .st4 {stroke:var(--tgl-neutral20, #B2B9BE); stroke-width:2}
/* zahlavi kraju */
.mapbox {margin:0 0 var(--spacing-2, 2rem)}
.cols-sph .mapbox { margin:0}
.mapbox:after {content:''; display:block; clear:both}
.mapbox select {height:2.5em; margin:0 0 var(--spacing-15, 1.5rem); padding:.25em 1.5em .25em .5em; border:1px solid var(--tgl-pri10, #D6DEEB); border-radius:.25rem; font-size:100%; line-height:1.25; text-decoration:none; color:var(--tgl-pri80, #122E5B); background:var(--tgl-white, #FFF); box-sizing:border-box; -moz-appearance:none; -webkit-appearance:none; appearance:none}
.mapbox select {background:var(--tgl-white, #FFF) url('/u/icon/567/select.svg') no-repeat calc(100% - .5em) 50% / .75em}
.dark .mapbox select {background-image:url('/u/icon/bbc/select.svg')}
.css-d .mapbox select {float:right; width:auto; margin-left:var(--spacing-15, 1.5rem)}
.css-t .mapbox select {width:100%}
.mapbox h1 {margin:0 0 var(--spacing-15, 1.5rem); font-size:var(--rs-h1, 2.25rem)}

.bublifukovina {z-index:5; white-space:nowrap; padding:.5em 1em .5em .75em !important; border:1px solid var(--tgl-pri10, #D6DEEB) !important; border-radius:.5rem; font-size:1rem; color:var(--tgl-neutral90, #2B3135) !important; background:var(--tgl-white, #FFF) !important}
.css-t .bublifukovina {font-size:.8125rem}
.bublifukovina br {display:none}
.bublifukovina i {display:block; margin:0; font-style:normal; font-weight:600; font-size:87.5%; line-height:1.286}
.bublifukovina i + br + b {padding-top:.375rem}
.bublifukovina b {display:block; font-weight:600; font-size:100%; line-height:1.25}
.bublifukovina b big {display:inline-block; padding:0 0 0 .25em; font-weight:600; color:inherit}
.bublifukovina big {display:block; font-weight:800; font-size:100%; color:#75868E}
.bublifukovina small {display:block; margin:.375rem 0 .25rem; font-weight:600; font-size:75%; line-height:1.167; /*color:#1B3E7A*/}
.bublifukovina .small {margin:0; font-weight:400; color:inherit}

/* archiv clanku */
.art-archiv {margin:0 0 var(--spacing-2, 2rem)}
.art-archiv h2 {margin:0 0 .5rem; color:var(--tgl-neutral60, #75868E); font-weight:600; font-size:162.5%; text-align:left}
.art-archiv .warning h2 {height:auto; line-height:1.2}
.art-archiv .inputs {float:left}
.art-archiv .inputs input, .art-archiv .inputs select {width:11em; margin-right:.5rem; padding:.25em .75em; border:1px solid var(--tgl-neutral10, #D3D7DA); border-radius:var(--radius-s, .25rem); color:var(--txt-neutral90, #2B3135); background:var(--tgl-white, #FFF); box-shadow:inset 0 .125em .25em var(--tgl-black-o10, #0000001a)}
.art-archiv input#zedne {width:7em}
.art-archiv .inputs input:focus, .art-archiv .inputs select:focus {border-color:var(--tgl-pri30, #4C70B5); box-shadow:none}
.art-archiv .bt {margin-top:.9375rem; padding:.25em 1.5em; border:0; border-radius:var(--radius-s, .25rem); color:#FFF; background:var(--tgl-pri60b, #1B3E7A)}
.art-archiv .bt:hover {background:var(--tgl-pri80h, #122E5B)} 
.art-archiv label {display:block; font-size:.75rem; line-height:1.25}
.art-archiv label.calendar-wrapper {font-size:100%}
.art-archiv .calendar-wrapper .calendar-box {font-size:81.25%}

/* BaNneR */
.bnr, .bnr:hover {container-type:inline-size; position:relative; display:flex; align-items:center; gap:.5em; margin:0 0 var(--spacing-2, 2rem); padding:var(--spacing-1, 1rem) var(--spacing-15, 1.5rem); border-radius:var(--radius-m, .5rem); color:inherit; text-decoration:none; overflow:hidden}
.bnr .bnr-in {flex:1 auto; position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:0 2em}
.bnr .bnr-main {font-weight:600; line-height:1.2; font-size:1.75rem; font-family:var(--ff-h, 'Fira Sans')}
.bnr .bnr-sub {font-weight:600; line-height:1.2; font-size:.75rem; letter-spacing:.2em; text-transform:uppercase}
.bnr .btn {flex:0; position:relative; max-width:40%; white-space:nowrap}
.bnr .btn:before {content:''; position:absolute; top:-99em; left:-99em; bottom:-99em; right:-99em; z-index:1}
@container (width < 25em){
.bnr .bnr-main {font-size:1.5rem}
.bnr .bnr-sub {font-size:.625rem}
.bnr .btn {font-size:.875rem}
}
@container (width < 25em){
}
/* pro kraje */
.bnr-metrokraje.bnr-metrokraje {color:var(--neutral90, #2B3135); background:var(--neutral05, #F0F2F3)}
.bnr-metrokraje.bnr-metrokraje:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; border-radius:inherit; background:url('/o/metro/catchbox/kraje-desktop.jpg') no-repeat 50% 50% / cover}
@container (width < 25em){
.bnr-metrokraje.bnr-metrokraje:before {background-image:url('/o/metro/catchbox/kraje-touch.jpg')}
}
.bnr-metrokraje .bnr-sub {color:#007437}
/* pro blog */
.bnr-mojemetro.bnr-mojemetro {color:#FFF; background:#006426}
.bnr-mojemetro.bnr-mojemetro:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; border-radius:inherit; background:url('/o/metro/catchbox/moje-metro-col-a-size.jpg') no-repeat 50% 50% / cover}
@container (width < 25em){
.bnr-mojemetro.bnr-mojemetro:before {background-image:url('/o/metro/catchbox/moje-metro-col-b-size.jpg')}
.bnr-mojemetro .bnr-sub {font-size:9px; letter-spacing:0}
}
/* pro tipy */
.bnr-metrotip.bnr-metrotip {color:#004B24; background:#EFEFEF}
.bnr-metrotip.bnr-metrotip:hover {background:#DDD}
.bnr-metrotip .bnr-sub {color:#007437}
.bnr-metrotip .bnr-ico {flex:0}
.bnr-metrotip .bnr-ico:before {width:2.25rem; height:2.25rem; filter:var(--filter-pri80)}


/* 2025/05: schovavacka prepinatka politickych blogu */
.list-art-filter:has(li:only-of-type) {display:none /* neprihlaseni */}
.list-art-filter li:has(#blogPolitics) {display:none /* prihlaseni */}

/* 2025/05 schovavacka diskusi pod kvizem */
.test-social .community-discusion {display:none}
.test-social li:nth-child(3) {grid-column: 1 / span 2}

@media print {
.iph-row, .lachtan-out, #footer .content.content {color:inherit; background:none}
.iph-logo a:after, .dark .iph-logo a:after {content:url('/u/loga-n4/metro.svg')}
}