header {
    position: relative;
    z-index: 10;

    nav {
        .wp-block-navigation__responsive-container-open {
                background-color: transparent;
                background-image: url(../images/nav-dots.svg);
                width: 30px;
                height: 62px;
                background-repeat: no-repeat;
                background-position: center;

                svg {
                    display: none !important;
                }
        }
        .wp-block-navigation__responsive-container {
                background-color: var(--wp--preset--color--primary-accent) !important;
                color: white !important;
                left: auto;
                min-width: 600px;
                @media (width < 768px) {
                    min-width: 80%;
                    width: 100%;
                }

                .wp-block-navigation__responsive-container-close {
                    background-color: var(--wp--preset--color--primary);
                    color: #000;
                }
        }
    }
    @media (width < 768px) {
        .wp-block-site-logo img {
            width: 220px;
        }
    }
}
footer {
    a {
        text-decoration: none;

        &:hover {
            text-decoration: underline;
        }
    }
    .logo {
        width: 200px;
        img {
            width: 100% !important;
        }
    }
}

a.wp-block-button__link {
    &:hover {
        background-color: var(--wp--preset--color--primary);
        color: var(--wp--preset--color--base);
    }
}

.home main {
    margin-block-start: -165px;
}
.home .hero {
    @media (width < 1024px) {
        background-size: cover !important;
        background-position-x: 0px !important;

        > .wp-block-group {
            padding-block-start: 150px !important;
        }
    }
    @media (width < 768px) {
        p {
            padding-inline-end: 36%;
        }
    }
}

.logo-grid.is-layout-grid {
    gap: 1px;
    > * {
        display: grid;
        outline: 1px solid #000;
    }
    @media (width < 768px) {
        grid-template-columns: repeat(auto-fill, minmax(min(10rem, 100%), 1fr));
    }
}

.tw-gallery-carousel-list {
    gap: 1px;
    outline: 1px solid #fff;
    > * {
     
        outline: 1px solid #fff;
    }
}

/* Grids */
.grid-4 {
    > figure {
        z-index: 10;
        margin-block-start: -120px;
        /* padding-block: 40px 0; */
    }
    .w-510 {
        max-width: 510px;

    }
    > .wp-block-group {
        height: fit-content;
        margin-inline-end: -80px;
    }

    @media(width < 768px){
        grid-template-columns: 1fr;
        
        > figure {
            padding-block: 0;
        }
        > .wp-block-group {
        margin-inline-end: 0;
        padding-inline: 2rem !important;
    }
    }
}
.overlap-1 {

    .w-510 {
        max-width: 510px;

    }
    > .wp-block-group {
        height: fit-content;
        margin-block-start: 166px;
        margin-inline-end: 100px !important;

        figure {
            /* z-index: 10; */
            margin-block-start: -120px;
            margin-inline-end: -100px;
        }
        @media(width < 768px){
            flex-direction: column;
            margin: 0 !important;
            
            > figure {
                margin-block-start: 0;
                margin-inline-end: 0;
            }
            > .wp-block-group {
                margin-inline-end: 0;
            }
        }
    }

}

.wp-block-column {
    > .wp-block-group.is-vertical {
        > .wp-block-buttons {
            margin-block-start: auto;
        }
    }
}
.wp-block-column > .wp-block-columns.full-height {
    height: 100%;
}

.wp-block-accordion {
    border-bottom: 2px solid white;
    .wp-block-accordion-item {
        border-top: 2px solid white;
        margin: 0;

        .wp-block-accordion-heading {
            padding-block: 1rem;
        }
        .wp-block-accordion-panel {
            margin: 0;
        }
    }
}

.accordion-query {
    border-bottom: 2px solid white;
    li {
        border-top: 2px solid white;
        margin: 0;

        .accordion-heading {
            padding-block-start: 1rem;
            margin: 0;
            button {
                background: none;
                color: inherit;
                border: none;
                font: inherit;
                text-align: left;
                width: 100%;
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                padding: 0;
                gap: 1rem;

                svg {
                    flex: none;
                    fill: currentColor;
                    width: max(1.25em, 24px);
                    height: max(1.25em, 24px);
                }

                &[aria-expanded='true'] svg .plus-vertical {
                    display: none;
                }
            }
        }
        .accordion-panel {
            margin: 0;
            display: none;
        }
    }

}

.wp-block-query ul li {
    margin: 0;
}

.testimonial {
    position: relative;

    > .wp-block-group {
        @media(width < 1024px) {
            padding-inline: 4rem;
        }
    }
    > .wp-block-group::before {
        content: url(../images/quotes-open.svg);
        display: block;
        width: 70px;
        height: 54px;
        position: absolute;
        left: -100px;
        top: 0;

        @media(width < 1024px) {
            width: 50px;
            left: 0;
        }
    }
    > .wp-block-group::after {
        content: url(../images/quotes-close.svg);
        display: block;
        width: 70px;
        height: 54px;
        position: absolute;
        right: -100px;
        bottom: 20px;
        
        @media(width < 1024px) {
            width: 50px;
            right: 0;
        }
    }

    .swiper-pagination-bullet {
        background-color: rgba(255,255,255,.85) !important;
    }
    .swiper-pagination-bullet-active {
        background-color: rgba(255,255,255,1) !important;
    }

}

.team-member {
    position: relative;

    > .wp-block-group.is-vertical {
        height: 100%;
    }

    .bio {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        opacity: 0;
        transform: translateY(15px) scale(.95);
        transition: all 200ms ease-out;

        &:hover {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
}


.wp-block-cb-carousel-v2.history {
    .swiper {
        border: 1px solid #fff;
        
    }
    .cb-button-next, .cb-button-prev {
        color: #fff;

        &:hover {
            color: #ddd;
        }
    }
}
.cb-slide {
    position: relative;

    figure {
        outline: 1px solid #fff;
    }

    .detail {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        opacity: 0;
        transform: translateY(15px) scale(.95);
        transition: all 200ms ease-out;

        &:hover {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }
}

.forminator-ui {
    .forminator-field {
        label {
            display: none !important;
        }
        input[type="text"], input[type="email"], textarea {
            border-radius: 0;
            background: none;
            border: 1px solid #fff;

            &::placeholder {
                color: #eee;
            }
        }
        textarea {
            height: 190px;
        }
        .forminator-button-submit {
            border-radius: 0;
            font-size: .775em;
            font-weight: bold;
            background: none;
            color: #fff;
            border: 1px solid #fff;
            padding: .6em 2em;

            &:hover {
                background-color: var(--wp--preset--color--primary);
                color: var(--wp--preset--color--base);
                border-color: #000;
            }
        }
    }
    .forminator-description {
        font-size: 0.725em;
    }
    .forminator-row-last {
        .forminator-field {
            display: flex;
            justify-content: flex-end;
        }       
    }
}
.forminator-button-submit::after {
  content: "\2794";
  display: inline-block;
  margin-inline-start: .5em;
  font-weight: normal;
}

.wp-block-query.fadeup {
    li {
        transform: translateY(40px);
        opacity: 0;
        
    }
    &.animated li {
        animation: rise 300ms ease-out forwards;
        animation-delay: calc(sibling-index() * 0.1s);

    }
}
@keyframes rise {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.wp-block-query.scalein {
    li {
        scale: .8;
        opacity: 0;
        
    }
    &.animated li {
        animation: scalein 300ms ease-out forwards;
        animation-delay: calc(sibling-index() * 0.1s);

    }
}
@keyframes scalein {
    to {
        scale: 1;
        opacity: 1;
    }
}