/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    https://wordpress.org/themes/twentytwenty/
 Description:  A child theme of Twenty Twenty WordPress theme.
 Author:       the WordPress team
 Author URI:   https://wordpress.org/
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
* === GLOBAL ===
*/

/*
* — Style global link —
*/

a {
    text-decoration: none;
}

.elementor-widget-text-editor p > a {
    font-weight: 700;
    text-decoration: underline;
}

.elementor-widget-text-editor p > a:hover,
.elementor-widget-text-editor p > a:focus {
    text-decoration: none;
}

/*
* — Hide site header & foooter —
*/

#site-header,
#site-footer {
    display: none
}

/*
* — Style global tags margins —
*/

.elementor-element.elementor-widget:not(:last-child) {
    margin-bottom: 24px;
}

.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}

.elementor-container.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 12px;
}

@media (max-width: 1260px) {
    .elementor-container.elementor-column-gap-default {
        padding-left: 20px;
        padding-right: 20px;
    }

    .elementor-container.elementor-column-gap-no {
        padding-left: 32px;
        padding-right: 32px;
    }
}

/*
* — Style global perex —
*/

.ai-perex p {
    margin-left: auto;
    margin-right: auto;
    max-width: 744px;
}

.ai-buttons-group p:has(a) {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 32px;
}

/*
* === HEADER ===
*/

.ai-header {
    background: var(--e-global-color-611735c);
    color: #fff;
}

@media (min-width: 48em) {
    .elementor-page-3443 .ai-header {
        background: transparent !important;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9;
    }

    .elementor-page-3443.admin-bar .ai-header {
        top: var(--wp-admin--admin-bar--height);
    }
}

.ai-header .elementor-widget a {
    color: #fff;
}

.ai-header .current-menu-item > a,
.ai-header .current_page_item > a,
.ai-header .elementor-widget a:hover,
.ai-header .elementor-widget a:focus {
    color: var(--e-global-color-b93f949);
}

.ai-header__menu .menu,
.ai-header__menu .elementor-nav-menu {
    display: flex;
    flex-wrap: wrap;
    font: 500 18px/16px var(--e-global-typography-8dd251b-font-family), Sans-serif;
    gap: 16px 32px;
    list-style: none;
    margin: 0;
}

@media (max-width: 64em) {
    .ai-header__menu .elementor-nav-menu {
        display: block;
    }

    .ai-header__menu .elementor-nav-menu--dropdown {
        max-width: calc(100vw - 64px);
        position: absolute;
        right: 0;
        top: 100%;
        width: 250px;
        z-index: 9;
    }
}

.ai-header__menu .elementor-nav-menu:after {
    display: none;
}

.ai-header__menu .menu-item {
    margin: 0;
}

/*
* === FOOTER ===
*/

.ai-footer__menu.elementor-widget:not(:last-child) {
    margin-bottom: 32px;
}

.ai-footer__menu .menu {
    display: flex;
    flex-wrap: wrap;
    font: 300 18px/16px var(--e-global-typography-8dd251b-font-family), Sans-serif;
    gap: 16px 32px;
    list-style: none;
    margin: 0;
}

.ai-footer__menu .menu-item {
    margin: 0;
}

.ai-footer__menu .menu-item a:hover,
.ai-footer__menu .menu-item a:focus {
    text-decoration: underline;
}

.ai-footer__menu--primary .menu {
    font-weight: 500;
}

.ai-footer__menu--primary .menu-item a {
    color: #e2e6e9;
}

/*
* === HEADLINE ===
*/

.elementor-widget-heading h1.elementor-heading-title b,
.elementor-widget-heading h1.elementor-heading-title strong,
.elementor-widget-heading h2.elementor-heading-title b,
.elementor-widget-heading h2.elementor-heading-title strong {
    color: var(--e-global-color-b93f949);
}

.elementor-widget-heading h1.elementor-heading-title u,
.elementor-widget-heading h2.elementor-heading-title u {
    display: inline-block;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.elementor-widget-heading h1.elementor-heading-title u:after,
.elementor-widget-heading h2.elementor-heading-title u:after {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='316' height='17' fill='none'><path d='M0.641619 14.8194C55.8029 8.06169 195.988 -3.16585 315.438 5.98555' stroke='%23f9b233' stroke-width='4'/></svg>") center top / 316px 17px no-repeat;
    content: '';
    height: 17px;
    left: 0;
    max-width: 316px;
    position: absolute;
    top: 90%;
    width: 104.4%;
}

.elementor-widget-animated-headline .elementor-headline {
    margin-top: 0;
}

.elementor-widget-animated-headline.elementor-headline--style-highlight svg {
    max-width: calc(100% + 20px);
}

.elementor-widget-animated-headline[data-settings*='"marker":"circle"'] .elementor-headline-dynamic-wrapper svg {
    max-width: calc(100% + 50px);
    width: calc(100% + 50px);
}

/*
* === HERO ===
*/

.ai-hero {
    background-blend-mode: luminosity;
    overflow: hidden;
}

.ai-hero h1 {
    margin: 0;
}

.ai-hero h1 .u2 {
    display: inline-block;
    position: relative;
}

.ai-hero h1 .u2:after {
    content: '';
}

.ai-hero .elementor-widget-animated-headline + .elementor-widget-spacer {
    margin: 0;
}

.ai-hero .elementor-widget-spacer + .elementor-widget-animated-headline .elementor-headline.e-animated svg path {
    animation-delay: .8s;
}

@media (max-width: 35.938em) {

    .ai-hero h1 br,
    .ai-hero h1 br:after{
        clear: none;
        content: ' ';
        display: inline;
    }
}

@media (max-width: 47.938em) {
    .ai-hero .ai-icon-link.elementor-widget-icon-box.elementor-element.elementor-absolute {
        margin-top: 24px;
        position: static;
    }
}

@media (min-width: 30em) {
    .ai-hero h1 .u1 {
        display: inline-block;
        position: relative;
        white-space: nowrap;
    }

    .ai-hero h1 .u2:after {
        display: none;
    }
}

/*
* === CATEGORY MENU ===
*/

.ai-category .menu {
    counter-reset: ai-category;
    list-style: none;
    margin: 0 0 -16px;
}

.ai-category .menu-item {
    align-items: center;
    counter-increment: ai-category;
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    margin: 0 0 16px;

    &:before {
        background: var(--e-global-color-611735c);
        border-radius: 20px;
        color: #fff;
        content: counter(ai-category);
        display: block;
        flex: 0 0 40px;
        font: 400 16px/40px var(--e-global-typography-8dd251b-font-family), Sans-serif;
        text-align: center;
        width: 40px;
    }
}

.ai-category .menu-item a {
    background: var(--e-global-color-4a3fc17);
    border-radius: 20px;
    display: inline-block;
    font: 700 18px/24px var(--e-global-typography-8dd251b-font-family), Sans-serif;
    padding: 8px 16px;
    transition: background .3s, box-shadow .3s;
}

.ai-category .menu-item a:hover {
    background: var(--e-global-color-b93f949);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .10);
}

@media (min-width: 36em) {

    .ai-category .menu {
        column-count: 2;
        display: inline-block;
    }
}

@media (min-width: 48em) {

    .ai-category .menu {
        column-gap: 64px;
    }
}

/*
* === ICON LIST ===
*/

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon + .elementor-icon-list-text {
    padding-left: 2px;
}

.elementor-widget.elementor-widget-icon-list.ai-icon-list--inline .elementor-icon-list-items {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 32px;
}

.elementor-widget.elementor-widget-icon-list.ai-icon-list--inline .elementor-icon-list-item {
    margin: 0 !important;
    padding: 0 !important;
}

/*
* === ICON BOX ===
*/

.elementor-widget-icon-box.elementor-element .elementor-icon-box-content .elementor-icon-box-title a {
    color: inherit;
    text-decoration: none;
}

.elementor-widget-icon-box.elementor-element .elementor-icon-box-content .elementor-icon-box-title a:hover {
    text-decoration: underline;
}

.elementor-widget-icon-box .elementor-icon [stroke="#f9b233"] {
    stroke: var(--e-global-color-b93f949);
}

.page-id-6287 .elementor-widget-icon-box .elementor-icon [stroke="#f9b233"] {
    stroke: var(--e-global-color-4bfae34);
}

.ai-icon-link.elementor-widget-icon-box .elementor-icon {
    background: rgba(255, 255, 255, .25);
    border-radius: 32px;
    color: var(--e-global-color-b93f949);
    display: block;
    height: 64px;
    padding: 16px;
    width: 64px;
}

.ai-icon-link.elementor-widget-icon-box .elementor-icon-box-title {
    font-weight: 500;
}

.ai-icon-box.elementor-widget-icon-box .elementor-icon-box-description {
    margin-top: 16px;
}

.ai-icon-box.elementor-widget-icon-box .elementor-icon-box-description strong {
    color: var(--e-global-color-611735c);
    display: block;
    font-size: 18px;
    margin-bottom: 16px;
}

@media (max-width: 47.938em) {
    .ai-icon-link.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper,
    .ai-icon-link.elementor-widget-icon-box.elementor-vertical-align-middle .elementor-icon-box-wrapper {
        display: inline-flex;
    }

    .ai-icon-link.elementor-widget-icon-box.elementor-vertical-align-middle .elementor-icon-box-wrapper {
        align-items: center;
    }

    .ai-icon-link.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon {
        margin-bottom: 0;
        margin-right: var(--icon-box-icon-margin);
    }
}

/*
* === HISTORICAL YEARS ===
*/

#historicke-rocniky {
    background-size: 0;
    position: relative;
    z-index: 0;
}

#historicke-rocniky:after {
    background: inherit;
    background-size: 96% auto;
    content: '';
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

/*
* === POST LOOP ===
*/

.e-loop-item.type-post .elementor-widget-image a {
    display: block;
    padding-bottom: 66%;
    position: relative;
}

.e-loop-item.type-post .elementor-widget-image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}

/*
* === OVERFLOWING CAROUSEL ===
*/

.ai-carousel .swiper-initialized {
    overflow: visible;
}

/*
* === PROFILE BOX ===
*/

.ai-profile h6 {
    margin: 0;
}

.ai-profile h6 + p {
    color: #596670;
    font-size: 14px;
}

/*
* === EVENT BOX ===
*/

.ai-event .elementor-widget-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ai-event h2,
.ai-event h4,
.ai-event h5,
.ai-event p,
.ai-event table {
    margin: 0;
}

.ai-event h4 + p {
    flex-grow: 1;
}

.ai-event p:last-child {
    margin-top: 28px;
}

.ai-event p:has(u) {
    text-align: right;
}

.ai-event p u {
    align-items: center;
    color: var(--e-global-color-611735c);
    display: inline-flex;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    letter-spacing: .56px;
    text-decoration: none;
}

.ai-event p u:after {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M4 12h16m0 0-6-6m6 6-6 6' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/></svg>") center / 24px 24px no-repeat;
    content: '';
    display: block;
    flex: 0 0 24px;
    height: 24px;
    width: 24px;
}

.ai-event p strong {
    background: var(--e-global-color-b93f949);
    border-radius: 16px;
    color: var(--e-global-color-611735c);
    display: inline-block;
    font-size: 14px;
    letter-spacing: .56px;
    line-height: 16px;
    margin: 4px 4px 4px 0;
    padding: 8px 16px;
}

.ai-event table {
    background: #edebe0;
    border: 0;
    border-radius: 8px;
}

.ai-event td {
    border: 0;
    color: var(--e-global-color-611735c);
    font-size: 20px;
    letter-spacing: .04px;
    line-height: 1.4;
    padding: 24px 4px 24px;
}

.ai-event td:first-child {
    border-radius: 8px 0 0 8px;
    padding-left: 32px;
}

.ai-event td:last-child {
    border-radius: 0 8px 8px 0;
    padding-right: 32px;
}

.ai-event td strong {
    color: var(--e-global-color-611735c);
    display: inline-block;
    font-size: 16px;
    margin-bottom: 8px;
}

@media (max-width: 26em) {
    .ai-event table,
    .ai-event tbody,
    .ai-event tr,
    .ai-event td {
        display: block;
    }

    .ai-event td {
        padding: 4px 24px;
    }

    .ai-event td:first-child {
        border-radius: 8px 8px 0 0;
        padding-left: 24px;
        padding-top: 24px;
    }

    .ai-event td:last-child {
        border-radius: 0 0 8px 8px;
        padding-bottom: 24px;
        padding-right: 24px;
    }
}

/*
* === GALLERY ===
*/

.ai-gallery-grayscale .elementor-widget img,
.ai-gallery-grayscale .elementor-carousel-image {
    filter: grayscale(1);
}

.ai-gallery-grayscale .elementor-widget a > img,
.ai-gallery-grayscale a > .elementor-carousel-image {
    transition: filter .3s;
}

.ai-gallery-grayscale .elementor-widget a:hover > img,
.ai-gallery-grayscale a:hover > .elementor-carousel-image {
    filter: grayscale(0);
}

/*
* === LIGHTBOX ===
*/

.pswp__button,
.fancybox-button {
    background-color: rgba(30, 30, 30, .6) !important;
    border-radius: 0 !important;
    color: #fff !important;
    padding: 0 !important;
}


/*
* === VISUAL PORTFOLIO ===
*/

.vp-portfolio[data-vp-layout="slider"] {
    --vp-layout-slider--arrows__width: 36px;
    --vp-layout-slider--arrows__height: 72px;
    --vp-layout-slider--arrows__offset: 10px;
    --vp-layout-slider--arrows__compensation: 10px;
    --vp-layout-slider--arrows__color: var(--e-global-color-b93f949);
    --vp-layout-slider--arrows__background-color: #fff;
    --vp-layout-slider--arrows__border-radius: 8px;
    --vp-layout-slider--arrows__box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    --vp-layout-slider--arrows__opacity: .5;
    --vp-layout-slider--arrows-hover__box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    --vp-layout-slider--arrows-hover__opacity: 1;
}