/* Hero wrapper */
.hero__wrapper {
    height: 100vh;
}

body .pin-spacer,
body .hero__wrapper {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}


/* Hero content */
.hero__content {
    height: 100%;
    display: flex;
    padding: 0 48px;
}


.hero__wrapper .hero__content-description {
    width: var(--theme-block-width);
    margin: auto;
}



/* Left and right panels */
.hero__panel-left,
.hero__panel-right {
    position: absolute;
    width: 50%;
    height: 100%;
    transition: .2s ease;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
}

.hero__panel-left {
    background-image: url('/wp-content/uploads/2025/02/SliderPillLeft.png');
    background-position: center right;
    left: 1px;
}

.hero__panel-right {
    background-image: url('/wp-content/uploads/2025/02/SliderPillRight.png');
    background-position: center left;
    right: 1px;
}

.panel__hidden {
	opacity: 0 !important;
}




/* Slides */
.hero__content-slides {
    height: 100vh;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 0;
    padding: 48px;
}

.hero__content-slides .hero__slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    background-color: #EEEEEE;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    padding: 48px;
    cursor: grab;
    opacity: 0 !important;
    transition: .5s ease;
}

.hero__content-slides .hero__slide.swiper-slide-active,
.hero__content-slides .hero__slide.swiper-slide-duplicate-active {
    opacity: 1 !important;
    transition: .5s ease;
}

.hero__content-slides .hero__slide-title {
    font-size: 220px;
    color: #FFFFFF;
    margin-bottom: 0 !important;
}

.hero__content-slides .hero__slide-subtitle {
    font-size: 40px;
    color: #FFFFFF;
    max-width: 750px;
}



/* Hide main frame content */
.hero__content{
    transition: .3s ease;
    transition-delay: .7s !important;
    position: relative;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
}

.hero__content.invisible {
    opacity: 0;
    transition: .3s ease;
    transition-delay: 0s !important;
    pointer-events: none;
}





/* Fonts and font sizes */
.hero__content {
    padding-top: 48px;
}

.hero__content-logo {
    margin-bottom: 256px;
    max-width: 510px;
}

.hero__content-title {
    font-size: 40px;
    margin: 0;
    margin-bottom: 12px;
}

.hero__content-subtitle {
    font-size: 24px;
    margin: 0;
}






/* Swiper styles */
.swiper-home-hero {
    height: 100%;
}

.swiper-home-hero .swiper-pagination {
    bottom: 24px;
}





/* Media queries */
@media only screen and (max-width:992px) {
    .hero__content-slides .hero__slide-title {
        font-size: 120px;
    }

    .hero__content-slides .hero__slide-subtitle {
        font-size: 32px;
    }
}

@media only screen and (max-width:767px) {
    .hero__content {
        justify-content: space-between;   
		padding: 144px 16px 64px 16px;
    }

    .hero__content-logo {
        margin-bottom: 0;
        max-width: 180px;
    }

    .hero__content-title {
        font-size: 24px;
    }

    .hero__content-subtitle {
        font-size: 18px;
    }

    .hero__content-slides .hero__slide-title {
        font-size: 64px;
    }

    .hero__content-slides .hero__slide-subtitle {
        font-size: 24px;
    }

    .hero__content-slides,
    .hero__content-slides .hero__slide {
        padding: 24px 16px;
    }
}