@import url('/b/css/scheme-elements.css?ver=220923c');
@import url('/css/microsite/volby/volby-uni2.css?rr=230108');
@import url('/data/volby/css/volby-pr-color.css');
.q-ie #megavolby {display:none}

/* idn4 rozmery */
#megavolby {display:flex; gap:2.5em; margin:0 0 20px; padding:1.5em 2.5em 2rem; border-radius:6px; font-size:medium; font-feature-settings:"lnum"; color:#263238; background:#E8F1F6 url('/o/volby-n4/prezident23/bg-mega-prezidentske-volby-2023-desktop.jpg') no-repeat 50% 0 / 100% auto}								
#megavolby .megacol-a, #megavolby .megacol-b, #megavolby .megacol-c {position:relative}
#megavolby .megacol-a {flex:0 0 26.09%; padding-top:.5rem}
#megavolby .megacol-b {flex:1}
#megavolby .megacol-c {flex:0 0 26.09%; display:flex; flex-direction:column; justify-content:flex-end; gap:.75em}
#wrapper #megavolby {flex-direction:column; gap:.75em; margin:0 auto 1em; padding:1em; border-radius:0; background-image:url('/o/volby-n4/prezident23/bg-mega-prezidentske-volby-2023-touch.jpg')}
#wrapper .section #megavolby {width:calc(100% + 2rem); margin:0 -1rem}
#wrapper #megavolby .megacol-a, #wrapper #megavolby .megacol-b, #wrapper #megavolby .megacol-c {float:none; clear:both; width:100%; margin:0}
#wrapper #megavolby .megacol-a {padding-top:0}
#wrapper #megavolby .megacol-b {}
#wrapper #megavolby .megacol-c {}

#wrapper #megavolby .touchh.touchh, #megavolby .fullh.fullh {display:none}
#wrapper #megavolby .fullh.fullh {display:block; margin-bottom:.5rem}

#megavolby .mega-btn, #megavolby .mega-more {border-color:#CFDCF1; color:#102447; background:#FFF; justify-content:center; text-align:center}
#megavolby .mega-btn:hover, #megavolby .mega-more:hover {border-color:#678AC6}
#megavolby .mega-more:after {content:''; position:absolute; top:-1em; left:0; right:0; width:auto; height:1em; margin:-1px; background:linear-gradient(180deg, rgba(230,238,245,0) 0%, #E6EEF5 100%);} 
#megavolby .read-more:after {content:''; display:block; width:1em; height:1em; margin:0 0 0 .5rem; background:url('/u/icon/124/more.svg') no-repeat 50% 50%}
#megavolby .mega-btn.read-more {justify-content:flex-end}
#megavolby .mega-btn.icon-calc:before {background-image:url('/u/icon/124/calc.svg')}
#megavolby .mega-btn.icon-chart:before {background-image:url('/u/icon/124/chart.svg')}
#megavolby .mega-btn.icon-category:before {background-image:url('/u/icon/124/category.svg')}

#megavolby .mega-fotogal {display:block; color:#FFF}
#megavolby .mega-fotogal .more-gallery {color:#FFF; background:linear-gradient(rgba(16,36,71,0) 30%, rgba(16,36,71,.8) 100%)}
#megavolby .mega-fotogal h3:before {background-image:url('/u/icon/fff/gallery.svg')}
#megavolby .mega-fotogal span {border-color:#FFF}
#megavolby .megacol-c .mega-fotogal {height:8.5em}
#wrapper #megavolby .megacol-c .mega-fotogal {width:230px; height:129px}

#megavolby .logo, #wrapper #megavolby .logo {display:block; width:100%; height:2rem; margin:0 auto .5rem; overflow:hidden; text-indent:-99em; background:url('/o/volby-n4/prezident23/logo-prezidentske-volby2023-light.svg') no-repeat 50% 0 / contain}
#wrapper #megavolby .logo {margin:0 auto}

a.mega-camera {color:#102447}

/* Blok A */
#megavolby .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}
#megavolby .mega-live:before {display:none}
#megavolby .mega-online-out:hover .mega-live {text-decoration:underline}
#megavolby .mega-online .time {color:#263238; background:#FFF}
#megavolby .megacol-a .mega-fotogal {height:100%}

/* Blok C */
#megavolby .mega-links-out {position:relative; display:flex; flex-direction:column; justify-content:flex-end; height:100%; overflow:hidden}
#megavolby .mega-links {position:absolute; bottom:3rem; gap:.5rem; line-height:1.286}
#megavolby .mega-links a {color:#102447; background-image:url('/u/icon/e11/arrow2-right.svg')}
#wrapper #megavolby .mega-links {position:static; margin:0 0 .5rem} 

.mega .vlb-mapa, .mega #vlb-search {margin:0}
.mega .vlb-mapa svg {display:block}
.mega .vlb-mapa .ico-info {display:none}
.mega .bublifukovina {padding-right:5.25em !important}
.mega .bublifukovina .person-foto {position:absolute; bottom:.75em; right:.75em}
#wrapper #megavolby .vlb-mapa {width:230px; margin:0 auto}

/* Blok B */
.mega .person-foto {position:relative; overflow:hidden; width:4em; height:4em; margin:0 auto; border:3px solid #FFF; border-radius:100%; text-align:center; background:url('/o/all/nophoto9.jpg') no-repeat 50% 50% / contain; box-shadow:0 2px 8px 0 rgba(0,0,0,.32); box-sizing:border-box}
.mega .person-foto samp {position:absolute; top:0; left:50%; width:300%; height:100%; margin:0 0 0 -150%}
.mega .person-foto img {display:block; width:auto; max-width:none; height:100%; margin:auto}
.mega .person-foto > img {display:inline-block; vertical-align:top; margin:0 -45%}

.mega .vlbcandline {clear:both; overflow:auto; width:100%; margin:0}
.mega .vlbcandline ul {display:flex; justify-content:space-between}
.mega .vlbcandline li {flex:1; position:relative; overflow:hidden; display:flex; flex-direction:column; gap:.125rem; min-width:3.75rem; padding:.25rem 0 0; text-align:center; box-sizing:border-box}
.mega .vlbcandline h3 {display:table; width:1em; margin:0 auto; font-weight:700; font-size:62.5%; line-height:1.2; font-family:inherit; text-align:center}
.mega .vlbcandline h3 a {color:#102447}
.mega .vlbcandline h3 a:hover {text-decoration:underline}
.mega .vlbcandline h3 a:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1}
.mega .vlbcandline .person-foto {order:-1; width:2.75rem; height:2.75rem; margin:0 auto .125rem; border-width:2px}
.mega .vlbcandline p {margin:0; font-size:62.5%; line-height:1.2}
.mega .vlbcandline p strong {display:block; margin:0; font-weight:800; font-size:120%; line-height:1.167}

.mega .vlbduelline {display:flex; justify-content:space-between; gap:.25rem; margin:0}
.mega .vlbduelline li {flex:1; position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:5.75rem; padding:0 0 .75rem 5.5rem; text-align:left; box-sizing:border-box}
.mega .vlbduelline li:first-child {padding:0 5.5rem .75rem 0; text-align:right}
.mega .vlbduelline .pie {position:absolute; top:0; left:0; width:5rem; height:5rem; padding:.5rem; border-radius:50%; background:conic-gradient(#CFDCF1 var(--degree), #EFF3F9 calc(var(--degree) + .5deg) 100%); box-sizing:border-box}
.mega .vlbduelline .pie .person-foto {position:relative; width:100%; height:100%}
.mega .vlbduelline li:first-child .pie {left:auto; right:0}
.mega .vlbduelline h3 {margin:0; font-weight:700; font-size:87.5%; line-height:1.286; font-family:inherit}
.mega .vlbduelline h3 a {color:#102447}
.mega .vlbduelline h3 a:hover {text-decoration:underline}
.mega .vlbduelline h3 a:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1}
.mega .vlbduelline p {margin:0; font-size:62.5%; line-height:1.2}
.mega .vlbduelline p strong {display:block; margin:0 0 1px; font-weight:800; font-size:140%; line-height:1.286}

.mega .vlbstatus {margin:0 0 .25rem; font-size:62.5%; line-height:1.2; text-align:center}
.mega .vlbduelfinal {display:flex; justify-content:space-between; margin:0}
.mega .vlbduelfinal li {flex:0 0 50%; position:relative; display:block; text-align:center}
.mega .vlbduelfinal .person-foto {width:7rem; height:7rem; border-width:5px}
.mega .vlbduelfinal h3 {margin:.25rem 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:700; font-size:87.5%; line-height:1.286; font-family:inherit}
.mega .vlbduelfinal h3 a {color:#102447}
.mega .vlbduelfinal h3 a:hover {text-decoration:underline}
.mega .vlbduelfinal h3 a:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:3}
.mega .vlbduelfinal .vlb-zizalka {position:relative; height:0; overflow:visible; margin:-.5rem 0 0; padding:.5rem 0 0; background:none }
.mega .vlbduelfinal li:first-child .vlb-zizalka {width:200%; background:url('//1gr.cz/u/icon/567/arrow-down.svg') no-repeat 50% 50% / auto 100%}
.mega .vlbduelfinal .vlb-zizalka u {position:absolute; top:.5rem; left:0; height:1.375rem; border-radius:3px}
.mega .vlbduelfinal .vlb-zizalka u u {position:relative; top:0; border-radius:3px 0 0 3px}
.mega .vlbduelfinal p {position:relative; z-index:2; font-size:62.5%; line-height:1.2}
.mega .vlbduelfinal p strong {display:block; margin:0 0 .25rem; font-weight:800; font-size:.875rem; line-height:1.375rem; color:#FFF}



/**************************************/
/************ TRANSFORMACE ************/
/**************************************/

/* megaprez-p0 */
#megavolby.megaprez-p0 {align-items:center; gap:1em; padding:1.5em 2.5em}
#megavolby.megaprez-p0 .logo {flex:0 0 auto; width:9.5rem; height:3rem; margin:0; background:url('/o/volby-n4/prezident23/logo-prezidentske-volby2023-light-2rows.svg') no-repeat 0 0 / auto 100%}
.megaprez-p0 .mega-btn.mega-btn {height:3rem; padding:0 2rem}
.megaprez-p0 .vlbcandline h3 {display:block; width:6.4em}
#wrapper .megaprez-p0 .vlbcandline ul {flex-wrap:wrap; justify-content:center; gap:.5rem 0; margin:0 auto}
#wrapper .megaprez-p0 .vlbcandline li {flex:0 1 auto}
#wrapper .megaprez-p0 .megabtngroup {width:100%}

/* megaprez-b0 */
#megavolby.megaprez-b0 {}
.megaprez-b0 .vlbcandline ul {flex-wrap:wrap; justify-content:center; gap:.5rem 0; margin:.5rem auto}
.megaprez-b0 .vlbcandline li {flex:0 1 20%}
#wrapper .megaprez-b0 .vlbcandline ul {flex-wrap:nowrap; justify-content:space-between; margin:0 auto}
#wrapper .megaprez-b0 .vlbcandline li {flex:1}

/* megaprez-b1 */
#megavolby.megaprez-b1 {gap:1.5em}
.megaprez-b1 .vlbcandline {margin-bottom:-.5rem}
.megaprez-b1 .vlbcandline .person-foto {width:2.5rem; height:2.5rem}
.megaprez-b1 .vlbcandline li {min-width:0}
.mega .megacol-c h3 {text-transform:uppercase; font-weight:800; font-size:87.5%; line-height:1.286; font-family:inherit}
#wrapper .megaprez-b1 .vlbcandline {margin-bottom:0}
#wrapper .megaprez-b1 .vlbcandline li {min-width:3.75rem}

/* megaprez-p1 */ 
#megavolby.megaprez-p1 {align-items:center; gap:2em; padding:1em 2.5em}
#megavolby.megaprez-p1 .logo {flex:0 0 auto; width:9.5rem; height:3rem; margin:0; background:url('/o/volby-n4/prezident23/logo-prezidentske-volby2023-light-2rows.svg') no-repeat 0 0 / auto 100%}
#megavolby.megaprez-p1 .vlbduelline li {flex-basis:auto; min-height:5rem; padding-bottom:.5rem}
#megavolby.megaprez-p1 .megacol-c {flex:0 0 35%; justify-content:center; gap:.25em}
#wrapper #megavolby.megaprez-p1 .vlbduelline li {flex-basis:0}

/* megaprez-p2 */
#megavolby.megaprez-p2 {align-items:center; gap:2em; padding:1em 2.5em}
#megavolby.megaprez-p2 .logo {flex:0 0 auto; width:9.5rem; height:3rem; margin:0; background:url('/o/volby-n4/prezident23/logo-prezidentske-volby2023-light-2rows.svg') no-repeat 0 0 / auto 100%}
#megavolby.megaprez-p2 .vlbduelline {gap:.5rem}
#megavolby.megaprez-p2 .vlbduelline li {justify-content:center; min-height:5rem; padding-bottom:0}
#megavolby.megaprez-p2 .vlbduelline .pie {padding:0}
#megavolby.megaprez-p2 .vlbduelline .person-foto {border-width:4px}
#megavolby.megaprez-p2 .vlbduelline h3 {display:table; width:1em}
#megavolby.megaprez-p2 .vlbduelline li:first-child h3 {margin-left:auto}
#megavolby.megaprez-p2 .megacol-c {flex:0 0 368px; display:flex; flex-direction:row; gap:.5rem; white-space:nowrap}
#megavolby.megaprez-p2 .mega-btn.mega-btn {height:3rem}
#wrapper #megavolby.megaprez-p2 .megacol-b {order:0}
#wrapper #megavolby.megaprez-p2 .megacol-c {flex:1; flex-direction:column}

/* megaprez-b2 */
#megavolby.megaprez-b2 {gap:3.5em}
.megaprez-b2 .vlbduelfinalstart .person-foto {width:9.25rem; height:9.25rem; border-width:6px}