/*
Theme Name: Epochtimes 2023
Author: rostislavk@gmail.com
Text Domain: drs
Version: 1.0
*/

/*
Přepsání výchozích proměnných Bootstrap
--------------------------------------------
$font-family-base: Source Serif VF;
$primary: #0c73ea;
$secondary: #525252;
$dark: #16203f;
$danger: #ec0000;
$info: #097cbf;
$light: #f5f5f5;
$link-color: $dark;
$h1-font-size: 2.5rem;
$h2-font-size: 2rem;
$h3-font-size: 1.75rem;
$h4-font-size: 1.5rem;
$h5-font-size: 1.25rem;
$h6-font-size: 1rem;
$container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1224px );
$input-btn-font-family: var(--secondary-font);
*/


/* VARIABLES
-------------------------------------------------- */
:root {
    --secondary-font: 'Ringside Narrow Condensed', sans-serif;
}

.font-secondary { font-family: var(--secondary-font)!important; }


/* GLOBAL STYLES
-------------------------------------------------- */
img { max-width: 100%; height: auto; }
.ratio > img { width: 100%; height: 100%; object-fit: cover; }
.mw-600 { max-width: 600px; }
.mw-none { max-width: none; }
.underline-offset-4 { text-underline-offset: 4px; }
.ad-group-wrap { position: relative; z-index: -1; }
.tooltip { font-family: var(--secondary-font); }
.btn svg { fill: currentColor; }
.fs-small { font-size: .875rem!important; }
.fw-300 { font-weight: 300!important; }
.fw-500 { font-weight: 500!important; }
.fw-600 { font-weight: 600!important; }
.lh-0 { line-height: 0!important; }
.fill-white { fill: #fff!important; }
.fill-primary { fill: var(--bs-primary)!important; }
.fill-dark { fill: var(--bs-dark)!important; }
.fill-danger { fill: var(--bs-danger)!important; }
.fill-secondary { fill: var(--bs-secondary)!important; }
.fill-warning { fill: var(--bs-warning)!important; }
.fill-success { fill: var(--bs-success)!important; }
.fill-light { fill: var(--bs-light)!important; }
.fill-current { fill: currentColor!important; }

svg.svg-icon-xs { width: .5rem; height: .5rem; flex: 0 0 .5rem; }
svg.svg-icon-sm { width: .875rem; height: .875rem; flex: 0 0 .875rem; }
svg.svg-icon-base { width: 1rem; height: 1rem; flex: 0 0 1rem; }
svg.svg-icon-md { width: 1.25rem; height: 1.25rem; flex: 0 0 1.25rem; }
svg.svg-icon-lg { width: 1.5rem; height: 1.5rem; flex: 0 0 1.5rem; }
svg.svg-icon-xl { width: 1.75rem; height: 1.75rem; flex: 0 0 1.75rem; }
svg.svg-icon-xxl { width: 2rem; height: 2rem; flex: 0 0 2rem; }

.is-type-video .wp-block-embed__wrapper { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.is-type-video .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-container { position: relative; max-width: 100%; height: 0; margin: 0 auto; padding-bottom: 56.25%; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0; }
.video-container > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }

#cookie-law-info-bar { padding: 1rem!important; background: hsla(0,0%,100%,.95)!important; box-shadow: 0 -2px 8px 0 rgb(0 0 0 / 25%)!important; }
#cookie-bar { max-width: 680px; margin: 0 auto; text-align: center; font-weight: 400; }
#cookie-bar .cli-plugin-main-link, #cookie-bar .cookie_action_close_header_reject { text-decoration: underline!important; font-weight: inherit!important; color: var(--bs-dark)!important; }
#cookie-bar .title { margin-bottom: .5rem; line-height: 1.3; font-size: 1.125rem; font-weight: 600; }
#cookie-bar .bar-text { margin-bottom: 1rem; vertical-align: middle; }
#cookie-bar .bar-text.after-button { margin-bottom: 0; }
#cookie-bar .button-bar { display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; }
#cookie-bar .button-bar a { display: block; margin: 0 .5rem 0 0!important; padding: .375rem .75rem!important; border: 1px solid transparent!important; border-radius: var(--bs-border-radius)!important; line-height: 1.5; text-decoration: none; font-size: 1rem!important; }
#cookie-bar .button-bar a.cli_settings_button { border-color: var(--bs-dark)!important; color: var(--bs-dark)!important; background-color: transparent!important; }
#cookie-bar .button-bar a.cli_settings_button:hover { color: #fff!important; background-color: var(--bs-dark)!important; }
.cli-modal .cli-tab-container h4, .cli-modal .cli-tab-container h1 { font-weight: 600; }
.cli-modal table.cookielawinfo-winter { font-family: inherit; }
.cli-modal table.cookielawinfo-winter thead th { border-color: var(--bs-dark); background-color: var(--bs-dark); }
.cli-modal table.cookielawinfo-winter tbody td, .cli-modal table.cookielawinfo-winter tbody th { border-bottom: 1px solid #cfcfcf; background: #f7fafc; }
.cli-modal table.cookielawinfo-winter tbody .cookielawinfo-column-1 { border-right: 1px solid #95cbe5; border-color: #95cbe5; font-weight: 600; background-color: #d1f0ff; }
.cli-modal .cli-switch input:checked + .cli-slider { background-color: var(--bs-dark); }
.cli-modal .cli-tab-footer .wt-cli-privacy-accept-btn { border-radius: var(--bs-border-radius); background-color: var(--bs-dark); }

/* HEADER
-------------------------------------------------- */
#header { background-color: #fff; }
#header_navbar { position: relative; z-index: 999; }
#header_navbar .sm { border-top: 1px solid var(--bs-border-color); border-bottom: 1px solid; }

/* MAIN
-------------------------------------------------- */
.page-category a { text-decoration: none; text-transform: uppercase; line-height: 1.2; font-family: var(--secondary-font); color: var(--bs-secondary); }
.single .page-title, .page .page-title { font-variation-settings: "wght" 650,"opsz" 40; }
.page-thumb > a { display: block; text-decoration: none; }
.page-content { word-break: break-word; font-size: 1.09725rem; font-weight: 450; }
.page-content p, .page-content ul, .page-content figure, .page-content blockquote { margin-bottom: 1.5rem; }
.page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { margin-top: 2rem; margin-bottom: 1.5rem; }
.page-content h2 { font-size: 1.5rem; }
.page-content h3 { font-size: 1.25rem; }
.page-content h3 { font-size: 1.125rem; }
.page-content h4 { font-size: 1rem; }
.page-content :first-child { margin-top: 0; }
.page-content .wp-block-columns { margin-bottom: 0; }

/* Article list  */
.articles:not(.row) .article { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--bs-border-color); }
.articles:not(.row) .article:last-child { padding-bottom: 0; border-bottom: none; }
.articles.row .article { margin-bottom: 1.5rem; }
.articles .article > .row { flex-direction: row-reverse; }
.articles .article .post-thumb > a { position: relative; display: block; text-decoration: none; }
.articles .article .post-title { margin-bottom: 0; overflow: hidden; font-variation-settings: "wght" 600,"opsz" 40; letter-spacing: -.2px; }
.articles .article .post-author-name { text-decoration: none; font-family: var(--secondary-font); color: var(--bs-secondary); }
.articles.row .article .post-title { font-size: 1rem; }
.articles .article .post-title > a { display: block; text-decoration: none; color: inherit; }
.articles .article .post-title > a:hover { color: var(--bs-secondary); }
.articles .article .post-excerpt { display: none; margin: .5rem 0 0 0; line-height: 1.2; letter-spacing: .4px; font-family: var(--secondary-font); font-size: .975rem; color: var(--bs-secondary); }
.articles .article .post-meta { margin: .5rem 0 0 0; line-height: 1.2; font-family: var(--secondary-font); color: var(--bs-secondary); opacity: .75; }
.articles .article .post-meta a { text-decoration: none; color: inherit; }
.articles .article .post-meta, .articles .article .post-author, .articles .article .post-date, .articles .article .post-category { display: none; }
.articles.show-author .post-meta, .articles.show-date .post-meta, .articles.show-category .post-meta { display: block; }
.articles.show-author .post-author, .articles.show-date .post-date, .articles.show-category .post-category { display: inline; }

.archive-articles .article { border-color: var(--bs-secondary); }
.archive-articles .article:not(.post-type-author) .post-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.archive-articles .article .post-meta { margin-top: 1rem; }
.archive-articles .article.post-type-author > .row { flex-direction: row; margin-top: 1rem; }
.archive-articles .article.post-type-author .post-title { font-size: 1.5rem; }
.archive-articles .article.post-type-author .post-excerpt { display: block; line-height: var(--bs-body-line-height); font-family: var(--bs-body-font-family); font-size: 1.0625rem; }
.archive-articles .article.post-type-author .post-meta .post-author { display: none; }

.home .page-main .articles:not(.row) .article > .row { align-items: center; } 
.home .page-main .articles:not(.row) .article .post-excerpt { font-size: 1.0625rem; }

.articles .post-type-video .post-thumb a { border-radius: var(--bs-border-radius-lg); overflow: hidden; }
.articles .post-type-video .post-thumb a { background-color: #fff; }
.articles .post-type-video .post-thumb a img { transition: opacity .1s 0s; }
.articles .post-type-video .post-thumb a:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 45px; border-color: transparent transparent transparent #fff; opacity: 0; transition: opacity .3s 0s; }
.articles .post-type-video .post-thumb a:hover:after { opacity: 1; }
.articles .post-type-video .post-thumb a:hover img { opacity: .75; }
.articles-counter { counter-reset: section; }
.articles-counter .article .post-thumb a:before { counter-increment: section; content: counter(section, decimal); position: absolute; bottom: 0; right: 0; width: 2rem; padding: .25rem 0; line-height: 1; text-align: center; font-family: var(--secondary-font); font-size: 20px; font-weight: 700; color: #fff; background-color: var(--bs-danger); }

.articles.grid-5 > .article:nth-child(1) { width: 100%; }
.articles.grid-5 > .article:nth-child(1) .post-title { font-size: 1.5rem; }
.articles.grid-5 > .article:nth-child(1) .post-excerpt { display: block; }

.widget .article { margin-bottom: .75rem; padding-bottom: .75rem; }
.widget .article > .row { align-items: center; }
.widget .article.post-type-author > .row { display: none; }
.single-post .widget .article .post-thumb { padding-left: 0; }
.widget .article .post-title { font-size: 1rem; }
.widget .article .post-author-name { font-size: .875rem; }
.widget .article .post-title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.widget .first-article-thumb .article:first-child .post-thumb, .widget .first-article-thumb .article:first-child .post-desc, .widget .full-thumb .post-thumb { width: 100%!important; }
.widget .first-article-thumb .article:first-child .post-thumb { margin-bottom: .5rem; }
.widget .first-article-thumb .article:first-child .post-title { font-size: 1.25rem; }
.row.row-articles .widget .first-article-thumb .article:first-child .post-title { font-size: 1.5rem; }
.widget .first-article-thumb .article:first-child .post-title a { display: block; overflow: visible; }
.widget .articles.full-thumb .article { padding-bottom: 0; border: none; }
.widget .articles.full-thumb .post-desc { display: none; }

.widget .article.post-type-video .row { flex-direction: row; }
.widget .article.post-type-video .post-thumb { width: 40%; }
.widget .article.post-type-video .post-desc { width: 60%; }

.widget .articles-more-link { margin: 0; padding: 1rem 0 0; border-top: 1px solid var(--bs-border-color); text-align: center; }
.articles-more-link a { display: inline-flex; align-items: center; text-decoration: none; line-height: 1.2; font-family: var(--secondary-font); font-weight: 600; color: inherit; }

.videoslider { position: relative; z-index: 0; }
.videoslider-image { height: 80vh; overflow: hidden; }
.videoslider-image .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.videoslider-image .videoslider-desc-shadow { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-image: linear-gradient(to right, rgb(7,7,7), rgba(0,0,0,0)) }
.videoslider-desc { position: absolute; bottom: 0; width: 100%; }
.videoslider-desc .page-category a { color: inherit;}
.videoslider-desc:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, rgb(7,7,7), rgba(0,0,0,0))}
.videoslider-thumbs .swiper, .videoslider-thumbs .swiper + .videoslider-btn, .videoslider-thumbs .swiper + .videoslider-btn + .videoslider-btn { opacity: 0; transition: opacity .3s 0s; }
.videoslider-thumbs .swiper-initialized, .videoslider-thumbs .swiper-initialized + .videoslider-btn, .videoslider-thumbs .swiper-initialized + .videoslider-btn + .videoslider-btn { opacity: 1; }
.videoslider-thumbs .swiper-slide img { border: 3px solid transparent; border-radius: var(--bs-border-radius-lg); transition: all .3s 0s; cursor: pointer; }
.videoslider-thumbs .swiper-slide-thumb-active img, .videoslider-thumbs .swiper-slide:hover img { border-color: #fff; }
.videoslider .videoslider-btn { width: 32px; height: 32px; margin-top: -16px; border-radius: 50%; color: var(--bs-dark); background-color: rgba(255,255,255,.8); }
.videoslider .videoslider-btn:after { font-size: 16px; }
.videoslider-btn.swiper-button-prev { left: 0; }
.videoslider-btn.swiper-button-next { right: 0; }

/* widget  */
.widget-title { margin: 0 0 .75rem 0; padding: .5rem .75rem; font-size: 1.125rem; text-transform: uppercase; font-family: var(--secondary-font); font-weight: 600; color: #fff; background-color: var(--bs-dark); }
.widget-title a { display: block; text-decoration: none; color: inherit; }
.single .widget-title, body:not(.home) .page .widget-title { padding: 0 0 .5rem; border-bottom: 1px solid var(--bs-border-color); text-transform: none; font-size: 1.625rem; font-weight: 500; color: var(--bs-danger-text-emphasis); background-color: transparent; }
.widget { margin-bottom: 2rem; }

.ads-wrap { overflow: hidden; max-width: 100%; }

body .ald_laser_loader { height: 4px; }
body .ald_loader_progress { background: var(--bs-primary); box-shadow: none; }

/* FOOTER
-------------------------------------------------- */
.footer { padding: 2rem 0; font-family: var(--secondary-font); font-size: 0.85rem; background-color: var(--bs-light); }
.footer a:not(.btn) { text-decoration: none; color: inherit; }
.footer a:not(.btn):hover { color: var(--bs-secondary); }

.footer-nav ul > li > a { display: block; padding: .5rem .75rem; white-space: nowrap; text-transform: uppercase; font-size: 1.0625rem; font-weight: 600; }

ul.footer-blocks, ul.footer-blocks ul { margin: 0; padding: 0; list-style: none; }
ul.footer-blocks > li { margin-bottom: 1rem; }
ul.footer-blocks > li > a { text-transform: uppercase; font-size: 1rem; font-weight: 700; }

.footer-col .languages { column-count: 2; }
ul.footer-blocks { column-count: 3; column-gap: 2rem }

.top-button { z-index: 99; opacity: 0; transition: opacity .5s; }
.top-button.visible { opacity: .75; }

/* BLOCKS
-------------------------------------------------- */
/* Images  */
.wp-block-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { max-width: 100%; margin-bottom: 0; line-height: 1.2; text-align: left; letter-spacing: .4px; font-family: var(--secondary-font); font-size: 0.875rem; color: var(--bs-secondary); }
.wp-block-image figcaption > sup, .wp-block-gallery .blocks-gallery-item figcaption > sup { top: auto; font-size: 100%; }
.wp-block-gallery { margin-bottom: 0; }
.wp-block-gallery .blocks-gallery-item figure { flex-direction: column; }
.wp-block-gallery .blocks-gallery-item figcaption { position: relative; bottom: auto; width: 100%; max-height: 100%; margin-top: .5em; padding: 0; overflow: auto; text-align: left; color: #707070; background: none; }
.wp-block-image .aligncenter figcaption { text-align: center; }

/* Blockquote  */
.wp-block-quote { position: relative; margin-top: 32px; padding: 1rem 0 .5rem 0!important; border-top: 1px solid rgba(var(--bs-secondary-rgb),.5); border-bottom: 1px solid var(--bs-black); text-align: center; }
.wp-block-quote:after { content: ''; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 65px; height: 40px; background: #fff url(images/quote.svg) no-repeat 50% 50%; background-size: 55px 40px; }
.wp-block-quote p { margin: 0 0 .5rem; padding: 0; line-height: 1.3!important; font-size: 1.5rem!important; font-style: normal!important; font-weight: 700; }
.wp-block-quote p strong { font-weight: inherit; }
.wp-block-quote cite { text-align: center!important; font-weight: 600; font-size: 1rem!important; font-style: italic; }
.wp-block-quote cite mark { display: none!important; }

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 575.98px) {
    .page-main .articles:not(.row) .article h5.post-title { font-size: 1.1875rem; }
    .articles .article .post-excerpt, .articles .article .post-meta { font-size: .875rem; }
    .articles .article .post-meta svg { display: none; }
    .archive-articles .article .row { display: block; }
    .archive-articles .article .post-thumb { float: right; }
    .archive-articles .article .post-desc { width: 100%; }
    .page-thumb > a { margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
}

@media (min-width: 576px) {
    .home .page-main .articles:not(.row) .article { margin-bottom: .5rem; padding-bottom: .5rem; }
    .articles.grid-5 {display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 2fr 1fr 1fr; gap: 1.5rem; grid-template-rows: auto 1fr; }
    .articles.grid-5 > .article { width: 100%; margin: 0; }
    .articles.grid-5 > .article:nth-child(1) { grid-row-start: 1; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; }
    .articles.grid-5 > .article:nth-child(2) { grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 3; }
    .articles.grid-5 > .article:nth-child(3) { grid-row-start: 1; grid-column-start: 3; grid-row-end: 2; grid-column-end: 4; }
    .articles.grid-5 > .article:nth-child(4) { grid-row-start: 2; grid-column-start: 2; grid-row-end: 3; grid-column-end: 3; }
    .articles.grid-5 > .article:nth-child(5) { grid-row-start: 2; grid-column-start: 3; grid-row-end: 3; grid-column-end: 4; }
}

@media (max-width: 767.98px) {
    .page-content .wp-block-columns { gap: 0; }
}

@media (min-width: 768px) {
    .archive-articles .article .post-thumb { width: 25%; }
    .archive-articles .article .post-desc { width: 75%; }
    .row.row-articles > *:not(:last-child) { border-right: 1px solid var(--bs-gray-200); }
}

@media (max-width: 991.98px) {
    #header { position: sticky; top: 0; z-index: 999; border-bottom: 1px solid; }
}

@media (min-width: 992px) {
    .page-grid-3 .page-main { border-left: 1px solid var(--bs-gray-200); border-right: 1px solid var(--bs-gray-200); }
    .videoslider-thumbs { position: absolute; bottom: 0; left: 0; width: 100%; }
}

@media (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
    .page-grid-3, .page-grid-2 { flex-wrap: nowrap; }
    .page-grid-3 .page-main { width: 484px; margin: 0 1rem; padding: 0 1rem; }
    .page-grid-2 .page-main { width: 816px; padding-right: 2.5rem; }
    .page-grid-3 .page-sidebar, .page-grid-2 .page-sidebar { width: 300px; }
    .row.row-articles { --bs-gutter-x: 2rem; }
    .single .page-title, .page .page-title { font-size: 2.8125rem; }
}

@media (max-width: 1399.98px) {
}

@media (min-width: 1400px) {
    .page-grid-3 .page-main { width: 568px; }
    .page-grid-2 .page-main { width: 900px; }
}