/**
* Fuel Theme
* Version 6.0.6
**/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Hero
# Welcome
# CTA's
# Testimonials
# Locations
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.hero-tagline {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	--time: 800ms;
    --easing: ease-out;
}

.hero-tagline:nth-child(2) {
	--delay: 0.4s;
}

.hero-tagline:nth-child(3) {
	--delay: 0.8s;
}

/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
.welcome-section {
    overflow: hidden;
}
.welcome-section .wp-block-column:has(figure) {
    position: relative;
}
.welcome-section .wp-block-column:has(figure)::after {
    content: "";
    position: absolute;
    background: var(--wp--preset--color--light-blue);
    z-index: -1;
}

@media (min-width: 48.8126em) {
	.welcome-section .wp-block-column:has(figure)::after {
		inset: -30vh -30vw -30vh auto;
    	width: calc(50% + 30vw);
	}
}

@media (max-width: 48.8125em) {
    .welcome-section .wp-block-column:has(figure)::after {
        inset: auto -2rem -10rem -2rem;
        height: calc(50% + 22vh);
    }
}

.welcome-section .wp-block-image::before,
.welcome-section .wp-block-image::after {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background: var(--wp--preset--color--dark-blue);
    margin: 0.8rem auto;
	transition: transform 1s ease;
}

@media (prefers-reduced-motion:no-preference) {
	.welcome-section .wp-block-image::before,
	.welcome-section .wp-block-image::after {
		transform: scaleX(0);
	}

	.welcome-section .js-intersected.wp-block-image::before,
	.welcome-section .js-intersected.wp-block-image::after {
		transform: scaleX(1);
	}
}

/*--------------------------------------------------------------
# CTA's
--------------------------------------------------------------*/
@media (max-width: 68.49rem) {
    .cta5-section {
        flex-direction: column;
    }

    .cta5-section a:not(:last-of-type) {
        margin-bottom: 8rem;
    }

    .cta5-section a::after {
        width: 1.8rem;
        height: 1.8rem
    }
}

.cta5-section a {
    transition: background 0.5s ease-out, color 0.5s ease-out;
	max-width: 20rem;;
}

.cta5-section a::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 48 48"><path fill="%23FF9372" d="M48 24a24 24 0 1 1-48 0 24 24 0 0 1 48 0Z"/><path fill="%2312406B" d="M17 14.82 26.27 24 17 33.18 19.85 36 32 24 19.85 12 17 14.82Z"/></svg>');
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    inset: auto auto -1.2rem;
    transition: transform 0.5s ease-out;
}

.cta5-section .img-wrapper {
    overflow: hidden;
}

.cta5-section figure {
    overflow: hidden;    
}

.cta5-section img {
    transition: transform 0.5s;
}

.cta5-section a:is(:hover, :focus-visible) {
    background: rgba(18, 64, 107, 1) !important;
}

.cta5-section a:is(:hover, :focus-visible)::after {
    transform: rotate(-90deg);
}

.cta5-section a:is(:hover, :focus-visible) img {
    transform: scale(var(--scale, 1.1));
}

.cta5-section a:nth-child(2) {--i: 1;}
.cta5-section a:nth-child(3) {--i: 2;}
.cta5-section a:nth-child(4) {--i: 3;}
.cta5-section a:nth-child(5) {--i: 4;}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
@media (max-width: 68.49rem) {
    .testimonial1 {
        flex-direction: column
    }

    .testimonial1 .wp-block-group {
        flex-basis: auto;
    }
}

.testimonial1 .wp-block-gallery figure {
    align-items: center;
}

.testimonial1 .wp-block-gallery img {
    height: 10rem !important;
}

.divider-with-quote {
    overflow: visible
}

.divider-with-quote::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" width="24" height="24" viewBox="0 0 24 24"><path fill="%2312406B" d="M0 0h24v24H0z"/><path fill="white" d="M8.7 7.17a.83.83 0 0 1 1 1.33 8.23 8.23 0 0 0-2.48 2.76 2.92 2.92 0 1 1-2.19 2.87c-.1-1.02.04-2.06.43-3.01A9.32 9.32 0 0 1 8.7 7.17Zm7.5 0a.83.83 0 1 1 1 1.33 8.23 8.23 0 0 0-2.48 2.76 2.92 2.92 0 1 1-2.19 2.87c-.1-1.02.04-2.06.43-3.01a9.32 9.32 0 0 1 3.24-3.95Z"/></svg>');
    display: block;
    text-align: center;
    line-height: 0;
    position: relative;
    top: -0.6rem;
    opacity: 0;
    transform: scale(0.5);
}

.divider-with-quote {
    transition: transform 0.5s ease-out;
    transform: scaleX(0);
	color: var(--wp--preset--color--dark-blue)
}

.divider-with-quote.js-intersected {
    transform: scaleX(1);
}

.divider-with-quote.js-intersected::before {
    animation: popAnimation 0.7s ease-out 0.5s forwards
}

.testimonial1-right-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*--------------------------------------------------------------
# Locations
--------------------------------------------------------------*/
.is-layout-flex>.flex-grow {
    flex-grow: 1;
}