.portal-g1, #portal-g1.fixed {background-color:#1B3E7A}
.portal.row-top-act .portal-g1 {background:linear-gradient(180deg, rgba(16,36,71,.8) 0%, rgba(16,36,71,0) 100%)}
.portal-g2a h3 {color:#1B3E7A}

.list-art-menu {margin:0 0 1.25rem}
.list-art-menu:after, .list-art-menu li:first-child:after {display:none}
.list-art-menu li {padding:0}
.list-art-menu li:first-child {font-size:137.5%; letter-spacing:2px}
#wrapper .list-art-menu {margin:0 0 1rem}
#wrapper .list-art-menu li:first-child {font-size:125%}

/* vyjimky v rezu */
.row-top {margin-bottom:0}
.list-art {margin:0}
.krums0, .krums1, .krums2 {margin:0 -15px; padding:3rem 15px}
.krums1 {background:linear-gradient(180deg, #EFF3F9 0%, rgba(239,243,249,0) 430px)}
.dark .krums1 {background:linear-gradient(180deg, #263238 0%, rgba(38,50,56,0) 430px)}
.krums2 {background:#EFF3F9}
.dark .krums2 {background:#263238}
.krums2 .krums1 {margin:0; padding:0; background:none}
#wrapper .krums0, #wrapper .krums1, #wrapper .krums2 {margin:0; padding:2rem 0}
#wrapper .krums2 .krums1 {padding:0}
.col-h .col-a {width:466px; margin:0}
.col-h .col-b {margin:0}
#wrapper .col-h {width:auto; padding:0 1rem}
#wrapper .col-h .col-a {width:100%}

/* podcastove sdileni */
.getlist {display:table; margin:0 0 2rem; border-radius:3px; background:#EFF3F9; overflow:hidden}
.getlist li {list-style:none; float:left; border:1px solid #EFF3F9; border-radius:3px; overflow:hidden}
.getlist li + li {display:none; /*margin-left:-1px*/}
.getlist.visible li + li {display:block}
.getlist a {display:block; height:1.286em; padding:.625rem .75rem .625rem 2.5rem; font-size:87.5%; line-height:1.286; color:#102447; background:#FFF no-repeat .75rem 50% / 1.25rem 1.25rem}
.getlist .icon-podsel {font-weight:700; background-color:#EFF3F9; background-image:url('/u/icon/124/podsel.svg')}
.getlist .icon-spotify {background-image:url('/u/icon/org/spotify.svg')}
.getlist .icon-applepc {background-image:url('/u/icon/org/apple-podcasts.svg')}
.getlist .icon-googlepc {background-image:url('/u/icon/org/google-podcasts.svg')}
.getlist .icon-rss {background-image:url('/u/icon/124/rss.svg')}
#wrapper .getlist {margin:0 0 1rem}
#wrapper .getlist li + li a {padding-left:2rem; text-indent:-99em; white-space:nowrap; overflow:hidden}

/* podcastove hlavicky */
.headerart {position:relative; color:#FFF; background:#1B3E7A}
.headerart .art-img {position:static; float:none; min-height:200px; margin:0}
.headerart .art-img img {width:100%; height:auto; vertical-align:top}
.headerart .cell {position:absolute; left:116px; bottom:96px; z-index:1; display:block; min-height:104px; text-shadow:0 4px 8px rgba(0,0,0,.32)}
.headerart h1 {font:800 67px/86px 'Inter', sans-serif; text-transform:uppercase}
.headerart p {max-width:22em; font-size:137.5%; line-height:1.2}
.headerart .getlist {position:absolute; left:116px; bottom:12px; z-index:1; margin:0}
.headerart ~ .art-full {width:798px; margin:2rem auto}
#wrapper .headerart .cell {left:1rem; right:1rem; bottom:20%}
#wrapper .headerart h1 {font-size:40px; line-height:48px}
#wrapper .headerart h1.tac {font-size:48px; line-height:58px}
#wrapper .headerart p {font-size:112.5%}
#wrapper .headerart .getlist {left:1rem; bottom:4%; margin:0}
#wrapper .headerart ~ .art-full {width:auto; margin:1rem auto}

.authorslist-out {display:flex; align-items:center; gap:2rem; width:100%; margin:1.5rem 0 0}
.authorslist-out label {flex:0 0 3em; padding:1.125rem 0 0; font-size:87.5%; text-align:center; color:#263238; background:url('/u/icon/233/author.svg') no-repeat 50% 0 / 1rem 1rem}
.dark .authorslist-out label {color:#CFD8DC; background-image:url('/u/icon/cdd/author.svg')}
.authorslist-out .authorslist {flex:1 1 auto}
.authorslist .posunovac-prev:before, .authorslist .posunovac-next:before {border-color:#1B3E7A}
.dark .authorslist .posunovac-prev:before, .dark .authorslist .posunovac-next:before {border-color:#ECEFF1}
.authorslist li {margin:0 2rem 0 0}
.authorslist .authorbox-foto {position:relative; z-index:2; width:2.5rem; height:2.5rem; margin:0; border-width:2px; filter:grayscale(100%)}
.authorslist .name {display:flex; align-items:center; gap:.5rem; font-size:87.5%; line-height:1.286; white-space:nowrap; text-decoration:none; color:#102447}
.dark .authorslist .name {color:#ECEFF1}
.authorslist .name b {display:block}
.authorslist .name:hover b {text-decoration:underline}
#wrapper .authorslist-out {gap:1.5rem}
#wrapper .authorslist li {margin:0 1rem 0 0}

/* pro desktop */
.otherparts-d {position:relative; padding:30% 0 0; background:#EFF3F9 no-repeat 50% 0 / 100% auto}
.otherparts-d .list-art {position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:2rem 1.5rem; padding:1.5rem}
.otherparts-d .art {min-height:1em; margin:0; padding:56% 0 0}
.otherparts-d .art:after {display:none}
.otherparts-d .art .art-img {width:100%; height:0; padding:56% 0 0} 
.otherparts-d .art .art-img u, .otherparts-d .art .art-img img {position:absolute; width:100%; height:100%}
.otherparts-d .art h3 {margin:0 0 .5em; padding:.5em 0 0; font-size:100%; line-height:1.25}
.otherparts-d .artpc h3 {min-height:0}
.otherparts-d .art h4 {padding:.5rem 0 0; font-size:87.5%; line-height:1.25}
.otherparts-d .read-more {color:#FFF; background:#1B3E7A}
.otherparts-d .read-more:hover {background-color:#102447}
.otherparts-d .read-more:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0}
.otherparts-d .read-more:after {background-image:url('/u/icon/fff/more.svg')}
/* pro touch */
.otherparts-t {position:relative; margin:0 1rem 1rem; padding:45% 0 0; background:#EFF3F9 no-repeat 50% 0 / 100% auto}
.otherparts-t .list-art {position:relative; z-index:2; margin:0 1rem; padding:12px 0 0; background:#EFF3F9}
.otherparts-t .read-more {color:#FFF; background:#1B3E7A}
.otherparts-t .read-more:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0}
.otherparts-t .read-more:after {background-image:url('/u/icon/fff/more.svg')}
.dark .otherparts-t, .dark .otherparts-t .list-art {background-color:#13191C}

/* vypis poradu */
.podcast-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:2.5rem 1.25rem}
.podcast-list .item {}
.podcast-list .item a {display:block; color:inherit; text-decoration:none}
.podcast-list .item h3 {width:100%}
.podcast-list .item img {display:block; width:100%; border-radius:1rem; overflow:hidden}
.podcast-list .item p {height:4.8em; overflow:hidden; margin:.75rem 1rem; font-size:87.5%; line-height:1.6; text-align:center; color:#263238}
.dark .podcast-list .item p {color:#CFD8DC}
.podcast-list .item .btn {display:flex; justify-content:center; align-items:center; width:11.7em; height:2.857em; margin:0 auto; padding:0; border:1px solid #EFF3F9; border-radius:3px; font-weight:600; font-size:87.5%; line-height:1.2; color:#102447; background:#EFF3F9}
.podcast-list .item a:hover .btn {border-color:#CFDCF1}
.krums2 .podcast-list .item .btn {background:#FFF}
.podcast-list .btn-more {grid-column:2; clear:both; display:block; width:100%; margin:0 auto; padding:.875em; border:1px solid #CFD8DC; border-radius:3px; color:#102447; background:#FFF; text-decoration:none; text-align:center; font-weight:400; font-size:100%; line-height:1.25; box-sizing:border-box}
.podcast-list .btn-more:hover {border-color:#B0BEC5}
#wrapper .podcast-list {grid-template-columns:1fr; padding:0 2rem}
#wrapper .krums2 .podcast-list {grid-template-columns:1fr 1fr; padding:0}
#wrapper .podcast-list .item p {height:auto; font-size:81.25%}
#wrapper .podcast-list .item .btn {width:10.5em}
#wrapper .podcast-list .btn-more {grid-column:auto}

/* podcastovy "art" */
.artpc {position:relative; min-height:129px; padding:0 0 20px 188px}
.artpc a {color:#102447}
.dark .artpc a {color:#ECEFF1}
.artpc .art-img {position:absolute; top:0; left:0; z-index:1; margin:0}
.artpc .art-img.sp5, .artpc .art-img u, .artpc .art-img img {display:block; width:172px; height:129px}
.artpc h3 {min-height:4.8em; margin-bottom:0; font-size:125%; line-height:1.2}
.artpc-info {display:flex; flex-direction:column; justify-content:flex-end; min-height:30px; margin:3px 0 0; font-size:87.5%; line-height:1.286}
.artpc-info .icon-podcast {display:block; padding:0 0 0 1.429em; background:url('/u/icon/124/podcast2.svg') no-repeat 0 .0715em / 1.143em 1.143em}
.dark .artpc-info .icon-podcast {background-image:url('/u/icon/fff/podcast2.svg')}
.artpc-info small {display:block; font-size:71.43%; color:#546E7A}
#wrapper .artpc {min-height:84px; margin:0 0 12px; padding:0 0 12px 124px; border:1px solid #ECEFF1; border-width:0 0 1px}
.dark #wrapper .artpc {border-color:#263238}
#wrapper .artpc .art-img.sp5, #wrapper .artpc .art-img u, #wrapper .artpc .art-img img {width:112px; height:84px}
#wrapper .artpc .art-link {padding:0}
#wrapper .artpc h3 {display:block; min-height:54px; margin:0; font-size:87.5%; line-height:1.286}
#wrapper .artpc-info {min-height:28px; margin:2px 0 0; font-size:75%}

/* popularni podcasty */
.popular-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:.75rem; counter-reset:popularni}
#wrapper .popular-list {grid-template-columns:repeat(2, 1fr)}
.popular-list .art, #wrapper .popular-list .art {padding:75% 0 0; border:0; counter-increment:popularni}
.popular-list .art .art-img, #wrapper .popular-list .art .art-img {top:0; width:100%; height:0; margin:0; padding:75% 0 0; background:none} 
.popular-list .art .art-img u, .popular-list .art .art-img img,
#wrapper .popular-list .art .art-img u, #wrapper .popular-list .art .art-img img {position:absolute; top:0; left:0; width:100%; height:100%}
.popular-list .art .art-img:before {content:''; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background:linear-gradient(33deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 50%)}
.popular-list .art .art-img:after {content:counter(popularni); position:absolute; left:8px; bottom:0; z-index:2; font-weight:800; font-size:48px; line-height:58px; text-shadow:0 0 10px rgba(0,0,0,.32); color:#FFF; opacity:.7}

.popular-list .art h3 {min-height:3.75em; margin:0 0 .5em; padding:.5em 0 0; font-size:100%; line-height:1.25}
#wrapper .popular-list .art h3 {min-height:3.858em}

/* zesilovani layoutu */
.art-full .art-info {line-height:1.385; margin:0 0 1rem; font-size:.8125rem}
.art-info .time {padding:0 0 0 1.4em; font-size:100%; color:#546E7A; background:url('/u/icon/567/time.svg') no-repeat 0 50% / 1em 1em}
.dark .art-info .time {color:#B0BEC5; background-image:url('/u/icon/bbc/time.svg')}
.art-full .opener-foto {margin-left:0; margin-right:0}
.opener .complete-prep {margin:0; padding:.25rem 0 0; border:0; text-transform:uppercase; font-weight:600}
#wrapper .art-full .opener {font-size:100%}