@import url("/css/idn4/pocasi-symboly.css");

h1.list-tit, h1.list-tit2, h2.list-tit, h2.list-tit2, .inc-tit {color:inherit}
h2.list-tit {margin-bottom:1rem; font-size:150%; text-transform:uppercase}

.breadcrumb {margin:0 0 1rem; font-size:87.5%; line-height:1.286; color:#75868E}
.breadcrumb .breadcrumb {font-size:100%}

.thumb-video {width:632px; margin:0 0 20px; overflow:hidden}
.thumb-video h3 {margin:0 0 .5em}
.thumb-video ul {float:left; width:1000%}
.thumb-video li {list-style:none; float:left; width:172px; margin:0 15px 0 0}
.thumb-video li a {display:block}
.thumb-video .mark-video {position:relative; display:block; margin:0 0 .5em}
.thumb-video .mark-video img {display:block}
.thumb-video .mark-video span {position:absolute; bottom:3px; right:3px; z-index:2; width:41px; height:31px; background:url('/o/sph/ico_play_midi.png') no-repeat}
.thumb-video .title {display:block; height:2.66em; line-height:1.33; overflow:hidden; font-weight:600; font-size:93.75%}

.pre-continuation {padding:0 0 20px}
.pre-continuation .btn {display:block; width:100%; height:2.4em; line-height:2.4em; border:1px solid #CCC; border-radius:3px; color:#333; background:#DDD url('/u/n4/button-bg.gif') repeat-x; white-space:nowrap; text-align:center; font-weight:600; font-size:14px; cursor:pointer; overflow:visible; text-decoration:none}
.pre-continuation .btn:hover {border-color:#999; box-shadow:0 0 3px #999}

.art-full h1 + .subtitle {margin:-.5rem 0 .75rem; font-weight:600}

.b-box .complete, .col-b .complete {float:none; width:100%; margin:0; background:none; border:none; box-shadow:none}
.b-box .complete td, .col-b .complete td {padding:0}
.b-box .complete h3, .col-b .complete h3 {margin:0 0 .5em; color:inherit; font-size:112.5%}
.b-box .complete .title, .col-b .complete .title {color:var(--tgl-neutral80, #434D52); font-size:87.5%}
.b-box .complete p, .col-b .complete p {margin:0 0 .75em; font-size:87.5%}
.b-box .complete i, .col-b .complete i {display:block; margin:0 0 .5em; font-style:normal; font-weight:600; font-size:112.5%; font-family:'Fira Sans', sans-serif;}
.col-b .complete {margin-bottom:var(--spacing-15, 1.5rem)}

.b-box .half-li {/*display:grid; grid-template-columns:1fr 1fr; grid-gap:0 .5rem;*/ column-count:2; column-gap:.5rem; margin:-.25rem 0; font-size:87.5%; line-height:1.286; overflow:hidden}
.b-box .half-li li {display:block; break-inside:avoid}
.b-box .half-li a {position:relative; display:block; padding:.25rem 0 .25rem 1em}
.b-box .half-li a:before {content:''; position:absolute; top:.25rem; left:0; width:.75em; height:1.286em; background:url('/u/icon/000/arrow2-right.svg') no-repeat center / contain; filter:var(--filter-tgl-neutral20)}

a.linkout, .b-box a[target="_blank"] {padding-right:1.1em; background:url('/u/icon/137/link.svg') no-repeat calc(100% - .275em) 35% / .625em}
.dark a.linkout, .dark .b-box a[target="_blank"] {background-image:url('/u/icon/abe/link.svg')}

/* HP wiki */
.row {clear:both; position:relative; width:964px; min-height:50px; margin:0 auto 36px}
.row:after {content:''; display:block; clear:both}
.hp-l, .hp-r {width:466px}
.hp-l {float:left}
.hp-r {float:right}
.entry-content {overflow:hidden}
.entry-content .art {min-height:129px; margin:0 0 .75rem; padding:0 0 0 184px}
.entry-content .art:after {display:none}
.entry-content .art img {width:172px; height:129px}
h2.entry-title {overflow:hidden; margin:0 0 1rem; font-weight:600; font-size:150%; line-height:2}
h2.row-tit {margin:0 0 30px 18px}
h2.entry-title a, h2.entry-title span {position:relative; display:inline-block; padding:0 1em 0 .75em; color:var(--tgl-white, #FFF); background:var(--tgl-pri60, #1B3E7A); text-decoration:none}
h2.entry-title a:hover {background-color:var(--tgl-pri80, #122E5B)}
h2.entry-title a:after, h2.entry-title span:after {content:''; position:absolute; bottom:0; right:-.5em; border-style:solid; border-color:var(--tgl-web-bg, #FFF) transparent; border-width:2em .5em}
.entry-content .alone-list {margin-left:-10px; overflow:hidden; font-size:87.5%}
.entry-content .alone-list li {list-style:none; position:relative; float:left; margin:0; white-space:nowrap}
.entry-content .alone-list li:before {content:''; position:absolute; top:.25em; left:0; width:1px; height:1.25em; background:var(--tgl-neutral20, #B2B9BE)}
.entry-content .alone-list a {float:left; padding:.25em 10px; text-decoration:none}
.entry-content .alone-list a:hover {text-decoration:underline}
.content > table.nav-n4 {margin-right:10px}

/* rubrika */
.wiki-list {overflow:hidden; list-style:none; margin:0 0 1em; padding:0 18px 1px; font-size:87.5%}
.wiki-list a {display:block}
.wiki-list li {float:left; width:24%; margin:0 1% .5em 0}
.wiki-list li:nth-child(4n+1) {clear:both}

/* Viktorcin bug */
.col-b .col-a {float:none; width:100%}

/*spodb-table*/
.spodb-table {margin:0 0 22px}
table.spodb-table, .spodb-table table {margin:0 0 22px}
.spodb-table h2 {margin:0 0 7px 10px; font-size:112.5%; font-weight:600; color:#1B3E7A}
.spodb-table .back {width:50%; float:right}
.spodb-table .back a {white-space:nowrap; margin:0 0 0 5px}
.q-ie7 .spodb-table .back a {width:15em}
.q-ie7 .spodb-table .back .ico-list {width:9em}
.spodb-table table, table.spodb-table {width:100%; font-size:87.5%; border-collapse:collapse}
.spodb-table th, .spodb-table td {padding:.5em 10px; vertical-align:top}
.spodb-table .bg-flag {background:url('/o/oh2012/bg-flag-cz.png') 100% 7px no-repeat}
.spodb-table th {padding:.8em 10px; border:1px dashed #1B3E7A; border-width:1px 0; white-space:nowrap}
.spodb-table tr:first-child th {border-top:2px solid #1B3E7A}
.spodb-table th, .spodb-table .c0, .spodb-table.c0 {color:#000; background:#FFF}
.spodb-table th img {display:inline-block; width:11px; height:8px; margin:0 0 0 10px; background:url("/o/oh2012/sipky.png") no-repeat}
.spodb-table th a {color:#000; text-decoration:none}
.spodb-table th a:hover {text-decoration:underline}
.spodb-table .act .up {background-position:-7px -10px}
.spodb-table .up {background-position:-7px -34px}
.spodb-table .act .down {background-position:-32px -10px}
.spodb-table .down {background-position:-32px -34px}
.spodb-table .black, .spodb-table .black a {color:#000}
.spodb-table .ico-nbg, .spodb-table .ico-nbg:hover {background:#FFF}
.spodb-table .ico-nbg td {padding:8px 0}
.spodb-table .more {display:block; padding:0 0 6px 0; text-align:right; font-size:87.5%; font-weight:600; text-decoration:none; border-bottom:1px dashed #1B3E7A}
.spodb-table .more-info {width:12em; min-width:8em; white-space:nowrap}
.spodb-table .more-info span {float:right; margin:2px 0 0 8px}
.spodb-foto table {float:right; width:60%}
.spodb-foto .foto {float:left; width:38%}
.spodb-foto .foto img {width:100%; height:auto}

.sdbpart {position:relative; clear:both; display:flex; flex-direction:column; gap:1rem; width:100%; margin:0 0 1.5rem; padding:1.5rem; border-radius:.5rem; color:var(--txt-neutral90, #2B3135); background:var(--tgl-pri05, #EDF2F9); box-sizing:border-box}
#wrapper .sdbpart {padding:1rem}
.sdbpart-header {display:flex; align-items:flex-end; margin:0 0 .5rem}
.sdbpart-header h2 {font-weight:800; font-size:112.5%; line-height:1.2; font-family:inherit}
.sdbpart-header .person-foto {order:-1; margin:0 .75rem 0 0}
.sdbpart table {width:100%; font-size:87.5%; line-height:1.286}
.sdbpart td {padding:.5rem 0; border-bottom:1px solid var(--tgl-white, #FFF); vertical-align:top}
.sdbpart td ~ td {padding-left:.5rem}
.sdbpart .tabs-nav {width:18em; color:var(--tgl-pri80, #122E5B); background:var(--tgl-white, #FFF)}
.sdbpart .tabs-nav li {flex:1 1 auto}
.sdbpart .tabs-nav li ~ li:before {background:var(--tgl-pri05, #EDF2F9)}

#wiki-partner {overflow:hidden; clear:both; width:100%; margin:0 0 20px}
#wiki-partner .col-l {float:left; padding:0 0 0 10px}
#wiki-partner a.block {display:inline-block; padding:10px}
#wiki-partner a.block img {display:block}
#wiki-partner .col-r {float:right; width:300px; margin:0 10px 0 0}
#wiki-partner h4 {margin:0 0 .5em; font-weight:600; font-size:93.75%}
#wiki-partner ul {overflow:hidden; font-size:81%}
#wiki-partner li {display:inline; padding:0 .5em; border-left:1px solid #CCC}
#wiki-partner li:first-child {padding-left:0; border-left:0}
#wiki-partner li a {text-decoration:none}
#wiki-partner li a:hover {text-decoration:underline}

/* -- Sportka, vysledky -- */
.sportka-vysledky-obal span {font-weight:600}
.sportka-vysledky-obal .vylosovana-cisla td, .b-box .vylosovana-cisla th {padding:.5em; text-align:right}
.sportka-vysledky-obal .vylosovana-cisla {margin:.8em 0}
.sportka-vysledky-obal .vylosovana-cisla .extra {color:#D00}

/* dopravni nehody v regionech */
.transit-list {margin:0 0 30px 10px; border:1px solid #CCC}
.transit-list .item {position:relative; overflow:hidden; padding:.6em 0; border-bottom:1px solid #CCC}
.transit-list a {position:relative; display:block}
.transit-list a:after {content:''; position:absolute; top:-2em; bottom:-2em; left:-99em; right:-99em; z-index:2}
.transit-list .cell {float:left; width:4em; padding:.2em 0 0; text-align:center}
.transit-list img {width:auto; height:2.2em}
.transit-list h4 {font-weight:600}
.transit-list h4 a {text-decoration:none}
.transit-list h4 a:hover {text-decoration:underline}
.transit-list .toe {display:block; overflow:hidden; width:68%; white-space:nowrap; text-overflow:ellipsis}
.transit-list p.subinfo {position:absolute; top:.6em; right:0; width:11em; padding-right:1em; text-align:right; color:#999; background:#FFF}
.transit-list .more {position:relative; overflow:hidden; height:1.6em; padding:1em}
.transit-list .more span {white-space:nowrap; font-size:93.75%}

/*prevzato s mirnymi upravami z pocasi3a.css + import nahore*/
.ico-wind-direction { display: inline-block; width: 1em; height: 1em; line-height: 1; vertical-align: text-bottom; }

.ico-wind:before, .ico-wind-direction:before, .ico-drop:before, .ico-drop-full:before, .ico-drop-middle:before,
.ico-temper-perceived:before, .ico-temper-max:before, .ico-temper-min:before { content: ""; display: inline-block; width: 1em; height: 1em; margin-right: 5px; background: no-repeat; background-size: contain; }

.ico-temper-perceived:before { background-image: url(/o/pocasi/ico-temper-perceived-000.svg) }
.ico-temper-max:before { background-image: url(/o/pocasi/ico-temper-max-000.svg) }
.ico-temper-min:before { background-image: url(/o/pocasi/ico-temper-min-000.svg) }
.ico-drop:before { background-image: url(/o/pocasi/ico-drop-empty-000.svg) }
.ico-wind:before { background-image: url(/o/pocasi/ico-wind-000.svg) }
.ico-wind-direction:before { background-image: url(/o/pocasi/ico-wind-direction-000.svg) }

.meteo-top [class*="ico-"]:before, .meteo-strip:after {filter: var(--filter-pri60)}
.meteo-top.dark [class*="ico-"]:before, ..meteo-strip.dark:after {filter: var(--filter-white)}

.meteo-top { position: relative; background-repeat: no-repeat; }
.meteo-top { padding:var(--spacing-15); color: var(--neutral90); background-position:center;  border-radius:.5rem; background-color: #fff; --textshadow: 0 0 32px rgba(255, 255, 255, 1.00) }

.meteo-strip {position:relative}
.meteo-strip:after {content:"";  position: absolute; right: var(--spacing-15); top: 50%; margin-top: -.5rem; width:1em; height:1em; background: url(/u/icon/000/arrow1-right.svg) no-repeat center; background-size:contain;}

.meteo-top.dark {background-color:#75868E}
.meteo-top.dark .meteo-maininfo { color: #fff; --textshadow: 0 0 32px rgba(0, 0, 0, 1.00) }

.meteo-top-content { display: flex; align-items:center; /*gap:3rem;*/ position: relative}
.css-t .meteo-top-content {flex-direction:column;  gap:.75rem; max-width: 296px; margin: auto}

/*pevna vyska zajistuje vertikalni pozici velkeho symbolu pocasi + import nahore */
.meteo-top .content-top { height: 130px; }
.css-t .meteo-top .content-top { height: 90px; }

.meteo-maininfo { display: flex;  align-content: center; justify-content: start; align-items: center; gap:2rem; font-size: .8125rem; line-height:1rem; text-shadow: var(--textshadow) }
.meteo-maininfo strong { font-size:.875rem }

.css-t .meteo-maininfo {flex-wrap: wrap; gap:.75rem 1.5rem; width: 262px; max-width: 100%;  margin:auto}
.css-t .meteo-maininfo > * {width: calc(50% - .75rem); box-sizing: border-box }

.top-pheno{max-width:170px}
.top-pheno ul {display: flex;flex-direction: column;gap: 0.25em}
.top-pheno li {list-style: none; }

.top-symbol {display:flex; align-items: center}
.top-symbol img { display: block; width:3rem; height:3rem}
.top-maintemper { font-size:2.5rem; line-height: 1;  font-weight: 900; color: var(--pri60); letter-spacing: -3px; }
.meteo-top.dark .top-maintemper { color: #fff;  }


.meteo-strip-wrap a {text-decoration:none}
.meteo-strip-wrap {margin-bottom:var(--spacing-15)}

#zdroj-chmu {display: table; margin: auto; margin: auto; padding:2px; font-size: 62.5%;line-height: 1.2; color:var(--txt-pri60); text-transform: uppercase; text-decoration: none; }