/* /assets/css/inline-c84f61372f.css */
/* Inline blok c84f61372f z dodané verze.
   Externalizováno, aby se neposílalo znovu s každou stránkou. */
:root{--ast-post-nav-space:0;--ast-container-default-xlg-padding:2.5em;--ast-container-default-lg-padding:2.5em;--ast-container-default-slg-padding:2em;--ast-container-default-md-padding:2.5em;--ast-container-default-sm-padding:2.5em;--ast-container-default-xs-padding:2.4em;--ast-container-default-xxs-padding:1.8em;--ast-code-block-background:#ECEFF3;--ast-comment-inputs-background:#F9FAFB;--ast-normal-container-width:1300px;--ast-narrow-container-width:750px;--ast-blog-title-font-weight:600;--ast-blog-meta-weight:600;--ast-global-color-primary:var(--ast-global-color-4);--ast-global-color-secondary:var(--ast-global-color-5);--ast-global-color-alternate-background:var(--ast-global-color-6);--ast-global-color-subtle-background:var(--ast-global-color-7);--ast-bg-style-guide:var( --ast-global-color-secondary,var(--ast-global-color-5) );--ast-shadow-style-guide:0px 0px 4px 0 #00000057;--ast-global-dark-bg-style:#fff;--ast-global-dark-lfs:#fbfbfb;--ast-widget-bg-color:#fafafa;--ast-wc-container-head-bg-color:#fbfbfb;--ast-title-layout-bg:#eeeeee;--ast-search-border-color:#e7e7e7;--ast-lifter-hover-bg:#e6e6e6;--ast-gallery-block-color:#000;--srfm-color-input-label:var(--ast-global-color-2);}html{font-size:100%;}a{color:var(--ast-global-color-0);}a:hover,a:focus{color:#a21413;}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;font-size:1rem;line-height:var(--ast-body-line-height,1.65);}blockquote{color:var(--ast-global-color-3);}h1,h2,h3,h4,h5,h6,.entry-content :where(h1,h2,h3,h4,h5,h6),.site-title,.site-title a{font-family:'Poppins',sans-serif;font-weight:800;}.ast-site-identity .site-title a{color:var(--ast-global-color-2);}.site-title{font-size:26px;font-size:1.625rem;display:none;}header .custom-logo-link img{max-width:250px;width:250px;}.astra-logo-svg{width:250px;}.site-header .site-description{font-size:15px;font-size:0.9375rem;display:none;}.entry-title{font-size:20px;font-size:1.25rem;}.ast-blog-single-element.ast-taxonomy-container a{font-size:14px;font-size:0.875rem;}.ast-blog-meta-container{font-size:13px;font-size:0.8125rem;}.archive .ast-article-post .ast-article-inner,.blog .ast-article-post .ast-article-inner,.archive .ast-article-post .ast-article-inner:hover,.blog .ast-article-post .ast-article-inner:hover{border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;overflow:hidden;}h1,.entry-content :where(h1){font-size:36px;font-size:2.25rem;font-weight:800;font-family:'Poppins',sans-serif;line-height:1.4em;}h2,.entry-content :where(h2){font-size:30px;font-size:1.875rem;font-weight:800;font-family:'Poppins',sans-serif;line-height:1.3em;}h3,.entry-content :where(h3){font-size:24px;font-size:1.5rem;font-weight:800;font-family:'Poppins',sans-serif;line-height:1.3em;}h4,.entry-content :where(h4){font-size:20px;font-size:1.25rem;line-height:1.2em;font-weight:800;font-family:'Poppins',sans-serif;}h5,.entry-content :where(h5){font-size:18px;font-size:1.125rem;line-height:1.2em;font-weight:800;font-family:'Poppins',sans-serif;}h6,.entry-content :where(h6){font-size:16px;font-size:1rem;line-height:1.25em;font-weight:800;font-family:'Poppins',sans-serif;}::selection{background-color:var(--ast-global-color-0);color:#ffffff;}body,h1,h2,h3,h4,h5,h6,.entry-title a,.entry-content :where(h1,h2,h3,h4,h5,h6){color:var(--ast-global-color-3);}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:var(--ast-global-color-0);}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);box-shadow:none;}.site-footer a:hover + .post-count,.site-footer a:focus + .post-count{background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);}.single .nav-links .nav-previous,.single .nav-links .nav-next{color:var(--ast-global-color-0);}.entry-meta,.entry-meta *{line-height:1.45;color:var(--ast-global-color-0);font-weight:600;}.entry-meta a:not(.ast-button):hover,.entry-meta a:not(.ast-button):hover *,.entry-meta a:not(.ast-button):focus,.entry-meta a:not(.ast-button):focus *,.page-links > .page-link,.page-links .page-link:hover,.post-navigation a:hover{color:#a21413;}#cat option,.secondary .calendar_wrap thead a,.secondary .calendar_wrap thead a:visited{color:var(--ast-global-color-0);}.secondary .calendar_wrap #today,.ast-progress-val span{background:var(--ast-global-color-0);}.secondary a:hover + .post-count,.secondary a:focus + .post-count{background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);}.calendar_wrap #today > a{color:#ffffff;}.page-links .page-link,.single .post-navigation a{color:var(--ast-global-color-3);}.ast-search-menu-icon .search-form button.search-submit{padding:0 4px;}.ast-search-menu-icon form.search-form{padding-right:0;}.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-form,.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-field:focus{transition:all 0.2s;}.search-form input.search-field:focus{outline:none;}.ast-mobile-header-content .ast-builder-layout-element:not(.ast-builder-menu):not(.ast-header-divider-element),.ast-mobile-popup-content .ast-builder-layout-element:not(.ast-builder-menu):not(.ast-header-divider-element){padding:15px 20px;}.ast-search-menu-icon .search-form button.search-submit:focus,.ast-theme-transparent-header .ast-header-search .ast-dropdown-active .ast-icon,.ast-theme-transparent-header .ast-inline-search .search-field:focus .ast-icon{color:var(--ast-global-color-1);}.ast-desktop .ast-header-search .slide-search .search-form{border:2px solid var(--ast-global-color-0);}.ast-header-search .slide-search .search-field{background-color:var(--ast-global-dark-bg-style);}.ast-archive-title{color:var(--ast-global-color-2);}.widget-title{font-size:22px;font-size:1.375rem;color:var(--ast-global-color-2);}.ast-single-post .entry-content a,.ast-comment-content a:not(.ast-comment-edit-reply-wrap a){text-decoration:underline;}.ast-single-post .elementor-widget-button .elementor-button,.ast-single-post .entry-content .uagb-tab a,.ast-single-post .entry-content .uagb-ifb-cta a,.ast-single-post .entry-content .uabb-module-content a,.ast-single-post .entry-content .uagb-post-grid a,.ast-single-post .entry-content .uagb-timeline a,.ast-single-post .entry-content .uagb-toc__wrap a,.ast-single-post .entry-content .uagb-taxomony-box a,.entry-content .wp-block-latest-posts > li > a,.ast-single-post .entry-content .wp-block-file__button,a.ast-post-filter-single,.ast-single-post .ast-comment-content .comment-reply-link,.ast-single-post .ast-comment-content .comment-edit-link{text-decoration:none;}.ast-search-menu-icon.slide-search a:focus-visible:focus-visible,.astra-search-icon:focus-visible,#close:focus-visible,a:focus-visible,.ast-menu-toggle:focus-visible,.site .skip-link:focus-visible,.wp-block-loginout input:focus-visible,.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,.ast-header-navigation-arrow:focus-visible,.ast-orders-table__row .ast-orders-table__cell:focus-visible,a#ast-apply-coupon:focus-visible,#ast-apply-coupon:focus-visible,#close:focus-visible,.button.search-submit:focus-visible,#search_submit:focus,.normal-search:focus-visible,.ast-header-account-wrap:focus-visible,.astra-cart-drawer-close:focus,.ast-single-variation:focus,.ast-button:focus,.ast-builder-button-wrap:has(.ast-custom-button-link:focus),.ast-builder-button-wrap .ast-custom-button-link:focus{outline-style:dotted;outline-color:inherit;outline-width:thin;}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,input[type="number"]:focus,textarea:focus,.wp-block-search__input:focus,[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,.ast-mobile-popup-drawer.active .menu-toggle-close:focus,#ast-scroll-top:focus,#coupon_code:focus,#ast-coupon-code:focus{border-style:dotted;border-color:inherit;border-width:thin;}input{outline:none;}.ast-logo-title-inline .site-logo-img{padding-right:1em;}.site-logo-img img{ transition:all 0.2s linear;}body .ast-oembed-container *{position:absolute;top:0;width:100%;height:100%;left:0;}body .wp-block-embed-pocket-casts .ast-oembed-container *{position:unset;}.ast-single-post-featured-section + article {margin-top: 2em;}.site-content .ast-single-post-featured-section img {width: 100%;overflow: hidden;object-fit: cover;}.ast-separate-container .site-content .ast-single-post-featured-section + article {margin-top: -80px;z-index: 9;position: relative;border-radius: 4px;}@media (min-width: 1221px) {.ast-no-sidebar .site-content .ast-article-image-container--wide {margin-left: -120px;margin-right: -120px;max-width: unset;width: unset;}.ast-left-sidebar .site-content .ast-article-image-container--wide,.ast-right-sidebar .site-content .ast-article-image-container--wide {margin-left: -10px;margin-right: -10px;}.site-content .ast-article-image-container--full {margin-left: calc( -50vw + 50%);margin-right: calc( -50vw + 50%);max-width: 100vw;width: 100vw;}.ast-left-sidebar .site-content .ast-article-image-container--full,.ast-right-sidebar .site-content .ast-article-image-container--full {margin-left: -10px;margin-right: -10px;max-width: inherit;width: auto;}}.site > .ast-single-related-posts-container {margin-top: 0;}@media (min-width: 1221px) {.ast-desktop .ast-container--narrow {max-width: var(--ast-narrow-container-width);margin: 0 auto;}}.ast-page-builder-template .hentry {margin: 0;}.ast-page-builder-template .site-content > .ast-container {max-width: 100%;padding: 0;}.ast-page-builder-template .site .site-content #primary {padding: 0;margin: 0;}.ast-page-builder-template .no-results {text-align: center;margin: 4em auto;}.ast-page-builder-template .ast-pagination {padding: 2em;}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail {margin-top: 0;}.ast-page-builder-template .entry-header.ast-header-without-markup {margin-top: 0;margin-bottom: 0;}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta {margin-bottom: 0;}.ast-page-builder-template.single .post-navigation {padding-bottom: 2em;}.ast-page-builder-template.single-post .site-content > .ast-container {max-width: 100%;}.ast-page-builder-template .entry-header {margin-top: 2em;margin-left: auto;margin-right: auto;}.ast-page-builder-template .ast-archive-description {margin: 2em auto 0;padding-left: 20px;padding-right: 20px;}.ast-page-builder-template .ast-row {margin-left: 0;margin-right: 0;}.single.ast-page-builder-template .entry-header + .entry-content,.single.ast-page-builder-template .ast-single-entry-banner + .site-content article .entry-content {margin-bottom: 2em;}@media(min-width: 1220px) {.ast-page-builder-template.archive.ast-right-sidebar .ast-row article,.ast-page-builder-template.archive.ast-left-sidebar .ast-row article {padding-left: 0;padding-right: 0;}}input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type=reset],input[type=tel],input[type=date],select,textarea{font-size:16px;font-style:normal;font-weight:400;line-height:24px;width:100%;padding:12px 16px;border-radius:4px;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.05);color:var(--ast-form-input-text,#475569);}input[type="text"],input[type="number"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type=reset],input[type=tel],input[type=date],select{height:40px;}input[type="date"]{border-width:1px;border-style:solid;border-color:var(--ast-border-color);background:var( --ast-global-color-secondary,var(--ast-global-color-5) );}input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type=reset]:focus,input[type="tel"]:focus,input[type="date"]:focus,select:focus,textarea:focus{border-color:#046BD2;box-shadow:none;outline:none;color:var(--ast-form-input-focus-text,#475569);}label,legend{color:var(--ast-global-color-2,#111827 );font-size:14px;font-style:normal;font-weight:500;line-height:20px;}select{padding:6px 10px;}fieldset{padding:30px;border-radius:4px;}button,.ast-button,.button,input[type="button"],input[type="reset"],input[type="submit"],a:where(.wp-block-button__link){border-radius:4px;box-shadow:0px 1px 2px 0px rgba(0,0,0,0.05);}:root{--ast-comment-inputs-background:#FFF;}::placeholder{color:var(--ast-form-field-color,#9CA3AF);}::-ms-input-placeholder{color:var(--ast-form-field-color,#9CA3AF);}@media (max-width:1220.99px){#ast-desktop-header{display:none;}}@media (min-width:1221px){#ast-mobile-header{display:none;}}.wp-block-buttons.aligncenter{justify-content:center;}@media (max-width:1220px){.ast-theme-transparent-header #primary,.ast-theme-transparent-header #secondary{padding:0;}}@media (max-width:1220px){.ast-plain-container.ast-no-sidebar #primary{padding:0;}}.ast-plain-container.ast-no-sidebar #primary{margin-top:0;margin-bottom:0;}.wp-block-button.is-style-outline .wp-block-button__link{border-color:var(--ast-global-color-0);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;}div.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),div.wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color){color:var(--ast-global-color-0);}.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover{color:#ffffff;background-color:#a21413;border-color:#a21413;}.post-page-numbers.current .page-link,.ast-pagination .page-numbers.current{color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);}.wp-block-button.is-style-outline .wp-block-button__link{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;}.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,.ast-outline-button,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button{border-color:var(--ast-global-color-0);border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;font-family:inherit;font-weight:500;font-size:16px;font-size:1rem;line-height:1em;padding-top:13px;padding-right:30px;padding-bottom:13px;padding-left:30px;}.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color),.ast-outline-button{color:var(--ast-global-color-0);}.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover,.ast-outline-button:hover,.ast-outline-button:focus,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:focus{color:#ffffff;background-color:#a21413;border-color:#a21413;}.ast-single-post .entry-content a.ast-outline-button,.ast-single-post .entry-content .is-style-outline>.wp-block-button__link{text-decoration:none;}.wp-block-button .wp-block-button__link.wp-element-button.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link.wp-element-button:not(.has-background),.ast-outline-button{background-color:transparent;}.uagb-buttons-repeater.ast-outline-button{border-radius:9999px;}@media (max-width:1220px){.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,.ast-outline-button,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button{padding-top:12px;padding-right:28px;padding-bottom:12px;padding-left:28px;}}@media (max-width:544px){.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,.ast-outline-button,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button{padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;}}.entry-content[data-ast-blocks-layout] > figure{margin-bottom:1em;}h1.widget-title{font-weight:800;}h2.widget-title{font-weight:800;}h3.widget-title{font-weight:800;}#page{display:flex;flex-direction:column;min-height:100vh;}.ast-404-layout-1 h1.page-title{color:var(--ast-global-color-2);}.single .post-navigation a{line-height:1em;height:inherit;}.error-404 .page-sub-title{font-size:1.5rem;font-weight:inherit;}.search .site-content .content-area .search-form{margin-bottom:0;}#page .site-content{flex-grow:1;}.widget{margin-bottom:1.25em;}#secondary li{line-height:1.5em;}#secondary .wp-block-group h2{margin-bottom:0.7em;}#secondary h2{font-size:1.7rem;}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .comment-respond{padding:3em;}.ast-separate-container .ast-article-single .ast-article-single{padding:0;}.ast-article-single .wp-block-post-template-is-layout-grid{padding-left:0;}.ast-separate-container .comments-title,.ast-narrow-container .comments-title{padding:1.5em 2em;}.ast-page-builder-template .comment-form-textarea,.ast-comment-formwrap .ast-grid-common-col{padding:0;}.ast-comment-formwrap{padding:0;display:inline-flex;column-gap:20px;width:100%;margin-left:0;margin-right:0;}.comments-area textarea#comment:focus,.comments-area textarea#comment:active,.comments-area .ast-comment-formwrap input[type="text"]:focus,.comments-area .ast-comment-formwrap input[type="text"]:active {box-shadow:none;outline:none;}.archive.ast-page-builder-template .entry-header{margin-top:2em;}.ast-page-builder-template .ast-comment-formwrap{width:100%;}.entry-title{margin-bottom:0.6em;}.ast-archive-description p{font-size:inherit;font-weight:inherit;line-height:inherit;}.ast-separate-container .ast-comment-list li.depth-1,.hentry{margin-bottom:1.5em;}.site-content section.ast-archive-description{margin-bottom:2em;}@media (min-width:1220px){.ast-left-sidebar.ast-page-builder-template #secondary,.archive.ast-right-sidebar.ast-page-builder-template .site-main{padding-left:20px;padding-right:20px;}}@media (max-width:544px){.ast-comment-formwrap.ast-row{column-gap:10px;display:inline-block;}#ast-commentform .ast-grid-common-col{position:relative;width:100%;}}@media (min-width:1201px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .ast-author-box,.ast-separate-container .ast-404-layout-1,.ast-separate-container .no-results{padding:3em;}}@media (max-width:1220px){.ast-left-sidebar #content > .ast-container{display:flex;flex-direction:column-reverse;width:100%;}}@media (min-width:1221px){.ast-separate-container.ast-right-sidebar #primary,.ast-separate-container.ast-left-sidebar #primary{border:0;}.search-no-results.ast-separate-container #primary{margin-bottom:4em;}}.wp-block-button .wp-block-button__link{color:#ffffff;}.wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus{color:#ffffff;background-color:#a21413;border-color:#a21413;}.elementor-widget-heading h1.elementor-heading-title{line-height:1.4em;}.elementor-widget-heading h2.elementor-heading-title{line-height:1.3em;}.elementor-widget-heading h3.elementor-heading-title{line-height:1.3em;}.elementor-widget-heading h4.elementor-heading-title{line-height:1.2em;}.elementor-widget-heading h5.elementor-heading-title{line-height:1.2em;}.elementor-widget-heading h6.elementor-heading-title{line-height:1.25em;}.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{border-style:solid;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-bottom-width:1px;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);color:#ffffff;font-family:inherit;font-weight:500;line-height:1em;font-size:16px;font-size:1rem;border-top-left-radius:13px;border-top-right-radius:13px;border-bottom-right-radius:13px;border-bottom-left-radius:13px;padding-top:12px;padding-right:22px;padding-bottom:12px;padding-left:22px;}.ast-single-post .entry-content .wp-block-button .wp-block-button__link,.ast-single-post .entry-content .wp-block-search .wp-block-search__button,body .entry-content .wp-block-file .wp-block-file__button{text-decoration:none;}@media (max-width:1220px){.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{padding-top:14px;padding-right:28px;padding-bottom:14px;padding-left:28px;}}@media (max-width:544px){.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px;}}.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],#comments .submit,.search .search-submit,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button,.search .search-submit{border-style:solid;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-bottom-width:1px;color:#ffffff;border-color:var(--ast-global-color-0);background-color:var(--ast-global-color-0);padding-top:12px;padding-right:22px;padding-bottom:12px;padding-left:22px;font-family:inherit;font-weight:500;font-size:16px;font-size:1rem;line-height:1em;border-top-left-radius:13px;border-top-right-radius:13px;border-bottom-right-radius:13px;border-bottom-left-radius:13px;}button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.ast-custom-button:hover .button:hover,.ast-custom-button:hover ,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,body .wp-block-file .wp-block-file__button:hover,body .wp-block-file .wp-block-file__button:focus{color:#ffffff;background-color:#a21413;border-color:#a21413;}form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.has-icon{padding-top:calc(12px - 3px);padding-right:calc(22px - 3px);padding-bottom:calc(12px - 3px);padding-left:calc(22px - 3px);}@media (max-width:1220px){.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],#comments .submit,.search .search-submit,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button,.search .search-submit{padding-top:14px;padding-right:28px;padding-bottom:14px;padding-left:28px;}}@media (max-width:544px){.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],#comments .submit,.search .search-submit,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button,.search .search-submit{padding-top:12px;padding-right:24px;padding-bottom:12px;padding-left:24px;}}@media (max-width:1220px){.ast-mobile-header-stack .main-header-bar .ast-search-menu-icon{display:inline-block;}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-stack .main-header-bar .ast-search-icon{margin:0;}.ast-comment-avatar-wrap img{max-width:2.5em;}.ast-comment-meta{padding:0 1.8888em 1.3333em;}}@media (min-width:544px){.ast-container{max-width:100%;}}@media (max-width:544px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .comments-title,.ast-separate-container .ast-archive-description{padding:1.5em 1em;}.ast-separate-container #content .ast-container{padding-left:0.54em;padding-right:0.54em;}.ast-separate-container .ast-comment-list .bypostauthor{padding:.5em;}.ast-search-menu-icon.ast-dropdown-active .search-field{width:170px;}} #ast-mobile-header .ast-site-header-cart-li a{pointer-events:none;}.ast-separate-container{background-color:var(--ast-global-color-4);background-image:none;}@media (max-width:1220px){.site-title{display:none;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:30px;font-size:1.875rem;}h2,.entry-content :where(h2){font-size:25px;font-size:1.5625rem;}h3,.entry-content :where(h3){font-size:20px;font-size:1.25rem;}}@media (max-width:544px){.site-title{display:none;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:30px;font-size:1.875rem;}h2,.entry-content :where(h2){font-size:25px;font-size:1.5625rem;}h3,.entry-content :where(h3){font-size:20px;font-size:1.25rem;}header .custom-logo-link img,.ast-header-break-point .site-branding img,.ast-header-break-point .custom-logo-link img{max-width:150px;width:150px;}.astra-logo-svg{width:150px;}.ast-header-break-point .site-logo-img .custom-mobile-logo-link img{max-width:150px;}}@media (max-width:1220px){html{font-size:91.2%;}}@media (max-width:544px){html{font-size:91.2%;}}@media (min-width:1221px){.ast-container{max-width:1340px;}}@media (min-width:1221px){.site-content .ast-container{display:flex;}}@media (max-width:1220px){.site-content .ast-container{flex-direction:column;}}.entry-content :where(h1,h2,h3,h4,h5,h6){clear:none;}@media (min-width:1221px){.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu,.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu{margin-left:-0px;}}.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{background:transparent;}.entry-content li > p{margin-bottom:0;}.site .comments-area{padding-bottom:2em;margin-top:2em;}.wp-block-file {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}.wp-block-pullquote {border: none;}.wp-block-pullquote blockquote::before {content: "\201D";font-family: "Helvetica",sans-serif;display: flex;transform: rotate( 180deg );font-size: 6rem;font-style: normal;line-height: 1;font-weight: bold;align-items: center;justify-content: center;}.has-text-align-right > blockquote::before {justify-content: flex-start;}.has-text-align-left > blockquote::before {justify-content: flex-end;}figure.wp-block-pullquote.is-style-solid-color blockquote {max-width: 100%;text-align: inherit;}:root {--wp--custom--ast-default-block-top-padding: 3em;--wp--custom--ast-default-block-right-padding: 3em;--wp--custom--ast-default-block-bottom-padding: 3em;--wp--custom--ast-default-block-left-padding: 3em;--wp--custom--ast-container-width: 1300px;--wp--custom--ast-content-width-size: 1300px;--wp--custom--ast-wide-width-size: calc(1300px + var(--wp--custom--ast-default-block-left-padding) + var(--wp--custom--ast-default-block-right-padding));}.ast-narrow-container {--wp--custom--ast-content-width-size: 750px;--wp--custom--ast-wide-width-size: 750px;}@media(max-width: 1220px) {:root {--wp--custom--ast-default-block-top-padding: 3em;--wp--custom--ast-default-block-right-padding: 2em;--wp--custom--ast-default-block-bottom-padding: 3em;--wp--custom--ast-default-block-left-padding: 2em;}}@media(max-width: 544px) {:root {--wp--custom--ast-default-block-top-padding: 3em;--wp--custom--ast-default-block-right-padding: 1.5em;--wp--custom--ast-default-block-bottom-padding: 3em;--wp--custom--ast-default-block-left-padding: 1.5em;}}.entry-content > .wp-block-group,.entry-content > .wp-block-cover,.entry-content > .wp-block-columns {padding-top: var(--wp--custom--ast-default-block-top-padding);padding-right: var(--wp--custom--ast-default-block-right-padding);padding-bottom: var(--wp--custom--ast-default-block-bottom-padding);padding-left: var(--wp--custom--ast-default-block-left-padding);}.ast-plain-container.ast-no-sidebar .entry-content > .alignfull,.ast-page-builder-template .ast-no-sidebar .entry-content > .alignfull {margin-left: calc( -50vw + 50%);margin-right: calc( -50vw + 50%);max-width: 100vw;width: 100vw;}.ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignwide,.ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignwide,.ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-column .alignwide {margin-left: auto;margin-right: auto;width: 100%;}[data-ast-blocks-layout] .wp-block-separator:not(.is-style-dots) {height: 0;}[data-ast-blocks-layout] .wp-block-separator {margin: 20px auto;}[data-ast-blocks-layout] .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {max-width: 100px;}[data-ast-blocks-layout] .wp-block-separator.has-background {padding: 0;}.entry-content[data-ast-blocks-layout] > * {max-width: var(--wp--custom--ast-content-width-size);margin-left: auto;margin-right: auto;}.entry-content[data-ast-blocks-layout] > .alignwide {max-width: var(--wp--custom--ast-wide-width-size);}.entry-content[data-ast-blocks-layout] .alignfull {max-width: none;}.entry-content .wp-block-columns {margin-bottom: 0;}blockquote {margin: 1.5em;border-color: rgba(0,0,0,0.05);}.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center) {border-left: 5px solid rgba(0,0,0,0.05);}.has-text-align-right > blockquote,blockquote.has-text-align-right {border-right: 5px solid rgba(0,0,0,0.05);}.has-text-align-left > blockquote,blockquote.has-text-align-left {border-left: 5px solid rgba(0,0,0,0.05);}.wp-block-site-tagline,.wp-block-latest-posts .read-more {margin-top: 15px;}.wp-block-loginout p label {display: block;}.wp-block-loginout p:not(.login-remember):not(.login-submit) input {width: 100%;}.wp-block-loginout input:focus {border-color: transparent;}.wp-block-loginout input:focus {outline: thin dotted;}.entry-content .wp-block-media-text .wp-block-media-text__content {padding: 0 0 0 8%;}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 0 8% 0 0;}.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {padding: 8%;}.entry-content .wp-block-cover:not([class*="background-color"]):not(.has-text-color.has-link-color) .wp-block-cover__inner-container,.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {color: var(--ast-global-color-primary,var(--ast-global-color-5));}.wp-block-loginout .login-remember input {width: 1.1rem;height: 1.1rem;margin: 0 5px 4px 0;vertical-align: middle;}.wp-block-latest-posts > li > *:first-child,.wp-block-latest-posts:not(.is-grid) > li:first-child {margin-top: 0;}.entry-content > .wp-block-buttons,.entry-content > .wp-block-uagb-buttons {margin-bottom: 1.5em;}.wp-block-search__inside-wrapper .wp-block-search__input {padding: 0 10px;color: var(--ast-global-color-3);background: var(--ast-global-color-primary,var(--ast-global-color-5));border-color: var(--ast-border-color);}.wp-block-latest-posts .read-more {margin-bottom: 1.5em;}.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input {padding-top: 5px;padding-bottom: 5px;}.wp-block-latest-posts .wp-block-latest-posts__post-date,.wp-block-latest-posts .wp-block-latest-posts__post-author {font-size: 1rem;}.wp-block-latest-posts > li > *,.wp-block-latest-posts:not(.is-grid) > li {margin-top: 12px;margin-bottom: 12px;}.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .alignwide:where(:not(.uagb-is-root-container):not(.spectra-is-root-container)) > * {max-width: var(--wp--custom--ast-wide-width-size);}.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .inherit-container-width > *,.ast-page-builder-template .entry-content[data-ast-blocks-layout] > *:not(.wp-block-group):where(:not(.uagb-is-root-container):not(.spectra-is-root-container)) > *,.entry-content[data-ast-blocks-layout] > .wp-block-cover .wp-block-cover__inner-container {max-width: none ;margin-left: auto;margin-right: auto;}.ast-page-builder-template .entry-content[data-ast-blocks-layout] > *,.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .alignfull:where(:not(.wp-block-group):not(.uagb-is-root-container):not(.spectra-is-root-container)) > * {max-width: none;}.entry-content[data-ast-blocks-layout] .wp-block-cover:not(.alignleft):not(.alignright) {width: auto;}@media(max-width: 1200px) {.ast-separate-container .entry-content > .alignfull,.ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content .alignfull {margin-left: calc(-1 * min(var(--ast-container-default-xlg-padding),20px)) ;margin-right: calc(-1 * min(var(--ast-container-default-xlg-padding),20px));}}@media(min-width: 1201px) {.ast-separate-container .entry-content > .alignfull {margin-left: calc(-1 * var(--ast-container-default-xlg-padding) );margin-right: calc(-1 * var(--ast-container-default-xlg-padding) );}.ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide {margin-left: auto;margin-right: auto;}}@media(min-width: 1220px) {.ast-separate-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) > :where(:not(.alignleft):not(.alignright)),.ast-plain-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) > :where(:not(.alignleft):not(.alignright)) {max-width: calc( var(--wp--custom--ast-content-width-size) + 80px );}.ast-plain-container.ast-right-sidebar .entry-content[data-ast-blocks-layout] .alignfull,.ast-plain-container.ast-left-sidebar .entry-content[data-ast-blocks-layout] .alignfull {margin-left: -60px;margin-right: -60px;}}@media(min-width: 544px) {.entry-content > .alignleft {margin-right: 20px;}.entry-content > .alignright {margin-left: 20px;}}@media (max-width:544px){.wp-block-columns .wp-block-column:not(:last-child){margin-bottom:20px;}.wp-block-latest-posts{margin:0;}}@media( max-width: 600px ) {.entry-content .wp-block-media-text .wp-block-media-text__content,.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 8% 0 0;}.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {padding: 8%;}}.ast-page-builder-template .entry-header {padding-left: 0;}.ast-narrow-container .site-content .wp-block-uagb-image--align-full .wp-block-uagb-image__figure {max-width: 100%;margin-left: auto;margin-right: auto;}.entry-content ul,.entry-content ol {padding: revert;margin: revert;padding-left: 20px;}.entry-content ul.wc-block-product-template{padding: 0;}:root .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root{--ast-global-color-0:#d92c2b;--ast-global-color-1:#f9c13e;--ast-global-color-2:#193531;--ast-global-color-3:#193531;--ast-global-color-4:#FFFFFF;--ast-global-color-5:#f9f9f9;--ast-global-color-6:#fff7e9;--ast-global-color-7:#f9f9f9;--ast-global-color-8:#a8a8a8;}:root {--ast-border-color : var(--ast-global-color-7);}.ast-archive-entry-banner {-js-display: flex;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;background: var(--ast-title-layout-bg);}.ast-archive-entry-banner[data-banner-width-type="custom"] {margin: 0 auto;width: 100%;}.ast-archive-entry-banner[data-banner-layout="layout-1"] {background: inherit;padding: 20px 0;text-align: left;}body.archive .ast-archive-description{max-width:1300px;width:100%;text-align:left;padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:3em;}body.archive .ast-archive-description .ast-archive-title,body.archive .ast-archive-description .ast-archive-title *{font-weight:600;font-size:32px;font-size:2rem;}body.archive .ast-archive-description > *:not(:last-child){margin-bottom:10px;}@media (max-width:1220px){body.archive .ast-archive-description{text-align:left;}}@media (max-width:544px){body.archive .ast-archive-description{text-align:left;}}.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg{width:150px;}.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img{ max-width:150px; width:150px;}@media (max-width:1220px){.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg{width:120px;}.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img{ max-width:120px; width:120px;}}@media (max-width:543px){.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg{width:100px;}.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img{ max-width:100px; width:100px;}}@media (min-width:1221px){.ast-theme-transparent-header #masthead{position:absolute;left:0;right:0;}.ast-theme-transparent-header .main-header-bar,.ast-theme-transparent-header.ast-header-break-point .main-header-bar{background:none;}body.elementor-editor-active.ast-theme-transparent-header #masthead,.fl-builder-edit .ast-theme-transparent-header #masthead,body.vc_editor.ast-theme-transparent-header #masthead,body.brz-ed.ast-theme-transparent-header #masthead{z-index:0;}.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .custom-mobile-logo-link{display:none;}.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .transparent-custom-logo{display:inline-block;}.ast-theme-transparent-header .ast-above-header,.ast-theme-transparent-header .ast-above-header.ast-above-header-bar{background-image:none;background-color:transparent;}.ast-theme-transparent-header .ast-below-header,.ast-theme-transparent-header .ast-below-header.ast-below-header-bar{background-image:none;background-color:transparent;}}.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link,.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link{background-color:transparent;}@media (max-width:1220px){.ast-theme-transparent-header #masthead{position:absolute;left:0;right:0;}.ast-theme-transparent-header .main-header-bar,.ast-theme-transparent-header.ast-header-break-point .main-header-bar{background:none;}body.elementor-editor-active.ast-theme-transparent-header #masthead,.fl-builder-edit .ast-theme-transparent-header #masthead,body.vc_editor.ast-theme-transparent-header #masthead,body.brz-ed.ast-theme-transparent-header #masthead{z-index:0;}.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .custom-mobile-logo-link{display:none;}.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .transparent-custom-logo{display:inline-block;}.ast-theme-transparent-header .ast-above-header,.ast-theme-transparent-header .ast-above-header.ast-above-header-bar{background-image:none;background-color:transparent;}.ast-theme-transparent-header .ast-below-header,.ast-theme-transparent-header .ast-below-header.ast-below-header-bar{background-image:none;background-color:transparent;}}.ast-theme-transparent-header #ast-desktop-header > .ast-main-header-wrap > .main-header-bar,.ast-theme-transparent-header.ast-header-break-point #ast-mobile-header > .ast-main-header-wrap > .main-header-bar{border-bottom-width:0px;border-bottom-style:solid;}.ast-breadcrumbs .trail-browse,.ast-breadcrumbs .trail-items,.ast-breadcrumbs .trail-items li{display:inline-block;margin:0;padding:0;border:none;background:inherit;text-indent:0;text-decoration:none;}.ast-breadcrumbs .trail-browse{font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;}.ast-breadcrumbs .trail-items{list-style:none;}.trail-items li::after{padding:0 0.3em;content:"\00bb";}.trail-items li:last-of-type::after{display:none;}h1,h2,h3,h4,h5,h6,.entry-content :where(h1,h2,h3,h4,h5,h6){color:var(--ast-global-color-2);}.entry-title a{color:var(--ast-global-color-2);}@media (max-width:1220px){.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-firstrow .ast-builder-grid-row > *:first-child,.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1 / -1;}}@media (max-width:544px){.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-firstrow .ast-builder-grid-row > *:first-child,.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1 / -1;}}.ast-builder-layout-element[data-section="title_tagline"]{display:flex;}@media (max-width:1220.99px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}.ast-builder-menu-1{font-family:inherit;font-weight:400;text-transform:uppercase;}.ast-builder-menu-1 .menu-item > .menu-link{line-height:2em;font-size:18px;font-size:1.125rem;color:var(--ast-global-color-3);}.ast-builder-menu-1 .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-1 .menu-link:hover,.ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,.ast-builder-menu-1 .inline-on-mobile .ast-menu-toggle:hover,.ast-builder-menu-1 .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-0);}.ast-builder-menu-1 .ast-menu-toggle:hover,.ast-builder-menu-1 .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-0);}.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,.ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,.ast-builder-menu-1 .current-menu-ancestor > .menu-link{color:var(--ast-global-color-0);}.ast-builder-menu-1 .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-0);}.ast-builder-menu-1 .sub-menu,.ast-builder-menu-1 .inline-on-mobile .sub-menu{border-top-width:2px;border-bottom-width:0px;border-right-width:0px;border-left-width:0px;border-color:var(--ast-global-color-0);border-style:solid;}.ast-builder-menu-1 .sub-menu .sub-menu{top:-2px;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0px;}.ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu:before,.ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before{height:calc( 0px + 2px + 5px );}.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link{border-style:none;}@media (max-width:1220px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-1 .inline-on-mobile .menu-item.menu-item-has-children > .ast-menu-toggle{right:-15px;}.ast-builder-menu-1 .menu-item-has-children > .menu-link:after{content:unset;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0;}}.ast-builder-menu-1{display:flex;}@media (max-width:1220.99px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}.header-widget-area[data-section="sidebar-widgets-header-widget-1"]{display:block;}@media (max-width:1220.99px){.ast-header-break-point .header-widget-area[data-section="sidebar-widgets-header-widget-1"]{display:block;}}@media (max-width:544px){.ast-header-break-point .header-widget-area[data-section="sidebar-widgets-header-widget-1"]{display:block;}}.site-below-footer-wrap{padding-top:20px;padding-bottom:20px;}.site-below-footer-wrap[data-section="section-below-footer-builder"]{background-color:#f9f9f9;background-image:none;min-height:60px;}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{max-width:1300px;min-height:60px;margin-left:auto;margin-right:auto;}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row,.site-below-footer-wrap[data-section="section-below-footer-builder"] .site-footer-section{align-items:center;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-inline .site-footer-section{display:flex;margin-bottom:0;}.ast-builder-grid-row-full .ast-builder-grid-row{grid-template-columns:1fr;}@media (max-width:1220px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-full .ast-builder-grid-row{grid-template-columns:1fr;}}@media (max-width:544px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row{grid-template-columns:1fr;}}.site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}@media (max-width:1220.99px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}.ast-footer-copyright{text-align:center;}.ast-footer-copyright.site-footer-focus-item {color:var(--ast-global-color-3);}@media (max-width:1220px){.ast-footer-copyright{text-align:center;}}@media (max-width:544px){.ast-footer-copyright{text-align:center;}}.ast-footer-copyright.site-footer-focus-item {font-size:16px;font-size:1rem;}.ast-footer-copyright.ast-builder-layout-element{display:flex;}@media (max-width:1220.99px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}.footer-widget-area.widget-area.site-footer-focus-item{width:auto;}.ast-footer-row-inline .footer-widget-area.widget-area.site-footer-focus-item{width:100%;}.elementor-widget-heading .elementor-heading-title{margin:0;}.elementor-page .ast-menu-toggle{color:unset;background:unset;}.elementor-post.elementor-grid-item.hentry{margin-bottom:0;}.woocommerce div.product .elementor-element.elementor-products-grid .related.products ul.products li.product,.elementor-element .elementor-wc-products .woocommerce[class*='columns-'] ul.products li.product{width:auto;margin:0;float:none;}.elementor-toc__list-wrapper{margin:0;}body .elementor hr{background-color:#ccc;margin:0;}.ast-left-sidebar .elementor-section.elementor-section-stretched,.ast-right-sidebar .elementor-section.elementor-section-stretched{max-width:100%;left:0 !important;}.elementor-posts-container [CLASS*="ast-width-"]{width:100%;}.elementor-template-full-width .ast-container{display:block;}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{top:0 !important;}@media (max-width:544px){.elementor-element .elementor-wc-products .woocommerce[class*="columns-"] ul.products li.product{width:auto;margin:0;}.elementor-element .woocommerce .woocommerce-result-count{float:none;}}.ast-header-break-point .main-header-bar{border-bottom-width:1px;}@media (min-width:1221px){.main-header-bar{border-bottom-width:1px;}}.main-header-menu .menu-item, #astra-footer-menu .menu-item, .main-header-bar .ast-masthead-custom-menu-items{-js-display:flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link{height:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:flex;}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg{top:.2em;margin-top:0px;margin-left:0px;width:.65em;transform:translate(0, -2px) rotateZ(270deg);}.ast-mobile-popup-content .ast-submenu-expanded > .ast-menu-toggle{transform:rotateX(180deg);overflow-y:auto;}@media (min-width:1221px){.ast-builder-menu .main-navigation > ul > li:last-child a{margin-right:0;}}.ast-separate-container .ast-article-inner{background-color:var(--ast-global-color-4);background-image:none;}@media (max-width:1220px){.ast-separate-container .ast-article-inner{background-color:var(--ast-global-color-4);background-image:none;}}@media (max-width:544px){.ast-separate-container .ast-article-inner{background-color:var(--ast-global-color-4);background-image:none;}}.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description, .ast-separate-container .comments-area{background-color:var(--ast-global-color-4);background-image:none;}@media (max-width:1220px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-4);background-image:none;}}@media (max-width:544px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-4);background-image:none;}}.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-4);background-image:none;}@media (max-width:1220px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-4);background-image:none;}}@media (max-width:544px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-4);background-image:none;}}.ast-plain-container, .ast-page-builder-template{background-color:var(--ast-global-color-4);background-image:none;}@media (max-width:1220px){.ast-plain-container, .ast-page-builder-template{background-color:var(--ast-global-color-4);background-image:none;}}@media (max-width:544px){.ast-plain-container, .ast-page-builder-template{background-color:var(--ast-global-color-4);background-image:none;}}
		#ast-scroll-top {
			display: none;
			position: fixed;
			text-align: center;
			cursor: pointer;
			z-index: 99;
			width: 2.1em;
			height: 2.1em;
			line-height: 2.1;
			color: #ffffff;
			border-radius: 2px;
			content: "";
			outline: inherit;
		}
		@media (min-width: 769px) {
			#ast-scroll-top {
				content: "769";
			}
		}
		#ast-scroll-top .ast-icon.icon-arrow svg {
			margin-left: 0px;
			vertical-align: middle;
			transform: translate(0, -20%) rotate(180deg);
			width: 1.6em;
		}
		.ast-scroll-to-top-right {
			right: 30px;
			bottom: 30px;
		}
		.ast-scroll-to-top-left {
			left: 30px;
			bottom: 30px;
		}
	#ast-scroll-top{background-color:var(--ast-global-color-0);font-size:20px;border-top-left-radius:13px;border-top-right-radius:13px;border-bottom-right-radius:13px;border-bottom-left-radius:13px;}@media (max-width:1220px){#ast-scroll-top .ast-icon.icon-arrow svg{width:1em;}}.ast-mobile-header-content > *,.ast-desktop-header-content > * {padding: 10px 0;height: auto;}.ast-mobile-header-content > *:first-child,.ast-desktop-header-content > *:first-child {padding-top: 10px;}.ast-mobile-header-content > .ast-builder-menu,.ast-desktop-header-content > .ast-builder-menu {padding-top: 0;}.ast-mobile-header-content > *:last-child,.ast-desktop-header-content > *:last-child {padding-bottom: 0;}.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search label,.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search label {width: 100%;}.ast-desktop-header-content .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before {transform: rotateX(180deg);}#ast-desktop-header .ast-desktop-header-content,.ast-mobile-header-content .ast-search-icon,.ast-desktop-header-content .ast-search-icon,.ast-mobile-header-wrap .ast-mobile-header-content,.ast-main-header-nav-open.ast-popup-nav-open .ast-mobile-header-wrap .ast-mobile-header-content,.ast-main-header-nav-open.ast-popup-nav-open .ast-desktop-header-content {display: none;}.ast-main-header-nav-open.ast-header-break-point #ast-desktop-header .ast-desktop-header-content,.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {display: block;}.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-up > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-up > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item .menu-item > .sub-menu {opacity: 1;visibility: visible;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation {width: unset;margin: unset;}.ast-mobile-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle,.ast-desktop-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {left: calc( 20px - 0.907em);right: auto;}.ast-mobile-header-content .ast-search-menu-icon,.ast-mobile-header-content .ast-search-menu-icon.slide-search,.ast-desktop-header-content .ast-search-menu-icon,.ast-desktop-header-content .ast-search-menu-icon.slide-search {width: 100%;position: relative;display: block;right: auto;transform: none;}.ast-mobile-header-content .ast-search-menu-icon.slide-search .search-form,.ast-mobile-header-content .ast-search-menu-icon .search-form,.ast-desktop-header-content .ast-search-menu-icon.slide-search .search-form,.ast-desktop-header-content .ast-search-menu-icon .search-form {right: 0;visibility: visible;opacity: 1;position: relative;top: auto;transform: none;padding: 0;display: block;overflow: hidden;}.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-mobile-header-content .ast-search-menu-icon .search-field,.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-desktop-header-content .ast-search-menu-icon .search-field {width: 100%;padding-right: 5.5em;}.ast-mobile-header-content .ast-search-menu-icon .search-submit,.ast-desktop-header-content .ast-search-menu-icon .search-submit {display: block;position: absolute;height: 100%;top: 0;right: 0;padding: 0 1em;border-radius: 0;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation ul .sub-menu .menu-link {padding-left: 30px;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation .sub-menu .menu-item .menu-item .menu-link {padding-left: 40px;}.ast-mobile-popup-drawer.active .ast-mobile-popup-inner{background-color:#ffffff;;}.ast-mobile-header-wrap .ast-mobile-header-content, .ast-desktop-header-content{background-color:#ffffff;;}.ast-mobile-popup-content > *, .ast-mobile-header-content > *, .ast-desktop-popup-content > *, .ast-desktop-header-content > *{padding-top:0px;padding-bottom:0px;}.content-align-flex-start .ast-builder-layout-element{justify-content:flex-start;}.content-align-flex-start .main-header-menu{text-align:left;}.ast-desktop-header-content, .ast-mobile-header-content{position:absolute;width:100%;}.ast-mobile-popup-drawer.active .menu-toggle-close{color:#3a3a3a;}.ast-mobile-header-wrap .ast-primary-header-bar,.ast-primary-header-bar .site-primary-header-wrap{min-height:80px;}.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item{line-height:80px;}.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar{padding-left:20px;padding-right:20px;}.ast-header-break-point .ast-primary-header-bar{border-bottom-width:0px;border-bottom-color:var(--ast-global-color-4);border-bottom-style:solid;}@media (min-width:1221px){.ast-primary-header-bar{border-bottom-width:0px;border-bottom-color:var(--ast-global-color-4);border-bottom-style:solid;}}.ast-primary-header-bar{background-color:var( --ast-global-color-primary,--ast-global-color-4 );background-image:none;}.ast-primary-header-bar{display:block;}@media (max-width:1220.99px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}@media (max-width:544px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal{color:var(--ast-global-color-0);border:none;background:transparent;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{width:20px;height:20px;fill:var(--ast-global-color-0);}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu{color:var(--ast-global-color-0);}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .menu-link:hover, .ast-builder-menu-mobile .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link:after{content:unset;}.ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .main-header-menu{border-top-width:1px;border-color:#e0e0e0;}.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link{border-bottom-width:1px;border-color:#e0e0e0;border-style:solid;}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}@media (max-width:1220px){.ast-builder-menu-mobile .main-navigation{font-size:1.1rem;}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle{color:var(--ast-global-color-3);}.ast-builder-menu-mobile .main-navigation .menu-link:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-0);background:#ffffff;}.ast-builder-menu-mobile .main-navigation .ast-menu-toggle:hover, .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-0);}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{color:var(--ast-global-color-0);background:#ffffff;}.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .ast-menu-toggle{color:var(--ast-global-color-0);}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link:after{content:unset;}.ast-builder-menu-mobile .main-navigation .main-header-menu , .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu{background-color:#ffffff;background-image:none;}}@media (max-width:544px){.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}}.ast-builder-menu-mobile .main-navigation{display:block;}@media (max-width:1220.99px){.ast-header-break-point .ast-builder-menu-mobile .main-navigation{display:block;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-mobile .main-navigation{display:block;}}:root{--e-global-color-astglobalcolor0:#d92c2b;--e-global-color-astglobalcolor1:#f9c13e;--e-global-color-astglobalcolor2:#193531;--e-global-color-astglobalcolor3:#193531;--e-global-color-astglobalcolor4:#FFFFFF;--e-global-color-astglobalcolor5:#f9f9f9;--e-global-color-astglobalcolor6:#fff7e9;--e-global-color-astglobalcolor7:#f9f9f9;--e-global-color-astglobalcolor8:#a8a8a8;}
/*# sourceURL=astra-theme-css-inline-css */

/* /assets/design/content/plugins/elementor/assets/css/widget-heading.min.css */
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}

/* /assets/design/content/plugins/elementor/assets/css/widget-image.min.css */
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}

/* /assets/design/content/plugins/elementor/assets/css/widget-icon-box.min.css */
.elementor-widget-icon-box .elementor-icon-box-wrapper{display:flex;flex-direction:column;text-align:center}.elementor-widget-icon-box .elementor-icon-box-icon{display:inline-block;flex:0 0 auto;line-height:0}.elementor-widget-icon-box .elementor-icon-box-content{flex-grow:1;width:100%}.elementor-widget-icon-box .elementor-icon-box-title a{color:inherit}.elementor-widget-icon-box .elementor-icon-box-description{margin:0}.elementor-widget-icon-box.elementor-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}@media (min-width:-1){.elementor-widget-icon-box.elementor-widescreen-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-widescreen-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-widescreen-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-widescreen-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}@media (max-width:-1){.elementor-widget-icon-box.elementor-laptop-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-laptop-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-laptop-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-laptop-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}.elementor-widget-icon-box.elementor-tablet_extra-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-tablet_extra-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-tablet_extra-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-tablet_extra-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}@media (max-width:1024px){.elementor-widget-icon-box.elementor-tablet-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-tablet-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-tablet-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-tablet-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}@media (max-width:-1){.elementor-widget-icon-box.elementor-mobile_extra-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-mobile_extra-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-mobile_extra-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-mobile_extra-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}@media (max-width:767px){.elementor-widget-icon-box.elementor-mobile-position-inline-end .elementor-icon-box-wrapper{flex-direction:row-reverse;text-align:end}.elementor-widget-icon-box.elementor-mobile-position-inline-start .elementor-icon-box-wrapper{flex-direction:row;text-align:start}.elementor-widget-icon-box.elementor-mobile-position-block-start .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;text-align:center}.elementor-widget-icon-box.elementor-mobile-position-block-end .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column-reverse;text-align:center}}

/* /assets/design/content/plugins/elementor/assets/css/widget-icon-list.min.css */
.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container,.elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container{overflow:hidden}.elementor-widget .elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap;margin-inline:-8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{border-width:0;border-inline-start-width:1px;border-style:solid;height:100%;inset-inline-end:-8px;inset-inline-start:auto;position:relative;width:auto}.elementor-widget .elementor-icon-list-items{list-style-type:none;margin:0;padding:0}.elementor-widget .elementor-icon-list-item{margin:0;padding:0;position:relative}.elementor-widget .elementor-icon-list-item:after{inset-block-end:0;position:absolute;width:100%}.elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{align-self:center;padding-inline-start:5px}.elementor-widget .elementor-icon-list-icon{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative}.elementor-widget .elementor-icon-list-icon svg{height:var(--e-icon-list-icon-size,1em);width:var(--e-icon-list-icon-size,1em)}.elementor-widget .elementor-icon-list-icon i{font-size:var(--e-icon-list-icon-size);width:1.25em}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{text-align:var(--e-icon-list-icon-align)}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg{margin:var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)}.elementor-widget.elementor-list-item-link-full_width a{width:100%}.elementor-widget.elementor-align-center .elementor-icon-list-item,.elementor-widget.elementor-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-align-start .elementor-icon-list-item,.elementor-widget.elementor-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-align-end .elementor-icon-list-item,.elementor-widget.elementor-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-align-start) .elementor-icon-list-item:after{inset-inline-end:0}@media (min-width:-1){.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-widescreen-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-widescreen-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-widescreen-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-widescreen-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-laptop-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-laptop-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-laptop-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-laptop-align-start) .elementor-icon-list-item:after{inset-inline-end:0}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:1024px){.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:767px){.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}#left-area ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items{padding:0}

/* /assets/design/content/themes/hispanica/inc/css/blog-list.css */
/*
 * Výpis blogu.
 *
 * Dodaná verze blog neměla, takže se tady nic nepřevzalo — barvy ale ano:
 * #D92C2B a #A21413 jsou primární a sekundární z Elementor kitu, #193531 je
 * barva textu, #F9C13E akcent, #E0E0E0 a #F9F9F9 šedé z ostatních sekcí.
 * Proměnné se nezavádějí: zbytek převzatých stylů je nepoužívá a jedna sekce
 * s vlastním systémem by se po první úpravě tématu rozešla.
 */

.his-blog-container {
    margin: 0 auto;
    max-width: min(100%, 1300px);
    padding: 0 20px;
    width: 100%;
}

/* --- hlavička sekce ------------------------------------------------------ */

.his-blog-hero {
    padding: 120px 0 48px;
    text-align: center;
}

.his-blog-hero__title {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 20px;
}

.his-blog-hero__lead {
    color: #193531;
    font-size: 1.125rem;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 44em;
    opacity: .85;
}

@media (max-width: 767px) {
    .his-blog-hero {
        padding: 100px 0 32px;
    }

    .his-blog-hero__title {
        font-size: 2rem;
    }

    .his-blog-hero__lead {
        font-size: 1rem;
    }
}

/* --- výpis --------------------------------------------------------------- */

.his-blog-list {
    padding-bottom: 96px;
}

.his-blog-grid {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 48px;
}

@media (max-width: 1024px) {
    .his-blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .his-blog-grid {
        gap: 24px;
        grid-template-columns: 1fr;
        margin-top: 32px;
    }
}

/* --- první článek přes celou šířku -------------------------------------- */

.his-blog-feature {
    align-items: center;
    background: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 24px;
    display: grid;
    gap: 0;
    grid-template-columns: 1.15fr 1fr;
    overflow: hidden;
}

.his-blog-feature__media,
.his-blog-card__media {
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
}

.his-blog-feature__media {
    aspect-ratio: 16 / 10;
    height: 100%;
}

.his-blog-feature__media img,
.his-blog-card__media img {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
    width: 100%;
}

.his-blog-feature:hover .his-blog-feature__media img,
.his-blog-card:hover .his-blog-card__media img {
    transform: scale(1.03);
}

.his-blog-feature__body {
    padding: 40px;
}

.his-blog-feature__title {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.25;
    margin: 12px 0 16px;
}

.his-blog-feature__perex {
    color: #193531;
    font-size: 1.0625rem;
    line-height: 1.7;
    margin: 0 0 20px;
    opacity: .85;
}

@media (max-width: 1024px) {
    .his-blog-feature {
        grid-template-columns: 1fr;
    }

    .his-blog-feature__media {
        aspect-ratio: 16 / 9;
    }

    .his-blog-feature__body {
        padding: 28px 24px 32px;
    }

    .his-blog-feature__title {
        font-size: 1.5rem;
    }
}

/* --- karta --------------------------------------------------------------- */

.his-blog-card {
    background: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: box-shadow .25s ease, transform .25s ease;
}

.his-blog-card:hover {
    box-shadow: 0 12px 32px rgba(25, 53, 49, .1);
    transform: translateY(-3px);
}

.his-blog-card__media {
    aspect-ratio: 16 / 9;
}

.his-blog-card__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 24px;
}

.his-blog-card__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 10px 0 12px;
}

.his-blog-card__perex {
    color: #193531;
    font-size: .9375rem;
    line-height: 1.65;
    margin: 0 0 16px;
    opacity: .8;
}

/* Datum zůstane dole, i když je perex u každé karty jinak dlouhý. */
.his-blog-card__body .his-blog-meta {
    margin-top: auto;
}

.his-blog-feature__title a,
.his-blog-card__title a {
    color: inherit;
    text-decoration: none;
}

.his-blog-feature__title a:hover,
.his-blog-card__title a:hover {
    color: #D92C2B;
}

/* --- štítek, meta, náhrada obrázku -------------------------------------- */

.his-blog-stitek {
    background: #FFF2F2;
    border-radius: 999px;
    color: #A21413;
    display: inline-block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    margin: 0;
    padding: 6px 14px;
    text-transform: uppercase;
}

.his-blog-meta {
    color: #A8A8A8;
    font-size: .875rem;
    margin: 0;
}

.his-blog-meta__sep {
    padding: 0 6px;
}

.his-blog-nahrada {
    align-items: center;
    background: linear-gradient(135deg, #FFF7E9 0%, #FFF2F2 100%);
    color: #D92C2B;
    display: flex;
    font-size: 4rem;
    font-weight: 800;
    height: 100%;
    justify-content: center;
    line-height: 1;
    width: 100%;
}

/* --- tlačítka ------------------------------------------------------------ */

.his-blog-btn {
    background: #D92C2B;
    border: 2px solid #D92C2B;
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 13px 30px;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.his-blog-btn:hover,
.his-blog-btn:focus-visible {
    background: #A21413;
    border-color: #A21413;
    color: #fff;
}

.his-blog-btn--druha {
    background: transparent;
    color: #D92C2B;
}

.his-blog-btn--druha:hover,
.his-blog-btn--druha:focus-visible {
    background: #D92C2B;
    border-color: #D92C2B;
    color: #fff;
}

/* --- prázdný stav -------------------------------------------------------- */

.his-blog-prazdno {
    background: #F9F9F9;
    border: 2px dashed #E0E0E0;
    border-radius: 28px;
    margin: 0 auto;
    max-width: 44em;
    padding: 56px 32px;
    text-align: center;
}

.his-blog-prazdno__znak {
    color: #F9C13E;
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1;
    margin: 0 0 8px;
}

.his-blog-prazdno__title {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0 0 16px;
}

.his-blog-prazdno__text {
    color: #193531;
    font-size: 1.0625rem;
    line-height: 1.7;
    margin: 0 auto 32px;
    max-width: 36em;
    opacity: .85;
}

.his-blog-prazdno__akce {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

@media (max-width: 600px) {
    .his-blog-prazdno {
        padding: 40px 20px;
    }

    .his-blog-prazdno__akce .his-blog-btn {
        width: 100%;
    }
}

/* --- pás článků na titulce ------------------------------------------------ */
/*
 * Sekce má vlastní, teplejší pozadí, aby se na konci titulky oddělila od
 * bílého pásu nad sebou a nepůsobila jako přívěšek. Oživuje ji měkký
 * světlý kruh vlevo nahoře — dost na to, aby plocha nebyla mrtvá, a málo
 * na to, aby přebila karty.
 */

.his-blogpas {
    background: #F6F2EC;
    overflow: hidden;
    padding: 76px 0 84px;
    position: relative;
}

.his-blogpas::before {
    background: radial-gradient(circle, rgba(255, 255, 255, .9) 0 60%, transparent 70%);
    content: '';
    height: 520px;
    left: -140px;
    position: absolute;
    top: -180px;
    width: 520px;
}

.his-blogpas > * {
    position: relative;
}

/* Nadpis na střed; pod ním perex v rozumné délce řádku, taky na střed. */
.his-blogpas__title {
    font-size: clamp(1.75rem, 1.2rem + 1.7vw, 2.5rem);
    line-height: 1.15;
    margin: 0 0 14px;
    text-align: center;
}

.his-blogpas__lead {
    color: #5C6B68;
    font-size: 1.0625rem;
    line-height: 1.6;
    margin: 0 auto 36px;
    max-width: 40rem;
    text-align: center;
}

/*
 * Pás. `scroll-snap` je to, co dělá posouvání prstem na mobilu použitelným
 * i bez jediného řádku skriptu — karta vždycky dosedne na okraj.
 *
 * Odsazení zleva i zprava je `max()`: na širokém okně drží pás v šířce
 * ostatních sekcí, na úzkém se drží okraje obrazovky, takže se karty
 * nemají o co zarazit.
 */
/*
 * Pás je **široký jako zbytek stránky**, ne jako okno. Když vyjížděl až
 * k okraji obrazovky, bylo na širokém monitoru vidět skoro všech šest karet
 * naráz; pás tím ztratil smysl a sekce vypadala roztažená doprava. Takhle
 * jsou vidět tři a kus čtvrté v každé šířce okna a zbytek se doroluje.
 */
.his-blogpas__obal {
    margin: 0 auto;
    max-width: 1240px;
    padding: 0 20px;
    position: relative;
}

.his-blogpas__pas {
    -ms-overflow-style: none;
    display: flex;
    gap: 26px;
    overflow-x: auto;
    padding: 6px 0 10px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    width: 100%;
}

/* Posuvník pásu je zbytečný: karty samy ukazují, že se dá jet dál. */
.his-blogpas__pas::-webkit-scrollbar {
    display: none;
}

.his-blogpas__pas > .his-blog-card {
    flex: 0 0 min(21rem, 78vw);
    scroll-snap-align: start;
}

/*
 * Šipky. V šabloně jsou `hidden` a odkrývá je skript — bez něj by jen
 * svítily, protože posouvání obstarává prst nebo kolečko.
 *
 * Leží nad pásem, ne vedle něj: vedle by si vzaly šířku, kterou na úzkém
 * okně nemá kde vzít, a pás by se zúžil přesně tam, kde ho je nejvíc
 * potřeba.
 */
.his-blogpas__sipka {
    align-items: center;
    background: #FFF;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 6px 20px rgba(25, 53, 49, .16);
    color: #193531;
    cursor: pointer;
    display: none;
    flex: none;
    height: 48px;
    justify-content: center;
    padding: 0;
    position: absolute;
    /*
     * Ve výšce obrázku na kartě, ne uprostřed. Pás schválně vyjíždí až
     * k okraji okna, takže šipka vždycky něco překrývá — a překrýt fotku
     * vypadá jako záměr, kdežto překrýt titulek jako chyba.
     */
    top: 28%;
    transform: translateY(-50%);
    transition: background-color .15s, color .15s, opacity .15s;
    width: 48px;
    z-index: 2;
}

.his-blogpas--zivy .his-blogpas__sipka {
    display: flex;
}

/*
 * Typ vypsaný s třídou, protože převzatý design má na `button` vlastní
 * pravidla s vyšší specifičností: přepsala kulatý tvar na `13px` a
 * natlačila dovnitř `12px 22px` odsazení, takže z kolečka byl obdélník
 * a ikona se v něm smrskla na dva pixely. Ikonu proto drží pevná
 * velikost.
 */
button.his-blogpas__sipka {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    height: 48px;
    line-height: 1;
    padding: 0;
    width: 48px;
}

.his-blogpas__sipka svg {
    flex: none;
    height: 22px;
    width: 22px;
}

.his-blogpas__sipka--vlevo {
    left: -4px;
}

.his-blogpas__sipka--vpravo {
    right: -4px;
}

.his-blogpas__sipka:hover:not(:disabled),
.his-blogpas__sipka:focus-visible {
    background: #193531;
    color: #FFF;
}

.his-blogpas__sipka:disabled {
    cursor: default;
    opacity: .3;
}

/*
 * Tlačítko na celý blog. `text-decoration` se musí vypsat i tady: na
 * titulce platí pravidlo převzatého designu, které podtrhává odkazy
 * v obsahu, a `.his-blog-btn` samo na něj nestačí.
 */
.his-blogpas__vic {
    margin: 36px 0 0;
    text-align: center;
}

.his-blogpas__vic a.his-blog-btn,
.his-blogpas__vic a.his-blog-btn:hover,
.his-blogpas__vic a.his-blog-btn:focus-visible {
    text-decoration: none;
}

@media (max-width: 600px) {
    .his-blogpas {
        padding: 52px 0 60px;
    }

    .his-blogpas__pas {
        gap: 18px;
    }
}

/* /assets/design/content/themes/hispanica/inc/css/single-article.css */
/*
 * Článek.
 *
 * Typografie dlouhého textu, kterou převzatý design neřeší — ten počítá
 * s odstavci v Elementoru, ne s článkem na tisíc slov. Styl se proto vztahuje
 * na `.his-clanek__text` a platí na to, co do něj šablona článku napíše;
 * článek sám tedy nemá žádné třídy kromě `.his-clanek__ramec` na vysvětlivku.
 *
 * Měřítko: 1.0625rem na 1.75 řádek a sloupec široký 34em, tedy kolem 68 znaků
 * na řádek. Delší řádek se při návratu na začátek ztrácí, kratší drobí větu.
 */

.his-clanek {
    padding: 110px 0 96px;
}

/*
 * Šířka textu.
 *
 * Sloupec **roste s oknem**, ale ne sám o sobě: roste s ním i písmo (viz
 * `.his-clanek__text`). O čitelnosti totiž nerozhoduje šířka v pixelech, ale
 * počet znaků na řádku, a ten se má držet kolem osmdesáti. Samotné rozšíření
 * sloupce by ho vyhnalo přes sto a text by se četl hůř, ne líp.
 *
 * Změřeno v prohlížeči: 824 px při 17px písmu dělá 83 znaků na řádek. Obě
 * stupnice jsou proto spočítané tak, aby to číslo zůstalo stejné — na úzkém
 * okně 52 rem a 17 px, na širokém 61 rem a 20 px.
 *
 * Co z šířky těží navíc — široká tabulka a kalkulačka — smí přesáhnout
 * o kousek ven. Je to `--sirka-siroka`, a je to **jen o 6 rem**: tolik, aby
 * se tam vešel sedmisloupcový přehled, a ne tolik, aby to vypadalo, že se
 * rozvržení rozjelo.
 */
.his-clanek__container {
    --sirka-textu: clamp(52rem, 39.9rem + 17.56vw, 61rem);
    --sirka-siroka: calc(var(--sirka-textu) + 6rem);

    margin: 0 auto;
    max-width: min(100%, var(--sirka-textu));
    padding: 0 20px;
}

/* --- zpět na výpis ------------------------------------------------------- */

.his-clanek__zpet {
    margin-bottom: 28px;
}

.his-clanek__zpet a {
    color: #A8A8A8;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-decoration: none;
    text-transform: uppercase;
}

.his-clanek__zpet a::before {
    content: "←";
    padding-right: 8px;
}

.his-clanek__zpet a:hover {
    color: #D92C2B;
}

/* --- hlava --------------------------------------------------------------- */

.his-clanek__title {
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.15;
    margin: 16px 0 20px;
}

.his-clanek__meta {
    color: #A8A8A8;
    font-size: .9375rem;
    margin: 0 0 40px;
}

.his-clanek__obrazek {
    margin: 0 0 40px;
}

.his-clanek__obrazek img {
    border-radius: 20px;
    display: block;
    height: auto;
    width: 100%;
}

/* Perex je odpověď na otázku z titulku, ne úvod. Odlišuje se velikostí a
   svislou linkou, ne rámečkem — rámeček by z něj udělal vysvětlivku. */
.his-clanek__perex {
    border-left: 4px solid #F9C13E;
    color: #193531;
    font-size: 1.3125rem;
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 40px;
    padding-left: 24px;
}

@media (max-width: 767px) {
    .his-clanek {
        padding: 90px 0 64px;
    }

    .his-clanek__title {
        font-size: 1.875rem;
    }

    .his-clanek__perex {
        font-size: 1.125rem;
        padding-left: 18px;
    }
}

/* --- text článku --------------------------------------------------------- */

/*
 * Písmo roste s oknem spolu se sloupcem, viz `.his-clanek__container`.
 * 17 px na úzkém okně, 20 px na širokém; mezi tím plynule.
 */
.his-clanek__text {
    color: #193531;
    font-size: clamp(1.0625rem, 0.81rem + 0.366vw, 1.25rem);
    line-height: 1.75;
}

.his-clanek__text > :first-child {
    margin-top: 0;
}

/*
 * Zarovnání do bloku.
 *
 * Jde **jen na souvislý text** — na odstavce, odrážky a vysvětlivku v rámečku.
 * Krátké popisky u posuvníků, popisky obrázků a meze pod dráhou se do bloku
 * nezarovnávají: na dvou slovech z toho vznikne řádek s dírami.
 *
 * `hyphens: auto` je povinná součást: čeština má dlouhá slova a blok bez
 * dělení v úzkém sloupci vyrobí mezi slovy řeky. Dělí se podle `lang`
 * na `<html>`, které nastavuje layout.
 *
 * Jednopísmenné předložky řeší server (TemplateFilters::typografie), ne CSS.
 */
.his-clanek__text > p,
.his-clanek__text > ul li,
.his-clanek__text > ol li,
.his-clanek__text .his-clanek__ramec p,
.his-clanek__faq-odpoved p {
    hyphens: auto;
    -webkit-hyphens: auto;
    text-align: justify;
}

.his-clanek__text p {
    margin: 0 0 1.5em;
}

.his-clanek__text h2 {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.25;
    margin: 2.25em 0 .75em;
}

.his-clanek__text h3 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 2em 0 .6em;
}

.his-clanek__text a {
    color: #D92C2B;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
}

.his-clanek__text a:hover {
    color: #A21413;
}

.his-clanek__text strong {
    font-weight: 700;
}

/* Odrážka je značka, ne písmeno — proto `::marker` a ne vlastní `::before`:
   čtečka pak seznam pořád ohlásí jako seznam. */
.his-clanek__text ul,
.his-clanek__text ol {
    margin: 0 0 1.5em;
    padding-left: 1.4em;
}

.his-clanek__text li {
    margin-bottom: .6em;
}

.his-clanek__text li::marker {
    color: #D92C2B;
    font-weight: 700;
}

.his-clanek__text blockquote {
    border-left: 4px solid #E0E0E0;
    font-size: 1.125rem;
    font-style: italic;
    margin: 2em 0;
    padding: 4px 0 4px 24px;
}

.his-clanek__text table {
    border-collapse: collapse;
    display: block;
    margin: 2em 0;
    overflow-x: auto;
    width: 100%;
}

.his-clanek__text th,
.his-clanek__text td {
    border-bottom: 1px solid #E0E0E0;
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
}

.his-clanek__text th {
    background: #F9F9F9;
    font-weight: 700;
}

/* Vysvětlivka uvnitř článku: čím se co počítá, co znamená zkratka. */
.his-clanek__ramec {
    background: #FFF7E9;
    border-radius: 16px;
    margin: 2em 0;
    padding: 24px 28px;
}

.his-clanek__ramec > :last-child {
    margin-bottom: 0;
}

/* --- FAQ ----------------------------------------------------------------- */

.his-clanek__faq {
    margin-top: 64px;
}

.his-clanek__faq h2 {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0 0 24px;
}

.his-clanek__faq-item {
    border-bottom: 1px solid #E0E0E0;
}

.his-clanek__faq-item:first-of-type {
    border-top: 1px solid #E0E0E0;
}

.his-clanek__faq-item summary {
    cursor: pointer;
    display: flex;
    font-size: 1.0625rem;
    font-weight: 700;
    gap: 16px;
    justify-content: space-between;
    list-style: none;
    padding: 20px 0;
}

.his-clanek__faq-item summary::-webkit-details-marker {
    display: none;
}

.his-clanek__faq-item summary::after {
    color: #D92C2B;
    content: "+";
    font-size: 1.5rem;
    line-height: 1;
    flex-shrink: 0;
}

.his-clanek__faq-item[open] summary::after {
    content: "−";
}

.his-clanek__faq-odpoved {
    color: #193531;
    line-height: 1.7;
    padding: 0 0 20px;
}

.his-clanek__faq-odpoved > :last-child {
    margin-bottom: 0;
}

/* --- odkaz na nabídku ---------------------------------------------------- */

.his-clanek__cta {
    background: #F3FCFF;
    border-radius: 24px;
    margin-top: 64px;
    padding: 40px 32px;
    text-align: center;
}

.his-clanek__cta-title {
    font-size: 1.625rem;
    font-weight: 800;
    margin: 0 0 12px;
}

.his-clanek__cta-text {
    color: #193531;
    line-height: 1.7;
    margin: 0 auto 28px;
    max-width: 32em;
    opacity: .85;
}

.his-clanek__cta-akce {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

@media (max-width: 600px) {
    .his-clanek__cta {
        padding: 32px 20px;
    }

    .his-clanek__cta-akce .his-blog-btn {
        width: 100%;
    }
}

/* --- schéma hodin na úroveň ---------------------------------------------- */
/*
 * Pruhový graf „kolik hodin zabere která úroveň". Barvy se **nepíšou tady**:
 * značka i výplň pruhu nesou třídu úrovně (`a1`, `b2`, …) z theme/style.css,
 * tedy tytéž barvy, jaké mají odznaky úrovní na `/jazykove-urovne-spanelstina`.
 * Kdyby se paleta v tématu změnila, změní se i tenhle graf; opsané hodnoty by
 * se rozešly.
 *
 * Šířka pruhu je poměr k nejdelšímu měřitelnému stupni (180 hodin) a předává
 * se inline jako `--sirka`, protože je to údaj, ne vzhled.
 *
 * Dva stavy, které číslo samo neukáže:
 *   * `--rozsah` (A1 je 40 až 70 hodin) dostane šrafu, ať je vidět, že pruh
 *     není jedna hodnota,
 *   * `--otevreny` (C1 a C2 nemají pevnou hranici) se vpravo rozplývá, takže
 *     nekončí, jen přestává.
 */

.his-hodiny {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 2em 0 2.5em;
}

.his-hodiny__radek {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    grid-template-areas: "badge pruh cislo" ". soucet soucet";
}

.his-hodiny__badge {
    align-items: center;
    border-radius: 10px;
    display: flex;
    font-size: .9375rem;
    font-weight: 800;
    grid-area: badge;
    justify-content: center;
    padding: 8px 0;
}

.his-hodiny__pruh {
    background: #F3F3F3;
    border-radius: 999px;
    display: block;
    grid-area: pruh;
    height: 14px;
    overflow: hidden;
}

.his-hodiny__fill {
    border-radius: 999px;
    display: block;
    height: 100%;
    width: var(--sirka, 100%);
}

/*
 * Pruh s rozsahem (A1 je 40-70 h). Šrafuje se **jen nejistá část**, tedy úsek
 * mezi dolní a horní mezí; po dolní mez je pruh plný, protože těch hodin je
 * potřeba vždy. Dřív byl šrafovaný celý pruh, což tvrdilo něco jiného: že je
 * nejistá celá úroveň.
 *
 * `--jiste` je podíl **uvnitř pruhu**, ne na stupnici grafu: pruh sám je už
 * zkrácený na `--sirka`, takže se 40 h z rozsahu 40-70 vyjádří jako 57 %.
 *
 * Nejistý úsek je **světlejší odstín téže barvy**, ne šrafa. Dělá se tak, že
 * se přes barvu úrovně položí bílá s tvrdým přechodem v `--jiste`: odstín pak
 * vyjde z barvy řádku sám a nemusí se pro každou úroveň zvlášť dopisovat.
 * Šrafa tu byla dřív, ale na čtrnáct pixelů vysokém pruhu z ní zbyly tři
 * proužky a působilo to spíš jako kaz tisku než jako údaj.
 */

.his-hodiny__fill--rozsah {
    background-image: linear-gradient(to right, transparent 0 var(--jiste, 0%), rgba(255, 255, 255, .58) var(--jiste, 0%) 100%);
}

.his-hodiny__fill--otevreny {
    -webkit-mask-image: linear-gradient(90deg, #000 55%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 55%, transparent 100%);
}

.his-hodiny__cislo {
    font-size: .9375rem;
    font-weight: 700;
    grid-area: cislo;
    white-space: nowrap;
}

.his-hodiny__soucet {
    color: #A8A8A8;
    font-size: .8125rem;
    grid-area: soucet;
}

@media (max-width: 600px) {
    .his-hodiny__radek {
        grid-template-areas: "badge cislo cislo" "badge pruh pruh" ". soucet soucet";
        grid-template-columns: 46px minmax(0, 1fr) auto;
        row-gap: 8px;
    }

    .his-hodiny__badge {
        grid-row: span 2;
        height: 100%;
    }

    .his-hodiny__cislo {
        text-align: left;
    }
}

/* --- podpis autora -------------------------------------------------------- */
/*
 * Jen u článků, které podpis nesou (převzaté ze starého blogu). Stojí v řádku
 * s datem a dobou čtení, protože je to tentýž druh údaje: kdo, kdy, jak dlouho.
 */

.his-clanek__autor {
    font-weight: 600;
}

/* --- tabulka zvuků (IPA) --------------------------------------------------- */
/*
 * Přehled hlásek s přehrávačem u každé. Ve starém blogu stála ta tabulka
 * čtyřikrát a pak se zvuky opakovaly ještě šedesátkrát v běžícím textu; dnes
 * je jedna a regiony na její řádky odkazují (viz `.his-zvuk`).
 *
 * `tr:target` je to, co odskok ze seznamu regionů vidí: bez zvýraznění přijde
 * čtenář k tabulce o deseti řádcích a neví, na který se měl podívat.
 */

.his-clanek__text .his-ipa td:first-child,
.his-clanek__text .his-ipa th:first-child {
    width: 1%;
    white-space: nowrap;
}

.his-ipa__znak {
    font-size: 1.375rem;
    line-height: 1.2;
}

.his-clanek__text .his-ipa tr {
    /* Ať odskok nenalepí řádek na horní hranu okna. */
    scroll-margin-top: 90px;
    transition: background-color .25s;
}

.his-clanek__text .his-ipa tr:target {
    background: #FFF7E9;
    box-shadow: inset 3px 0 0 #F9C13E;
}

/*
 * Přehrávač. `preload="none"` je schválně: šestnáct nahrávek po čtyřiceti
 * kilobajtech by se jinak stáhlo každému, kdo stránku jen otevře, i když si
 * nepustí ani jednu.
 */
/*
 * Šířka je tu **dolní mez, ne horní**. Sloupec s ukázkou dostával ve
 * třísloupcové tabulce jen zbytek místa — na 1280 px kolem 110 px, na mobilu
 * 90 — a přehrávač se do toho smrskl na 60 px. Prohlížeč v té šířce ořízne
 * i tlačítko přehrát, takže nahrávka nešla pustit vůbec.
 *
 * Dvě stě pixelů je nejmenší šířka, ve které Chrome vykreslí tlačítko i čas.
 * Prostřední sloupec se o to zúží; když se tabulka na úzkém okně přestane
 * vejít, posouvá se do stran, jak to dělá každá tabulka v článku.
 */
.his-ipa__zvuk {
    display: block;
    height: 36px;
    min-width: 200px;
    width: 100%;
}

/* Poslední sloupec si bere jen tolik, kolik přehrávač potřebuje. */
.his-clanek__text .his-ipa td:last-child,
.his-clanek__text .his-ipa th:last-child {
    white-space: nowrap;
    width: 1%;
}

@media (max-width: 600px) {
    .his-ipa__zvuk {
        min-width: 170px;
    }
}

/* --- odkaz na zvuk v textu ------------------------------------------------- */
/*
 * Symbol hlásky v seznamu regionů, který skočí na její řádek v tabulce výš.
 * Vypadá jako štítek, ne jako běžný odkaz — vede uvnitř stránky, ne pryč.
 */

.his-clanek__text a.his-zvuk {
    background: #F3F3F3;
    border-bottom: 0;
    border-radius: 6px;
    color: #193531;
    display: inline-block;
    font-size: 1.0625rem;
    line-height: 1.4;
    padding: 1px 7px;
    text-decoration: none;
    white-space: nowrap;
}

.his-clanek__text a.his-zvuk:hover,
.his-clanek__text a.his-zvuk:focus-visible {
    background: #F9C13E;
    color: #193531;
}

/* --- obrázek v textu ------------------------------------------------------- */
/*
 * Z fotek starého blogu se dochovaly jen náhledy 300 px, takže `--maly` je
 * nechává v původní velikosti a vycentruje je. Roztáhnout 300px fotku přes
 * celou šířku textu by z ní udělalo rozmazaninu.
 */

.his-clanek__text .his-obrazek {
    margin: 2em auto;
    max-width: 100%;
    text-align: center;
}

.his-clanek__text .his-obrazek img {
    border-radius: 12px;
    height: auto;
    max-width: 100%;
}

.his-clanek__text .his-obrazek--maly img {
    border-radius: 8px;
}

.his-clanek__text .his-obrazek figcaption {
    color: #6B7B78;
    font-size: .9375rem;
    line-height: 1.5;
    margin-top: 10px;
    text-align: center;
}

/* --- zdroje a licence ------------------------------------------------------ */
/*
 * Nahrávky a mapa jsou cizí dílo pod CC BY-SA; uvést autora a licenci není
 * zdvořilost, ale podmínka licence. Proto je ten seznam součástí článku, ne
 * patičky — kdo si pustí zvuk, má autora vidět na téže stránce.
 */

.his-clanek__text .his-zdroje {
    color: #6B7B78;
    font-size: .9375rem;
    line-height: 1.6;
}

.his-clanek__text .his-zdroje li::marker {
    color: #E0E0E0;
}

/* --- poznámka pod tabulkou ------------------------------------------------ */

.his-clanek__text .his-poznamka {
    color: #6B7B78;
    font-size: .9375rem;
    line-height: 1.6;
    margin-top: -1em;
}

/* --- graf ------------------------------------------------------------------ */
/*
 * Graf je vlastní SVG, ne obrázek: musí jít přečíst na mobilu a dát se
 * přeložit. Popisky dědí písmo stránky, takže se nemusí nic vkládat dovnitř.
 *
 * `his-graf--rucne` nic nedělá tady — kreslený vzhled je filtr uvnitř SVG,
 * protože se smí dotknout jenom čar. Třída je tu proto, aby se takový graf
 * dal najít a aby bylo kde ubrat, kdyby se filtr musel vypnout.
 */

.his-clanek__text .his-graf {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

.his-clanek__text .his-graf text {
    font-family: inherit;
}

/* --- kalkulačka ------------------------------------------------------------ */
/*
 * Obyčejný formulář, obyčejný `GET`. Počítá server (App\Core\Kalkulacka),
 * takže tenhle styl a pár řádků v `kalkulacka.js` je všechno, co kalkulačka
 * na klientovi potřebuje. **Bez JavaScriptu funguje celá** — skript jen
 * dopisuje hodnotu u posuvníku, když se s ním táhne; napoprvé ji vypíše
 * server, stejně jako obarví dráhu přes `--vyplneno`.
 */

.his-kalk {
    background: #F9F9F9;
    border-radius: 20px;
    margin: 2em 0;
    padding: 30px 32px;
}

/* --- pilulky místo roletky ------------------------------------------------- */
/*
 * Roletka ukáže jednu možnost z osmi a zbytek schová. Úrovní i počtu lekcí je
 * málo a jsou krátké, takže se všechny vejdou vedle sebe — student tak vidí,
 * z čeho vybírá, na jeden pohled a vybere jedním klepnutím.
 *
 * Pod pilulkou je pořád `input[type=radio]`: odesílá se jako kterýkoli jiný
 * formulář, umí to klávesnice i čtečka a nepotřebuje to skript.
 */

/*
 * Každá skupina má **vlastní řádek** a pilulky v ní jsou stejně široké.
 *
 * Dřív se skupiny skládaly vedle sebe a každá si brala jen tolik místa,
 * kolik potřebovala. Vypadalo to zpřeházeně: čtyři nadpisy začínaly jinde,
 * pilulky končily jinde a mezera mezi skupinami byla jen o kousek větší než
 * mezera mezi nadpisem a jeho pilulkami, takže nebylo poznat, co k čemu
 * patří. Raději víc řádků a jasné rozdělení.
 *
 * Linka mezi skupinami dělá totéž co mezera, jen spolehlivěji — a protože
 * jsou skupiny pod sebou, nedá se splést, který nadpis patří ke kterému
 * řádku pilulek.
 *
 * Kreslí se **pod skupinu**, ne nad tu následující, a pseudoprvkem, ne
 * rámečkem. Obojí kvůli `<legend>`: ta se vykresluje na horním okraji
 * `<fieldset>` a rámeček v tom místě přerušuje, takže `border-top` by
 * procházel skrz nadpis. A `::before` s `top: 0` taky nepomůže — obsahový
 * box fieldsetu začíná až **pod** legendou, takže by linka skončila mezi
 * nadpisem a jeho vlastními pilulkami. Zespodu žádná taková výjimka není.
 */
.his-kalk__volby {
    display: flex;
    flex-direction: column;
    margin-bottom: 28px;
}

.his-kalk__skupina {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.his-kalk__skupina:not(:last-of-type) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

.his-kalk__skupina:not(:last-of-type)::after {
    background: #E7EBEA;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.his-kalk__skupina legend {
    font-size: .9375rem;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0;
}

/*
 * `auto-fit` + `minmax(…, 1fr)`: prázdné sloupce se zahodí a pilulky se
 * roztáhnou na celou šířku řádku. Šest úrovní se tak vejde do jedné řady
 * a na mobilu se tatáž mřížka sama zlomí do dvou — bez druhého pravidla
 * v media query. Spodní mez je taková, aby se do pilulky vešlo „Od nuly".
 */
.his-kalk__pilulky {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
}

.his-kalk__pilulka {
    cursor: pointer;
}

/* Přepínač se neschovává `display: none` — tím by zmizel i z klávesnice. */
.his-kalk__pilulka input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

/*
 * Barva úrovně.
 *
 * Hodnoty jsou tytéž jako u odznaků úrovní v `theme/style.css` (`.a1`, `.b2`,
 * …). Opisují se sem schválně: odznak potřebuje jen pozadí, kdežto pilulka
 * potřebuje tutéž barvu **ve dvou podobách** — jako rámeček, když vybraná
 * není, a jako výplň, když vybraná je. To z jedné třídy s `background-color`
 * vytáhnout nejde. Když se paleta v tématu změní, musí se změnit i tady.
 *
 * Text je **tmavý, ne bílý**, jak ho mají odznaky. Bílá na žluté b1 a b2 má
 * kontrast kolem 1,5 : 1 a na ovládacím prvku, do kterého se člověk dívá a
 * klepe na něj, se to přečíst nedá.
 */
.his-kalk,
.his-kalk__karta {
    --u-a0: #b2b2b2;
    --u-a1: #e22f31;
    --u-a2: #FF828C;
    --u-b1: #F6B115;
    --u-b2: #F8C552;
    --u-c1: #38A42D;
    --u-c2: #6CBC63;
}

.his-kalk__pilulka--a0 { --uroven: var(--u-a0); }
.his-kalk__pilulka--a1 { --uroven: var(--u-a1); }
.his-kalk__pilulka--a2 { --uroven: var(--u-a2); }
.his-kalk__pilulka--b1 { --uroven: var(--u-b1); }
.his-kalk__pilulka--b2 { --uroven: var(--u-b2); }
.his-kalk__pilulka--c1 { --uroven: var(--u-c1); }
.his-kalk__pilulka--c2 { --uroven: var(--u-c2); }
.his-kalk__pilulka--pocet { --uroven: #193531; }
.his-kalk__pilulka--forma { --uroven: #193531; }

/*
 * Barva cílové úrovně se přenáší na posuvníky a na výsledek, takže celá
 * kalkulačka nese barvu toho, kam student míří — a nevypadá jako červený
 * formulář bez ohledu na zadání. Třídu přepisuje `kalkulacka.js` hned při
 * změně cíle, aby barva nečekala na přepočet.
 */
.his-kalk--cil-a1 { --uroven-cil: var(--u-a1); }
.his-kalk--cil-a2 { --uroven-cil: var(--u-a2); }
.his-kalk--cil-b1 { --uroven-cil: var(--u-b1); }
.his-kalk--cil-b2 { --uroven-cil: var(--u-b2); }
.his-kalk--cil-c1 { --uroven-cil: var(--u-c1); }
.his-kalk--cil-c2 { --uroven-cil: var(--u-c2); }

/* `flex` místo `inline-flex`: pilulka má vyplnit celý sloupec mřížky. */
.his-kalk__pilulka span {
    align-items: baseline;
    background: #FFF;
    border: 2px solid var(--uroven, #E0E0E0);
    border-radius: 999px;
    color: #193531;
    display: flex;
    gap: 6px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    line-height: 1.2;
    padding: 9px 17px;
    transition: background-color .15s, box-shadow .15s;
}


.his-kalk__pilulka:hover span {
    background: color-mix(in srgb, var(--uroven, #E0E0E0) 14%, #FFF);
}

.his-kalk__pilulka input:checked + span {
    background: var(--uroven, #D92C2B);
}

/* Počet lekcí ani forma výuky nejsou úroveň, takže tmavá výplň chce
   světlé písmo. */
.his-kalk__pilulka--pocet input:checked + span,
.his-kalk__pilulka--forma input:checked + span {
    color: #FFF;
}

.his-kalk__pilulka input:focus-visible + span {
    outline: 2px solid #F9C13E;
    outline-offset: 2px;
}

/*
 * „1×" až „7×" je sedm krátkých pilulek. S běžnou spodní mezí by se na mobilu
 * dělily na tři a tři a sedmá by zůstala sama na řádku; užší mez je složí do
 * čtyř a tří. Na širokém okně se roztáhnou na celou šířku tak jako tak.
 */
.his-kalk__pilulky--uzke {
    grid-template-columns: repeat(auto-fit, minmax(4rem, 1fr));
}

.his-kalk__pilulky--uzke span {
    padding: 9px 13px;
}

/* --- posuvníky -------------------------------------------------------------- */

/*
 * Posuvníky jsou čtyři, takže dva sloupce dají dvě plné řady. Tři sloupce by
 * nechaly v poslední řadě díru a popisek „Zapomínání mezi lekcemi" by se
 * v užším sloupci lámal na dva řádky a rozhodil zarovnání se sousedy.
 */
.his-kalk__mrizka {
    display: grid;
    gap: 26px 40px;
    grid-template-columns: 1fr;
}

@media (min-width: 720px) {
    .his-kalk__mrizka {
        grid-template-columns: 1fr 1fr;
    }
}

.his-kalk__pole {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    min-width: 0;
}

.his-kalk__hlava {
    align-items: baseline;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.his-kalk__hlava label {
    font-size: .9375rem;
    font-weight: 700;
}

/* Hodnota je to, co člověk při tažení sleduje — proto velká a v barvě. */
.his-kalk__hodnota {
    color: #D92C2B;
    font-size: 1.25rem;
    font-weight: 800;
    white-space: nowrap;
}

/*
 * Posuvník je plochý: dráha je pruh plné barvy, jezdec plný kruh, a není na
 * nich stín, lem ani přechod — nic, co by dělalo dojem vystouplého knoflíku.
 *
 * Barva je **jedna pro všechny posuvníky**, tmavě zelená z palety webu. Dřív
 * nesly barvu cílové úrovně, jenže světle žlutá b2 a růžová a2 na světlém
 * podkladu zmizely a posuvník vypadal rozbitě. Barvu úrovně tak nese jen to,
 * co ji opravdu označuje: pilulky s úrovněmi a karta výsledku.
 *
 * ## Proč je v selektoru navíc `input[type="range"]`
 *
 * Převzatá šablona Astra má vlastní podobu posuvníku — bílou průsvitnou dráhu
 * se šedým stínem a jezdec s osmipixelovým modrým lemem — a dělá to
 * selektorem `input[type=range]::-webkit-slider-thumb`. Ten má **vyšší
 * specifičnost** než samotná třída, takže pravidla psaná jen na
 * `.his-kalk__posuvnik` prohrála a na stránce zůstal vystouplý bílý
 * posuvník s červeným knoflíkem.
 *
 * Proto je tu typ vypsaný s třídou a proto se tu `box-shadow` a `border`
 * nulují ručně: nestačí je nenastavit, musí se přebít.
 *
 * `padding` má navíc `!important`, a to je **jediné místo v tomhle souboru**,
 * kde je to na místě. Převzatý `style.css` má v oddílu kontaktního formuláře
 * pravidlo `input, textarea { padding: 20px !important }`, které míří na
 * jeden formulář, ale platí pro všechna pole na webu. U posuvníku se tím
 * dráha zkrátila o 20 px na každé straně, takže jezdec v krajní poloze
 * nedojel k popisku meze pod sebou: na `45 min` ukazoval o kus dál.
 * Přebít `!important` jde jen dalším `!important` — a převzatého souboru
 * se nedotýkáme, patří dodavateli designu.
 */
input[type="range"].his-kalk__posuvnik {
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    margin: 10px 0 0;
    padding: 0 !important;
    width: 100%;
}

input[type="range"].his-kalk__posuvnik::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #193531 0 var(--vyplneno, 50%), #DFE4E3 var(--vyplneno, 50%) 100%);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    height: 6px;
    width: 100%;
}

input[type="range"].his-kalk__posuvnik::-moz-range-track {
    background: linear-gradient(to right, #193531 0 var(--vyplneno, 50%), #DFE4E3 var(--vyplneno, 50%) 100%);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    cursor: pointer;
    height: 6px;
    width: 100%;
}

input[type="range"].his-kalk__posuvnik::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    background: #193531;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    height: 18px;
    margin-top: -6px;
    width: 18px;
}

input[type="range"].his-kalk__posuvnik::-moz-range-thumb {
    background: #193531;
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    cursor: pointer;
    height: 18px;
    width: 18px;
}

input[type="range"].his-kalk__posuvnik:focus-visible {
    outline: 2px solid #F9C13E;
    outline-offset: 6px;
}

.his-kalk__meze {
    color: #9AA8A5;
    display: flex;
    font-size: .75rem;
    justify-content: space-between;
    margin: 2px 0 0;
}

.his-kalk__napoveda {
    color: #6B7B78;
    font-size: .8125rem;
    line-height: 1.45;
    margin: 2px 0 0;
}

/* --- zatržítka a spodní řádek ----------------------------------------------- */

.his-kalk__napoveda--volby {
    border-top: 1px solid #E8E8E8;
    margin: 4px 0 24px;
    max-width: 52em;
    padding-top: 18px;
}

.his-kalk__zatrzitka {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    margin-top: 26px;
}

.his-kalk__zatrzitko {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: .9375rem;
    gap: 9px;
}

.his-kalk__zatrzitko input {
    accent-color: #D92C2B;
    height: 18px;
    width: 18px;
}

.his-kalk__spodek {
    align-items: center;
    border-top: 1px solid #E8E8E8;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 28px;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 22px;
}

.his-kalk__spodek .his-blog-btn {
    padding-left: 38px;
    padding-right: 38px;
}

.his-kalk__pole--uzke {
    max-width: 220px;
}

.his-kalk__pole--uzke label {
    font-size: .9375rem;
    font-weight: 700;
}

.his-kalk__pole--uzke input {
    background: #FFF;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    color: #193531;
    font: inherit;
    padding: 10px 12px;
    width: 100%;
}

.his-kalk__pole--uzke input:focus-visible {
    border-color: #D92C2B;
    outline: 2px solid #F9C13E;
    outline-offset: 1px;
}

.his-kalk .his-blog-btn {
    border: 0;
    cursor: pointer;
    font: inherit;
}

/*
 * Jakmile se výsledek přepočítává sám, tlačítko nemá co dělat. Třídu přidává
 * `kalkulacka.js` **až když se první přepočet povede** — kdyby skript spadl
 * nebo server neodpověděl, tlačítko se vrátí a formulář jde odeslat normálně.
 */
.his-kalk--zivy .his-kalk__tlacitko {
    display: none;
}

.his-kalk__vysledek[data-nacita] {
    opacity: .55;
    transition: opacity .15s .1s;
}

/* --- výsledek -------------------------------------------------------------- */

.his-kalk__vysledek {
    background: #FFF7E9;
    border-radius: 16px;
    margin: 0 0 2em;
    padding: 26px 28px;
}

/*
 * Karta výsledku nese barvu cílové úrovně jako pruh a štítek; samotné číslo
 * je tmavé. Číslo ve světle žluté b2 by se na krémovém podkladu nedalo
 * přečíst a je to to jediné, co si ze stránky odnese i ten, kdo nic jiného
 * nečte.
 */
.his-kalk__karta {
    border-left: 6px solid var(--uroven-cil, #D92C2B);
    padding-left: 22px;
}

.his-kalk__stitek {
    background: var(--uroven-cil, #D92C2B);
    border-radius: 999px;
    color: #193531;
    display: inline-block;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .03em;
    margin: 0 0 10px;
    padding: 5px 14px;
    text-transform: uppercase;
}

.his-kalk__cislo {
    color: #193531;
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.05;
    margin: 0 0 6px;
}

.his-kalk__jednotka {
    color: #6B7B78;
    font-size: 1.125rem;
    font-weight: 700;
}

.his-clanek__text .his-kalk__veta {
    font-size: 1.0625rem;
    margin-bottom: 1em;
}

.his-kalk__pozor {
    background: #FFF;
    border-left: 4px solid #D92C2B;
    border-radius: 0 10px 10px 0;
    font-size: .9375rem;
    line-height: 1.6;
    padding: 12px 16px;
}

/* Rozpis je doklad, ne hlavní sdělení — drobnější a bez rámování.
 * `display: table` přebíjí obecné pravidlo pro tabulky v článku: to je kvůli
 * posouvání na mobilu `display: block`, jenže tahle tabulka má dva úzké
 * sloupce, posouvat se nepotřebuje a jako blok by se smrskla na obsah. */
.his-clanek__text .his-kalk__rozpis {
    display: table;
    font-size: .9375rem;
    margin-bottom: 0;
    width: 100%;
}

.his-clanek__text .his-kalk__rozpis caption {
    color: #6B7B78;
    font-size: .8125rem;
    letter-spacing: .04em;
    padding-bottom: 8px;
    text-align: left;
    text-transform: uppercase;
}

.his-clanek__text .his-kalk__rozpis th,
.his-clanek__text .his-kalk__rozpis td {
    background: transparent;
    border-bottom: 1px solid #EFE3CC;
    padding: 8px 10px 8px 0;
}

.his-clanek__text .his-kalk__rozpis td {
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.his-kalk__chyba {
    background: #FDEAEA;
    border-left: 4px solid #D92C2B;
    border-radius: 0 10px 10px 0;
    margin: 0 0 2em;
    padding: 14px 18px;
}

@media (max-width: 600px) {
    .his-kalk,
    .his-kalk__vysledek {
        padding: 20px 18px;
    }

    /*
     * Na mobilu jsou tři pilulky vedle sebe a sloupec má kolem 110 px.
     * S osmnáctipixelovým odsazením po stranách by se „Od nuly" do pilulky
     * nevešlo a zlomilo by se na dva řádky — a protože mřížka dorovnává
     * výšku, protáhla by se s ním celá řada.
     */
    .his-kalk__pilulka span {
        padding: 9px 10px;
    }

    .his-kalk__cislo {
        font-size: 2.25rem;
    }
}

/* --- deset slov: fotka vedle textu ----------------------------------------- */
/*
 * Rozvržení oddílu, který má svoje slovo a svoji fotku — zatím jen článek
 * „10 španělských slov".
 *
 * Deset oddílů se stejným tvarem (nadpis, odstavce, pod nimi vycentrovaná
 * fotka přes celý sloupec) se nečetlo jako článek, ale jako seznam: oko nemělo
 * podle čeho poznat, že začalo další slovo, a každá fotka přerušila čtení
 * uprostřed sloupce a pak ho zase vrátila na stejnou osu.
 *
 * Fotka proto stojí **vedle** textu a strany se střídají. To střídání je tu to
 * hlavní: deset bloků na jedné ose vypadá jako tabulka, kdežto zalomená osa
 * drží oko v pohybu a sama odděluje slovo od slova — bez linek a rámečků,
 * které by ze seznamu udělaly seznam ještě víc. Mezera mezi oddíly je z téhož
 * důvodu větší než mezera uvnitř oddílu; dokud byla stejná, slovo a fotka
 * sousedního slova k sobě zdánlivě patřily.
 *
 * ## Proč se sloupec s fotkou zaráží na 300 px
 *
 * Z původního blogu zbyly jen náhledy 225 až 300 px (viz `.his-obrazek--maly`
 * výš). Horní mez `300px` je tedy daná předlohou, ne vkusem: cokoli nad ni by
 * obrázek zvětšovalo a rozmazalo. Obrázek sám schválně nemá `width: 100%` —
 * v užším sloupci si ubere přes `max-width: 100%` a v širším zůstane ve své
 * velikosti. Na portrétní `yerba-mate` (225 px) je to jediná pojistka, procenta
 * o jeho skutečné šířce nevědí.
 *
 * Těch 34 % je spočítaných zpátky od textu: ať je okno jakkoli široké, na
 * textový sloupec zbyde kolem 55 až 60 znaků na řádek. Pevných 300 px by na
 * užším okně ukrojilo víc a na širokém míň, takže by se měřítko sazby měnilo
 * se šířkou okna — a právě tomu se `.his-clanek__container` vyhýbá.
 *
 * Vedle sebe to stojí až od 720 px. Pod tím by na text zbylo tak málo, že by
 * se sazba drobila; na mobilu tedy platí původní pořadí (text, pod ním fotka)
 * a figura si nechá `margin: 2em auto` z `.his-obrazek`.
 */

.his-clanek__text .his-slovo {
    --sloupec-fotky: clamp(200px, 34%, 300px);

    counter-increment: his-slovo;
    margin: 3em 0;
}

/* Počítadlo se nuluje na prvním oddílu, ne na `.his-clanek__text`: tím zůstane
   uvnitř tohohle článku a ostatním se nic nenastavuje. */
.his-clanek__text .his-slovo:first-of-type {
    counter-reset: his-slovo;
}

/* Mezeru nad nadpisem drží oddíl, ne nadpis sám — jinak by se sčítaly. */
.his-clanek__text .his-slovo h2 {
    margin-top: 0;
}

.his-clanek__text .his-slovo__text > :last-child {
    margin-bottom: 0;
}

/*
 * Zarovnání do bloku si odstavce musí vzít zpátky: pravidlo nahoře míří na
 * `.his-clanek__text > p`, tedy na přímé potomky, a ty odstavce teď sedí
 * o dvě úrovně níž. Bez tohohle řádku by se půlka článku sázela do bloku
 * (úvod a závěr) a půlka na praporek, což by vypadalo jako chyba.
 */
.his-clanek__text .his-slovo__text p {
    hyphens: auto;
    -webkit-hyphens: auto;
    text-align: justify;
}

/*
 * Pořadové číslo kreslí `::before`, ne šablona: je to značka rytmu, ne text
 * článku. Čtenáři říká, kolikáté z deseti slov právě čte — a protože je
 * v místě, kde oddíl začíná, je podle něj poznat začátek i při rolování.
 */
.his-clanek__text .his-slovo__text::before {
    color: #D92C2B;
    content: counter(his-slovo, decimal-leading-zero);
    display: block;
    font-size: .8125rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 8px;
}

@media (min-width: 720px) {
    /*
     * Fotka se zarovnává **na střed**, ne na horní hranu. Oddíly jsou různě
     * dlouhé (Mallorca má jeden odstavec, Mojito tři) a při zarovnání nahoru
     * zbyla pod krátkou fotkou u dlouhého textu půlmetrová díra, která
     * vypadala, jako že se něco nenačetlo. Na střed se tatáž mezera rozdělí
     * nad a pod fotku a čte se jako vzduch, ne jako chybějící obsah.
     */
    .his-clanek__text .his-slovo {
        align-items: center;
        column-gap: 40px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) var(--sloupec-fotky);
    }

    /* Sudý oddíl má fotku vlevo. V HTML zůstává až za textem, aby čtečka
       i mobil braly nadpis, text a teprve pak obrázek; strany přehazuje
       mřížka, ne pořadí značek. */
    .his-clanek__text .his-slovo:nth-of-type(even) {
        grid-template-columns: var(--sloupec-fotky) minmax(0, 1fr);
    }

    .his-clanek__text .his-slovo:nth-of-type(even) .his-slovo__foto {
        grid-column: 1;
        grid-row: 1;
    }

    /* Odstup drží mřížka (`column-gap`), ne okraje figury. */
    .his-clanek__text .his-slovo__foto {
        margin: 0;
    }
}

/* --- dvojice schémat vedle sebe -------------------------------------------- */
/*
 * Dvě schémata mluvidel v článku o výslovnosti r a rr. Mají smysl jen ve
 * srovnání — ťuknutí proti kmitání —, takže stojí v jednom vnějším `figure`
 * a každé si nese vlastní popisek ve `figure` vnořeném. Jediný společný
 * popisek by musel říkat „vlevo" a „vpravo", jenže na úzkém okně se schémata
 * skládají pod sebe a ten popisek by lhal.
 *
 * `flex: 1 1 240px` je to, co tu skládání dělá: pod zhruba 560 px sloupce se
 * dvě položky vedle sebe nevejdou a zalomí se. Horní mez 300 px je schválně
 * menší než vlastní šířka obrázku (378 px) — kresba je sice vektorová, ale
 * roztažená přes celý sloupec by v textu působila jako plakát.
 */

.his-clanek__text .his-obrazek--dvojice {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 28px;
    justify-content: center;
}

.his-clanek__text .his-obrazek--dvojice > figure {
    flex: 1 1 240px;
    margin: 0;
    max-width: 300px;
}

.his-clanek__text .his-obrazek--dvojice img {
    background: #FCFCFC;
    width: 100%;
}

/* --- skupina proti individuálu --------------------------------------------- */
/*
 * Dva bloky k jednomu rozhodnutí, schválně každý jiného tvaru.
 *
 * `his-srovnani` je **mřížka kritérií**: řádek pojmenuje kritérium a pod ním
 * stojí vedle sebe, co o něm platí u skupiny a co u individuálu. Barva sloupce
 * jde shora dolů celým blokem, takže se oko nemusí u každého řádku znovu ptát,
 * který sloupec je který — a tím se celé srovnání dá přečíst na jeden pohled,
 * což odstavec vedle odstavce nikdy neuměl.
 *
 * Značka před textem je obarvená **tečka, ne znak**: ✓ a ✗ čtečka přečte jako
 * slovo, a přitom to není údaj, jen zkratka pro oko. Co znamená, se musí dát
 * vyčíst i z textu buňky, proto každá začíná jedním slovem navíc („Nejnižší",
 * „Daný předem").
 *
 * Na úzkém displeji se sloupce **nedělí na polovinu** — 170 px na větu se
 * nečte. Mřížka se složí do jednoho sloupce, hlavička se schová (visela by nad
 * něčím, co pod ní už nestojí) a každá buňka si místo ní vypíše, koho se týká.
 *
 * `his-volba` je naopak **rozhodnutí**, ne srovnání: dvě karty se seznamem
 * „tohle jsi ty". Vypadá proto jinak než mřížka. Kdyby byly oba bloky stejné,
 * čtenář by druhý přeskočil jako opakování prvního.
 */

.his-clanek__text .his-srovnani {
    background: #E7EBEA;
    border-radius: 16px;
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 2em 0 2.5em;
    overflow: hidden;
}

.his-clanek__text .his-srovnani__hlavicka {
    color: #FFF;
    font-size: .9375rem;
    font-weight: 800;
    letter-spacing: .01em;
    margin: 0;
    padding: 12px 18px;
}

.his-clanek__text .his-srovnani__hlavicka--skupina {
    background: #193531;
}

.his-clanek__text .his-srovnani__hlavicka--individual {
    background: #D92C2B;
}

/* Jméno kritéria je popiska řádku, ne věta — proto verzálky a prostrkání. */
.his-clanek__text .his-srovnani__kriterium {
    background: #FFF;
    color: #6B7B78;
    font-size: .75rem;
    font-weight: 700;
    grid-column: 1 / -1;
    letter-spacing: .08em;
    margin: 0;
    padding: 14px 18px 6px;
    text-transform: uppercase;
}

.his-clanek__text .his-srovnani__bunka {
    background: #FFF;
    font-size: .9375rem;
    line-height: 1.6;
    margin: 0;
    padding: 4px 18px 16px 37px;
    position: relative;
    text-align: left;
}

/*
 * Tečka je **vysazená mimo tok**, ne flexový sourozenec textu. Flex z každého
 * souvislého úseku uvnitř udělá vlastní položku, takže se `<strong>` na začátku
 * věty utrhl do samostatného sloupce a zbytek věty začínal vedle něj — „Daný
 * předem." stálo pod sebou a text vedle toho. Absolutní poloha drží buňku jako
 * jeden odstavec a tečka k němu jen přibyde.
 *
 * `top` je v pixelech schválně: písmo buňky je pevných 15 px (neroste
 * s oknem jako základní text), takže se střed prvního řádku nehýbe.
 */
.his-clanek__text .his-srovnani__bunka::before {
    background: #A8A8A8;
    border-radius: 50%;
    content: "";
    height: 9px;
    left: 18px;
    position: absolute;
    top: 11px;
    width: 9px;
}

.his-clanek__text .his-srovnani__bunka--plus::before {
    background: #193531;
}

.his-clanek__text .his-srovnani__bunka--minus::before {
    background: #D92C2B;
}

.his-clanek__text .his-srovnani__bunka--skupina {
    background: #F4F7F6;
}

.his-clanek__text .his-srovnani__bunka--individual {
    background: #FFF7E9;
}

.his-clanek__text .his-srovnani__kdo {
    display: none;
}

@media (max-width: 700px) {
    .his-clanek__text .his-srovnani {
        grid-template-columns: minmax(0, 1fr);
    }

    .his-clanek__text .his-srovnani__hlavicka {
        display: none;
    }

    .his-clanek__text .his-srovnani__kdo {
        display: block;
        font-size: .75rem;
        font-weight: 800;
        letter-spacing: .06em;
        margin-bottom: 2px;
        text-transform: uppercase;
    }

    .his-clanek__text .his-srovnani__bunka--skupina .his-srovnani__kdo {
        color: #193531;
    }

    .his-clanek__text .his-srovnani__bunka--individual .his-srovnani__kdo {
        color: #D92C2B;
    }
}

.his-clanek__text .his-volba {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 2em 0 2.5em;
}

.his-clanek__text .his-volba__karta {
    background: #F9F9F9;
    border-radius: 16px;
    padding: 22px 24px;
}

.his-clanek__text .his-volba__nadpis {
    font-size: 1.0625rem;
    font-weight: 800;
    margin: 0 0 10px;
}

.his-clanek__text .his-volba__karta--skupina .his-volba__nadpis {
    color: #193531;
}

.his-clanek__text .his-volba__karta--individual .his-volba__nadpis {
    color: #D92C2B;
}

/* Seznam v kartě je výčet znaků, ne souvislý text: nezarovnává se do bloku
   (to dělá jen `.his-clanek__text > ul li`) a má blíž k sobě řádky. */
.his-clanek__text .his-volba ul {
    margin: 0;
    padding-left: 1.2em;
}

.his-clanek__text .his-volba li {
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: .5em;
}

.his-clanek__text .his-volba li:last-child {
    margin-bottom: 0;
}

@media (max-width: 700px) {
    .his-clanek__text .his-volba {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* --- výřez grafu ----------------------------------------------------------- */
/*
 * Graf o třech jazycích umí dva výřezy: A0–B2 (výchozí, tam míří většina
 * studentů) a A0–C2. Obě varianty jsou v šabloně hotové jako dvě `<svg>`
 * pod sebou, přepíná se rádiem a tímhle oddílem — **bez JavaScriptu**,
 * stejně jako funguje kalkulačka.
 *
 * `:has()` tu dělá to, co by jinak musel dělat skript: podle zaškrtnutého
 * rádia schová to druhé SVG. Kdyby ho prohlížeč neuměl, zůstanou vidět oba
 * grafy pod sebou — čitelné, jen zbytečně dvakrát.
 *
 * Pilulky jsou tytéž jako v kalkulačce (`his-kalk__pilulka`), jen se nesázejí
 * do mřížky přes celou šířku: dvě možnosti roztažené od kraje ke kraji
 * vypadají jako dvě tlačítka formuláře, ne jako přepínač nad obrázkem.
 */

.his-clanek__text .his-grafvyrez__pilulky {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 14px;
}

.his-grafvyrez__pilulka {
    --uroven: #193531;
}

/* Tmavá výplň chce světlé písmo — stejně jako u pilulek formy výuky. */
.his-grafvyrez__pilulka input:checked + span {
    color: #FFF;
}

.his-grafvyrez:has(.his-grafvyrez__pilulka input[value="b2"]:checked) .his-grafvyrez__graf--c2,
.his-grafvyrez:has(.his-grafvyrez__pilulka input[value="c2"]:checked) .his-grafvyrez__graf--b2 {
    display: none;
}

/*
 * Na mobilu se graf neroztahuje na šířku sloupce, ale drží si 540 px a plocha
 * se posouvá do strany — stejně jako tabulka o pár oddílů výš.
 *
 * Roztažený na 350 px má totiž písmo v grafu šest pixelů: osa se nedá přečíst
 * a z grafu zbyde ornament. Zvětšit samotné písmo nestačí, protože popisky
 * čar by se při tom slepily. Posouvá se **jen plocha s grafem**, ne celá
 * figura — popisek pod ní se má zalomit a zůstat na místě.
 */
@media (max-width: 620px) {
    .his-grafvyrez__plocha {
        overflow-x: auto;
    }

    .his-clanek__text .his-grafvyrez__graf {
        min-width: 540px;
    }

    .his-grafvyrez__graf text {
        font-size: 22px;
    }
}

/* --- roztažení přes sloupec ------------------------------------------------ */
/*
 * **Tenhle oddíl musí zůstat na konci souboru.**
 *
 * Trik s `margin-left: 50%` a posunem o polovinu vlastní šířky funguje bez
 * ohledu na to, jak je sloupec široký. Jenže `.his-clanek__text > table` má
 * stejnou specifičnost jako `.his-clanek__text table` výš, takže o vítězi
 * rozhoduje pořadí v souboru. Když ten oddíl stál nahoře, základní pravidla
 * pro tabulku a obrázek mu přebila `width` i `margin-left` — ale `transform`
 * ne, protože ten jinde není. Výsledkem byla tabulka posunutá o půl sloupce
 * doleva a useknutá za okrajem okna.
 *
 * Horní mez je `100vw` minus okraje: `100vw` počítá i svislý posuvník, takže
 * se od ní musí ubrat dost na to, aby prvek nikdy nevyvolal vodorovné
 * posouvání. Zapíná se až na širokém okně — na mobilu a tabletu není kam
 * roztahovat a sloupec je stejně na celou šířku.
 */

@media (min-width: 1100px) {
    /*
     * Roztahuje se **jen graf**. Tabulka ani kalkulačka ne: obojí je sazba
     * z textu a čísel, a ta se čte stejně jako odstavec — když vyčnívá ze
     * sloupce, oko musí u každého řádku začínat jinde než u zbytku článku.
     * Fotka taky ne: fotografie širší než text, kterou text obtéká shora
     * i zdola, vypadá jako omyl v sazbě, a navíc jsou to u převzatých článků
     * malé předlohy, které by se roztažením rozmazaly.
     *
     * Grafu šířka naopak pomůže — nese souřadnice, ne řádky — a označuje se
     * proto třídou `his-obrazek--siroky`. Ta je vypsaná se dvěma třídami
     * schválně: pravidlo `.his-clanek__text .his-obrazek` výš by jinak přebilo
     * `max-width: 100%` a obrázek by si nechal šířku sloupce — a jen by se
     * posunul doleva.
     */
    .his-clanek__text > .his-obrazek--siroky {
        margin-left: 50%;
        max-width: calc(100vw - 4rem);
        transform: translateX(-50%);
        width: var(--sirka-siroka);
    }

    /*
     * Tabulka je na širokém okně zpátky `display: table`. Základní pravidlo
     * jí dává `display: block` kvůli posouvání do stran na mobilu — jenže
     * blok sám se roztáhne na celý sloupec, zatímco tabulka uvnitř zůstane
     * široká jen podle obsahu a přilepí se vlevo. Na široké obrazovce není
     * co posouvat, takže se tam `block` nehodí tak jako tak.
     */
    .his-clanek__text > table {
        display: table;
        overflow-x: visible;
    }
}

/* /assets/design/content/themes/hispanica/inc/css/blog-navigace.css */
/*
 * Navigace kolem článku: klikací osnova vlevo a skok na začátek stránky.
 *
 * Vlastní soubor, ne další oddíl v `single-article.css`. Ten popisuje **text
 * článku** — sloupec, sazbu, tabulky, obrázky. Tohle je navigace, která
 * stojí vedle textu a nic v něm nemění, takže se to nemá plést dohromady;
 * a kdyby se osnova měla někdy objevit i jinde než na blogu, přidá se jen
 * tenhle soubor do mapy stránky.
 *
 * Zapisuje se v `app/Core/page-map.php` u `:Front:Blog:detail`.
 */

/* --- osnova vlevo --------------------------------------------------------- */
/*
 * Na úzkém okně osnova **není vůbec**. Na mobilu by to byl odstavec odkazů
 * mezi perexem a textem, přes který by se čtenář musel prokousat k tomu, co
 * si přišel přečíst — a palcem se v článku roluje rychleji, než se čte
 * osnova. Seznam v HTML přesto zůstává: je to pár set bajtů a pro čtečku je
 * užitečný v každé šířce.
 */

.his-osnova {
    display: none;
}

@media (min-width: 1280px) {
    /*
     * Osnova se vysune **do levého okraje**, sloupec textu zůstane přesně
     * tam, kde byl. Dělá to mřížka o dvou sloupcích posunutá doleva o svou
     * vlastní první šířku: druhý sloupec tím začíná na původním místě.
     * Kdyby se místo toho jen přidal sloupec, text by se zúžil a celý
     * článek by se rozešel s nadpisem a perexem nad sebou.
     *
     * Dolní mez okna je 1280 px, protože tam má sloupec kolem sebe ještě
     * 228 px volného místa a osnova se do něj vejde i s mezerou. Níž by se
     * překryla s textem.
     */
    .his-clanek__telo {
        --sirka-osnovy: clamp(11rem, 6rem + 6vw, 15rem);
        --mezera-osnovy: 1.75rem;

        column-gap: var(--mezera-osnovy);
        display: grid;
        grid-template-columns: var(--sirka-osnovy) minmax(0, 1fr);
        margin-left: calc(-1 * (var(--sirka-osnovy) + var(--mezera-osnovy)));
        width: calc(100% + var(--sirka-osnovy) + var(--mezera-osnovy));
    }

    /*
     * `align-self: start` je u `position: sticky` v mřížce nutnost: bez něj
     * se položka roztáhne na celou výšku řádku, a co je vysoké jako jeho
     * rodič, nemá kde přilepené jet.
     */
    .his-osnova {
        align-self: start;
        display: block;
        max-height: calc(100vh - 11rem);
        overflow-y: auto;
        position: sticky;
        top: 7rem;
    }

    /*
     * Čtyři pixely vlevo kvůli kolečkům. `overflow-y: auto` výš ořezává
     * i vodorovně — to je v CSS nerozdělitelné — a kolečko přesahuje
     * půlkou své šířky za linku, tedy mimo rámeček osnovy. Bez téhle
     * mezery se každému uřízne levá strana a z koleček jsou půlměsíce.
     */
    .his-osnova {
        padding-left: 4px;
    }
}

.his-osnova__nadpis {
    color: #9AA8A5;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    margin: 0 0 .85rem;
    text-transform: uppercase;
}

/*
 * Svislá linka vlevo je ta „osa", o kterou šlo: drží kapitoly pohromadě
 * a dává kolečku aktivní kapitoly, kam dosednout.
 */
.his-osnova__seznam {
    border-left: 2px solid #E7EBEA;
    list-style: none;
    margin: 0;
    padding: 0 0 0 1rem;
}

.his-osnova__polozka {
    position: relative;
}

.his-osnova__polozka + .his-osnova__polozka {
    margin-top: .65rem;
}

.his-osnova__polozka a {
    color: #6B7B78;
    display: block;
    font-size: .875rem;
    line-height: 1.35;
    text-decoration: none;
    transition: color .15s;
}

.his-osnova__polozka a:hover,
.his-osnova__polozka a:focus-visible {
    color: #193531;
}

/*
 * Kolečko sedí přesně na lince: půlka jeho šířky doleva od odsazení seznamu
 * plus jeden pixel za tloušťku linky.
 */
.his-osnova__polozka::before {
    background: #FFF;
    border: 2px solid #E7EBEA;
    border-radius: 50%;
    content: '';
    height: 9px;
    left: calc(-1rem - 5.5px);
    position: absolute;
    top: .35em;
    transition: background-color .15s, border-color .15s;
    width: 9px;
}

.his-osnova__polozka.je-tady::before {
    background: #193531;
    border-color: #193531;
}

.his-osnova__polozka.je-tady a {
    color: #193531;
    font-weight: 700;
}

/*
 * Odskok pod hlavičku. Bez něj by kliknutí v osnově zarovnalo nadpis na
 * samý vrch okna, kde ho překryje lepkavá hlavička webu.
 */
.his-clanek__text h2,
.his-clanek__faq h2 {
    scroll-margin-top: 6.5rem;
}

/* --- skok na začátek ------------------------------------------------------ */
/*
 * Tlačítko `#ast-scroll-top` je v rozvržení webu a obsluhuje ho
 * `scroll-top.js`: po 300 px rolování mu přidá třídu `ast-scroll-to-top-show`.
 * Jenže **pravidlo, které na tu třídu reaguje, v převzatém CSS chybí** —
 * zůstalo v `frontend.min.js` šablony Astra, který se sem nepřevzal. Tlačítko
 * tedy celou dobu existuje, má ikonu i popisek pro čtečku, a `display: none`
 * z něj nikdy nesleze.
 *
 * Tady se ten chybějící kousek dopisuje. Platí to na článku blogu, protože
 * jen tam je tenhle soubor v mapě stránky; na zbytku webu tlačítko dál
 * nefunguje a je to na samostatné rozhodnutí — sahalo by se tím na každou
 * stránku.
 */

#ast-scroll-top.ast-scroll-to-top-show {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 0;
    width: 44px;
}

#ast-scroll-top.ast-scroll-to-top-show .ast-icon {
    display: block;
    line-height: 0;
}

#ast-scroll-top.ast-scroll-to-top-show svg {
    height: 14px;
    width: 18px;
}

/* --- sdílení -------------------------------------------------------------- */
/*
 * Čtyři kulatá tlačítka pod článkem. Každá síť má svou barvu, ale jen
 * v obrysu a v ikoně — čtyři plné barevné puntíky by pod textem křičely
 * víc než závěr článku, ke kterému se čtenář právě dočetl.
 *
 * Instagram je `button`, ne odkaz (nemá kam odkázat, viz detail.latte),
 * ale vypadat musí stejně — proto se tlačítku ruší vzhled, který mu dává
 * převzatý design.
 */

.his-sdileni {
    align-items: center;
    border-top: 1px solid #E7EBEA;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    margin: 3em 0 0;
    padding-top: 1.75em;
}

.his-sdileni__nadpis {
    color: #5C6B68;
    font-size: .9375rem;
    font-weight: 700;
    margin: 0;
}

.his-sdileni__seznam {
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.his-sdileni__odkaz {
    align-items: center;
    background: #FFF;
    border: 2px solid var(--sit, #C9D2D0);
    border-radius: 50%;
    box-shadow: none;
    color: var(--sit, #5C6B68);
    cursor: pointer;
    display: flex;
    height: 42px;
    justify-content: center;
    padding: 0;
    transition: background-color .15s, color .15s;
    width: 42px;
}

.his-sdileni__odkaz:hover,
.his-sdileni__odkaz:focus-visible {
    background: var(--sit, #5C6B68);
    color: #FFF;
}

/*
 * Instagram je `button`, a na tlačítka má převzatý design vlastní pravidla
 * s vyšší specifičnost než samotná třída — přepsala mu odsazení na
 * `12px 22px`, takže z kolečka byl obdélník. Proto je tu typ vypsaný
 * s třídou. Ikonu drží pevná velikost, jinak ji flex sfoukl na nulu.
 */
button.his-sdileni__odkaz {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    height: 42px;
    line-height: 1;
    padding: 0;
    width: 42px;
}

.his-sdileni__odkaz svg {
    flex: none;
    height: 20px;
    width: 20px;
}

.his-sdileni__odkaz--x svg {
    height: 18px;
    width: 18px;
}

.his-sdileni__odkaz--fb { --sit: #1877F2; }
.his-sdileni__odkaz--x  { --sit: #14171A; }
.his-sdileni__odkaz--li { --sit: #0A66C2; }
.his-sdileni__odkaz--ig { --sit: #C13584; }

/* Potvrzení po zkopírování. Prázdné nezabírá místo, takže se nic neposune. */
.his-sdileni__zprava {
    color: #38A42D;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
}

/* --- co číst dál ---------------------------------------------------------- */

.his-podobne {
    margin: 3em 0 0;
}

.his-podobne__nadpis {
    font-size: 1.375rem;
    margin: 0 0 1.25em;
}