@font-face {font-family:"Fira Sans"; font-weight:400; font-style:normal; src:url("/fonts/Fira/firasans-regular.woff2") format("woff2"), url("/fonts/Fira/firasans-regular.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:normal; src:url("/fonts/Fira/firasans-semibold.woff2") format("woff2"), url("/fonts/Fira/firasans-semibold.woff") format("woff"); font-display:swap}

/* premium zavora ve clanku - IND4 size */
.paywall {clear:both; position:relative; z-index:2; margin:0 0 1em; padding:0; font-size:medium; line-height:1.375; text-align:center; color:#263238; background:#FFF}
.dark .paywall {color:#ECEFF1; background:#000}
.paywall-before:before, .paywall-before2:before, .paywall-before3:before {content:''; position:absolute; bottom:100%; left:-3px; width:100%; height:10em; padding:0 3px; background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1)); pointer-events:none}
.dark .paywall-before:before, .dark .paywall-before2:before, .dark .paywall-before3:before {background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1))}

.paywall p {margin:0 0 1em}

.btn-prem.btn-prem.btn-prem {position:relative; overflow:hidden; display:inline-block; vertical-align:middle; width:auto; height:auto; line-height:1.5; margin:0 auto; padding:.75em 1em; border:0; border-radius:3px; font-weight:700; font-size:100%; text-decoration:none; color:#000; background:#EB4; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.24)), #EB4; transition:.4s background; box-shadow:0 2px 5px rgba(130,150,160,.5); cursor:pointer}
.btn-prem.btn-prem.btn-prem:hover {background:#FC5; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.18)), #FC5}
.btn-prem:after {content:''; position:absolute; top:0; right:-105%; left:auto; bottom:auto; width:100%; height:100%; background:linear-gradient(135deg, rgba(255,255,255,0) 33%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 67%)}
.btn-prem:hover:after {right:105%; transition:.6s right}
.paywall .btn-unlock:before {content:''; display:inline-block; width:1em; height:1em; margin:.2em .4em 0 0; vertical-align:top; background:url('/u/icon/000/unlock.svg') no-repeat 50% 50% / contain} 
.paywall span.btn-prem, .paywall span.btn-prem:hover {color:#FFF !important; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.4)), #B0BEC5 !important; cursor:default}
.paywall span.btn-prem:after {display:none}
.paywall span.btn-prem a {color:inherit; text-decoration:underline}

/* tlacitko TicketPortalu */
.paywall .btn-ticket, .paywall .btn-ticket:hover {position:relative; overflow:hidden; display:inline-block; vertical-align:middle; width:auto; height:auto; line-height:1.5; margin:1em auto 0; padding:.8em 1em .7em; border:0; border-radius:3px; font-weight:700; font-size:100%; text-decoration:none; color:#FFF; background:#006bb6; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.24)), #006bb6; transition:.4s background; box-shadow:0 2px 5px rgba(130,150,160,.5); cursor:pointer}
.paywall .btn-ticket:hover {background:#006bb6; background:linear-gradient(to right bottom, rgba(0,0,0,0), rgba(0,0,0,.3)), #006bb6}
.paywall .btn-ticket:after {content:''; display:inline-block; vertical-align:top; width:8em; height:1.5em; margin-left:.5em; background:url('/o/premium/zavory/ticketportal-bezpodtrzeni.svg') no-repeat 0 50% / contain}

.premwall {display:grid; grid-template-columns:44fr 56fr; grid-template-rows:auto 2.6em; gap:0; margin:0 auto 1em; border:1px solid #E8B332; color:#263238; background:#FAF0D6; box-shadow:0 1em 2em rgba(128,128,128,.3)}
.premwall.premwall-nogra {display:block}
.premwall .premwall-group {grid-column:2; grid-row:1}
.premwall .premwall-gra {grid-column:1; grid-row:1/3; display:flex; align-items:center;}
.premwall .premwall-btn {grid-column:2; grid-row:2}

.premwall-group {display:flex; flex-direction:column; justify-content:center; gap:.5em; padding:.5em 1.25em}
.premwall .cell-perex {font-weight:600; font-size:125%; font-family:'Fira Sans', sans-serif}
.premwall .cell-txt {font-size:75%}
.premwall .cell-txt-sm {font-size:62.5%}

.premwall-btn {padding:0 1.25em .8em}
.premwall-btn:after {content:''; display:block; clear:both}
.premwall-btn .paywall-login {float:right}
.premwall-btn .paywall-dar {float:left; margin-top:.3em}

.paywall-login.paywall-login.paywall-login, .paywall-dar.paywall-dar.paywall-dar, .paywall-dar2.paywall-dar2.paywall-dar2 {position:relative; overflow:hidden; display:inline-block; line-height:2.4; border-radius:3px; vertical-align:middle}
.paywall-login.paywall-login.paywall-login {padding:0 .8em; font-size:75%; text-decoration:none; color:#FFF; background:#38474E}
.paywall-login:before {content:''; float:left; display:block; width:1.25em; height:2.4em; margin:0 .4em 0 0; background:url('/u/icon/fff/login0.svg') no-repeat 50% 50% / contain}
.paywall-login:after {content:''; position:absolute; top:0; right:-105%; left:auto; bottom:auto; width:100%; height:100%; background:linear-gradient(135deg, rgba(255,255,255,0) 33%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 67%)}
.paywall-login:hover:after {right:105%; transition:.6s right}
.paywall-dar.paywall-dar.paywall-dar {font-size:62.5%; text-decoration:underline; color:#263238}
.paywall-dar:before {content:''; float:left; display:block; width:1.25em; height:2.4em; margin:0 .4em 0 0; background:url('/o/premium/zavory/icon-gift-da2.svg') no-repeat 50% 50% / contain}
.paywall-dar2.paywall-dar2.paywall-dar2 {padding:0 1em; border:1px solid #E8B332; font-weight:700; font-size:75%; text-decoration:none; color:#263238}
.paywall-dar2.paywall-dar2.paywall-dar2:hover {text-decoration:underline}
.paywall-dar2:before {content:''; float:left; display:block; width:1.25em; height:2.4em; margin:0 .4em 0 0; background:url('/o/premium/zavory/icon-gift-da2.svg') no-repeat 50% 50% / contain}
.paywall-dar2:after {content:''; float:right; display:block; width:.75em; height:2.4em; margin:0 0 0 .4em; background:url('/u/icon/eb3/more.svg') no-repeat 50% 50% / contain}

#wrapper .premwall {display:block; padding:1em}
#wrapper .premwall-gra {max-width:300px; margin:0 auto .5em}
#wrapper .premwall-group {padding:0 0 .5em}
#wrapper .premwall-btn {padding:0}

.akce-premart {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:0 auto; border:solid #E8B332; border-width:4px 0 2px}
.akce-premart-caption {flex:0 0 100%; padding:1rem 0; text-align:left; font-weight:700; font-size:150%; font-family:'Fira Sans', sans-serif}
.akce-premart-item {flex:0 1 48%; padding:0 0 3%; text-align:left; box-sizing:border-box}
.akce-premart-item img {display:block; width:100%}
.akce-premart-item h3 {margin:.5em 0 0; line-height:1.2; font-weight:600; font-size:87.5%}
.akce-premart-item a {display:block; color:inherit; text-decoration:none}
.akce-premart-item a:hover h3 {text-decoration:underline}
.akce-premart-more {flex:0 0 100%; padding:0 0 1em; text-align:center;}
.paywall-foot .akce-premart {border-bottom:1px solid #E8B332}
#wrapper .akce-premart-caption {font-size:125%} 

.paywall-share-in {padding:1em; border:1px solid #DAA520; text-align:center}
.paywall-share-in h4 {margin:0 0 .5em; font-weight:700; font-size:100%}												
.paywall-share-in ul {display:flex; justify-content:center; margin:0 auto;}
.paywall-share-in ul li, .paywall-share-in.paywall-share-in ul li {flex:0 0 7em; display:block; margin:0; padding:0; background:none; font-size:62.5%}
.paywall-share-in li a {display:block; text-decoration:none; color:inherit}
.paywall-share-in li a:hover {text-decoration:underline}
.paywall-share-in li span {margin:0 auto .5em}
.paywall-share .paywall-share-in, .paywall-share-act .btn-prem, .paywall-share.paywall-share .h {display:none; transition:0}
.paywall-share-act .paywall-share-in {display:block}

.paywall-share a {color:inherit}
.paywall [class|="logo"] {display:block; width:1.75rem; height:1.75rem; margin:0 auto .5rem; background:no-repeat 50% 50% / contain}
.paywall-share [class|="logo"] {width:1.5rem; height:1.5rem; margin:0 auto .25rem}
.paywall [class|="logo"]:before {display:none /* LN nasili */}
.paywall .logo-link {background-image:url('/u/icon/233/link.svg'), url('/u/icon/eb3/link.svg')}
.paywall a:hover .logo-link {background-image:url('/u/icon/eb3/link.svg')}
.paywall .logo-done {background-image:url('/u/icon/eb3/done.svg')}													
.paywall .logo-emailem {background-image:url('/u/icon/233/mail2.svg'), url('/u/icon/eb3/mail2.svg')}
.paywall a:hover .logo-emailem {background-image:url('/u/icon/eb3/mail2.svg')}
.paywall .logo-facebook {background-image:url('/u/icon/233/social-facebook.svg'), url('/u/icon/org/social-facebook.svg')}
.paywall a:hover .logo-facebook {background-image:url('/u/icon/org/social-facebook.svg')}
.paywall .logo-twitter {background-image:url('/u/icon/233/social-twitter.svg'), url('/u/icon/org/social-twitter.svg')}
.paywall a:hover .logo-twitter {background-image:url('/u/icon/org/social-twitter.svg')}
#wrapper .paywall [class|="logo"] {width:1.5rem; height:1.5rem; margin:0 auto .25rem}

.btn-note.btn-note.btn-note, .btn-note.btn-note.btn-note:hover {float:none; width:500px; max-width:100%; margin-bottom:5px; text-align:center; box-sizing:border-box}
.btn-note-text.btn-note-text.btn-note-text {width:500px; max-width:100%; margin:0 auto; font-size:68.75%; color:#666; text-align:center}
.btn-note-text span {display:block; text-decoration:underline; cursor:pointer}
.btn-note-text a {color:inherit; text-decoration:underline}
.btn-note-text p {display:none; margin:0 auto; font-size:100%}
.btn-note-text.open span {display:none; cursor:pointer}
.btn-note-text.open p {display:block}
.paywall-locked-out {float:left; max-width:100%}
.paywall-locked-out #paywall-locked {max-width:666px; text-align:left}
.paywall-locked-out #paywall-locked .btn-note, .paywall-locked-out #paywall-locked .btn-note-text {margin-left:0}
#wrapper .paywall-locked-out #paywall-locked {max-width:100%}

#paywall-in-art-text {margin:0 0 1em}
#paywall-in-art-text:after {content:''; display:block; clear:both}

/* odpocty */
.paywall-countdown {margin:0 auto 1rem; font-weight:800; font-size:125%; text-align:center}
.paywall-countdown > span {display:flex; gap:.2em; justify-content:center; color:#E41F1F}
.paywall-countdown [data-unit]:after {content:attr(data-unit); padding-left:.2em}
#wrapper .paywall-countdown {font-size:112.5%}

/* A/B update cervenec 2022 */
.paywall-top {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:.5rem 10%; margin:0 0 .75rem; padding:.5rem 1.5rem; border-radius:3px; font-size:medium; background:rgba(232,179,50,.1); box-sizing:border-box}
.col-a .paywall-top {gap:.5rem; padding:.5rem}
#lidovky-cz .paywall-top {max-width:850px}
.paywall-top .btn-prem {margin:0; padding:.75em 1em; font-size:100%}
.paywall-top .btn-prem:before {content:''; float:right; width:.75em; height:1.5em; margin-left:.25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50%}
.paywall-top-text {flex:0 1 auto; padding:0 0 0 2em; line-height:1.375; background:url('/u/icon/000/unlock.svg') no-repeat 0 50% / 1.5em 1.5em }
.paywall-top-text .logprem {height:1em; vertical-align:baseline}
.paywall-top-text .b {font-weight:700; font-size:100%} 
.paywall-top-text .fsm {font-size:87.5%}
#wrapper .paywall-top {padding:1rem}
#wrapper .paywall-top .btn-prem:before {display:none}
#wrapper .art-full .paywall-top {margin:0 -1rem 1rem}
@media all and (max-width:400px){
#wrapper .paywall-top-text {font-size:81.25%}
}

.premface {position:relative; margin:0 0 3rem; color:#263238; background:#FFF}
.dark .premface {color:#FFF; background:#000}
.premface .logprem {height:1em; vertical-align:baseline}
.premface .btn-prem:before {content:''; float:right; width:.75em; height:1.5em; margin-left:.25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% }
.premface-group {padding:0 0 2rem; text-align:center}
.premface-group .cell-perex {font-size:87.5%}
.premface-group .cell-tit.cell-tit {margin:0; padding:1rem 0; border:0; font-weight:700; font-size:250%; line-height:1.2}
.premface-gra {padding:1.5rem 0; border:1px dashed #BDBDBD; border-width:1px 0; text-align:left}
.premface-gra p {margin:0 0 .5em; font-size:100%}
.premface-gra ul {display:flex; flex-direction:column; gap:.5em; margin:0; }
.premface-gra ul li {list-style:none; margin:0; padding:0 0 0 1.5em; font-weight:700; font-size:100%; line-height:1.625; background:url('/u/icon/000/done.svg') no-repeat 0 0 / .875em 1.625em}
.dark .premface-gra li {background-image:url('/u/icon/fff/done.svg')}
.premface-gra a {color:inherit; text-decoration:underline}
.premface-btn {display:flex; flex-wrap:wrap; gap:0 1.5rem; padding:2rem 0 0; text-align:left; font-size:87.5%}
.paywall-login2.paywall-login2.paywall-login2 {padding-left:1.5em; font-weight:700; text-decoration:underline; color:inherit; background:url('/u/icon/000/login0.svg') no-repeat 0 50% / 1.14em 1.14em}
.dark .paywall-login2.paywall-login2.paywall-login2 {background-image:url('/u/icon/fff/login0.svg')}
#wrapper .premface {margin:0 0 2rem}
#wrapper .premface .btn-prem:before {display:none}
#wrapper .premface-group .cell-tit {font-size:200%}
#wrapper .premface-gra {padding:1rem 0}
#wrapper .premface-gra li {font-size:87.5%}
#wrapper .premface-btn {padding:1rem 0 0}

/* Sdileni otevreneho clanku */
.premshare {margin:0 0 2rem; padding:2rem; background:rgba(176,190,197,.1); text-align:center}
.premshare .btn-prem:before {content:''; float:right; width:.75em; height:1.5em; margin-left:.25em; background:url('/u/icon/000/arrow2-right.svg') no-repeat 50% 50% }
.premshare h3 {margin:0 0 .5rem; font-weight:700; font-size:175%; line-height:1.429}
.premshare p {margin:0 0 1rem; font-size:87.5%; line-height:1.571}
.premshare.premshare.premshare ul {display:flex; justify-content:center; margin:0 auto}
.premshare.premshare.premshare li {flex:1 0 6em; display:block; margin:0; padding:0; background:none; font-size:87.5%; line-height:1.286}
.premshare.premshare.premshare li a {display:block; text-decoration:none; color:inherit}
#wrapper .premshare {margin:0 0 1rem; padding:1rem}
#wrapper .premshare .btn-prem:before {display:none}
#wrapper .premshare h3 {font-size:112.5%}
#wrapper .premshare.premshare.premshare li {font-size:75%}