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

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

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/

.hero4 .hero-right {
    align-content: end;
}

.hero4 .hero-pics {
    margin-left: -2.4rem;
    margin-right: 2rem;
    z-index: 1;
}

.hero4 .hero4-img1-wrapper {
    position: relative;
    z-index: -1;
}

.hero4 .reveal {
    --time: 500ms;
}

.hero4-decoration {
    --o2: 20%;
}

.hero4 .hero-pics figure {
    max-width: 78%;
}

@media (max-width: 782px) {

    .hero-tagline {
        font-size: 1.6rem !important;
    }

    .hero4 .hero-pics {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: calc(100% - 3rem);
    }

    .hero4 .hero-pics .hero-img1 {
        max-width: 42%;
        padding-bottom: clamp(0rem, 4rem - 11vw, 2rem);
    }
}

/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# CTA's
--------------------------------------------------------------*/

.cta2-section .wp-block-column:nth-child(2) a:nth-child(2) {
    --i: 1
}

.cta2-section .wp-block-column:nth-child(2) a:nth-child(3) {
    --i: 3
}

.cta2-section .wp-block-column:nth-child(2) a:nth-child(4) {
    --i: 5
}

.cta2-section .wp-block-column:nth-child(3) a:nth-child(2) {
    --i: 2
}

.cta2-section .wp-block-column:nth-child(3) a:nth-child(3) {
    --i: 4
}

.cta2-section .wp-block-column:nth-child(3) a:nth-child(4) {
    --i: 6
}

@media (max-width: 50em) {
    .cta2-section .wp-block-column:first-child {
        display: none;
    }

    .cta2-section .wp-block-column:nth-child(2) a:nth-child(2) {
        --i: 1
    }

    .cta2-section .wp-block-column:nth-child(2) a:nth-child(3) {
        --i: 2
    }

    .cta2-section .wp-block-column:nth-child(2) a:nth-child(4) {
        --i: 3
    }

    .cta2-section .wp-block-column:nth-child(3) a:nth-child(2) {
        --i: 4
    }

    .cta2-section .wp-block-column:nth-child(3) a:nth-child(3) {
        --i: 5
    }

    .cta2-section .wp-block-column:nth-child(3) a:nth-child(4) {
        --i: 6
    }
}

.cta2-section .wp-block-column:first-child {
    margin: 0 -4rem 0 0;
}

.cta2-section a {
    transition: all 0.3s ease;
    position: relative;
}

.cta2-section .svg-wrapper {
    transition: background 0.3s ease, transform 0.3s ease;
}

/* .cta2-section a:is(:hover, :focus-visible) {
    transform: translateY(-0.5rem);
    border-color: var(--accent-color);
} */

.cta2-section a:is(:hover, :focus-visible) .svg-wrapper {
    background: transparent !important;
    color: var(--accent-color) !important;
    transform: translateX(0.5rem);
}

.cta2-section figure {
    position: relative;
    z-index: -1;
}

.cta2-section figure::before {
    content: "";
    width: 3.6rem;
    aspect-ratio: 1/1;
    background-color: var(--primary-color);
    border-radius: 4px;
    position: absolute;
    top: -1.8rem;
    left: -1.8rem;
    z-index: -1;
}

.cta-card {
  transition: transform 200ms ease;
}

.js-intersect .cta-card {
  opacity: 0;
  transform: translateY(0);
  transition:
    opacity 0.5s ease,
    transform 300ms ease;
}

.js-intersect.js-intersected .cta-card {
  opacity: 1;
  transition-delay: calc(var(--i) * 200ms), 0ms;
}

.cta-card:is(:hover, :focus-visible) {
  transform: translateY(-0.5rem);
}




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