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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Hero
# Welcome
# CTAs
# Locations Section
# Testimonials Carousel
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.hero :is(.hero-tagline, .wp-block-buttons) {--time: 800ms;--easing: ease-out;--x: -2rem;}
#hero_section {margin-top: -6.2rem;padding-top: 8.8rem;padding-bottom: 3.9rem;}
.hero-tagline { margin-bottom: 4.3rem; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.hero-tagline:before {content: '';width: 5.8rem;height: 1px;background: var(--accent-color);position: absolute;right: calc(100% - 4.5rem);bottom: -2rem;margin: auto;}
.hero-tagline:after {content: '';width: 0.35rem;height: 0.35rem;background: var(--accent-color);position: absolute;right: calc(100% - 4.8rem);bottom: -2.15rem;margin: auto;}

@media (min-width: 68.5em) { 
    #hero_section {margin-top: -10rem;padding-top: 17.45rem;padding-bottom: 9.9rem;}
    .hero-tagline:before {width: 8.9rem;right: calc(100% - 4.45rem);bottom: -1.8rem;}
    .hero-tagline:after {bottom: -1.95rem;}
}


/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
#welcome_section {padding-top: clamp(2.9rem,11vw,6rem);padding-bottom: clamp(3.5rem,15.5vw,8.5rem);}
#welcome_section:before {content: '';width: calc(0.3rem + 1px);height: calc(0.3rem + 1px);background: var(--accent-color);position: absolute;top: -1.6rem;right: 0;left: 0;margin: auto;}
#welcome_section:after {content: '';width: 1px;height: 3.3rem;background: var(--accent-color);position: absolute;top: -1.3rem;right: 0;left: 0;margin: auto;}
.welcome-section-columns {position: relative;z-index: 1;}
#welcome_section .bg-ENT-logo {position: absolute;right: 0;bottom: 0;z-index: 0;width: 50%;max-width: 24.4rem;height: fit-content;}

@media (min-width: 48.875em) { /* 782px */
    #welcome_section:before {top: -2.3rem;right: calc(50% + 2.155rem);left: auto;}
    #welcome_section:after {height: auto;top: -2rem;right: calc((50% + 2.3rem) + 1px);bottom: 3.7rem;left: auto;}
}

@media (min-width: 68.5em) { 
    #welcome_section {padding-right: 0;padding-left: 0;}
    #welcome_section:before {right: calc((var(--contain-padding) + 34.9rem) + 1rem);}
    #welcome_section:after {right: calc(((var(--contain-padding) + 35rem) + 1rem) + 1px);}
    .welcome-section-columns {justify-content: space-between;max-width: none;margin-right: var(--contain-padding) !important;margin-left: var(--contain-padding) !important;}
    .welcome-section-left-col { max-width: fit-content; } 
    .welcome-section-right-col { max-width: 35rem; } 
}

@media (min-width: 71.5em) { /* 1144px */
    #welcome_section:before {right: calc((var(--contain-padding) + 34.9rem) + 2rem);}
    #welcome_section:after {right: calc(((var(--contain-padding) + 35rem) + 2rem) + 1px);}
}

@media (min-width: 75em) { /* 1200px */
    #welcome_section:before {right: calc((var(--contain-padding) + 34.9rem) + 3.15rem);}    
    #welcome_section:after {right: calc((var(--contain-padding) + 35rem) + 3.2rem);}
}


/*--------------------------------------------------------------
# CTAs
--------------------------------------------------------------*/
.cta1-wrapper {flex-direction: column;}
.cta1-wrapper a {--y: 0;--time: 600ms;}
.cta1-wrapper .cta1 { --i: 0; }
.cta1-wrapper .cta2 { --i: 3; }
.cta1-wrapper .cta3 { --i: 6; }
.cta1-wrapper .cta4 { --i: 9; }
.cta1-wrapper .cta5 { --i: 12; }
.cta1-wrapper .cta6 { --i: 15; }
.cta-angle-line {position: absolute !important;inset: auto 0 0.6rem 0.6rem;max-width: none;z-index: 1;}
.cta1-wrapper .wp-block-image {overflow: hidden;margin-top: 0;}
.cta1-wrapper img {width: 100%;max-height: 23rem;object-position: top;transition: transform 1s;}
.cta-slide-up {padding-left: 1.25rem;margin-top: 0;position: absolute;inset: calc(100% - 2.45rem) auto 0 0;transition: 500ms ease;}
.cta-slide-up h2 {position: relative;font-size: 1.3rem;padding-bottom: 0.9rem;font-weight: 700;color: var(--white);}
.cta1-wrapper p {margin: 0;font-size: 0.8rem;padding-right: 1rem;}
.cta1-wrapper a:is(:hover, :focus) img {transform: scale(1.1)}
.cta1-wrapper a:is(:hover, :focus) .cta-slide-up { transform: translateY(-4rem); }
#cta_section {padding-top: 0.8rem;padding-right: 0.8rem;padding-left: 0.8rem;margin-top: 0;}
.cta-block {margin-bottom: 0.8rem !important;overflow: hidden;position: relative;}
.cta-corner-arrow {width: 1.6rem;height: 1.6rem;position: absolute;inset: 0.4rem 0.4rem auto auto;z-index: 1;transition: 500ms ease;margin: 0;}
.cta-block:is(:hover, :focus) {
    .cta-corner-arrow { transform: rotate(45deg); }
    .cta-corner-arrow circle { fill: var(--accent-color); transition: 500ms ease; }
    .cta-corner-arrow circle:first-of-type { opacity: 1; }
}
.cta-text {padding: 1.5rem 1rem;display: flex;justify-content: center;align-items: center;min-height: 8rem;}

@media (min-width: 38.5em) { /* 616px */
    .cta-text { padding: 3rem 1rem; }
    .cta1-wrapper a:is(:hover, :focus) .cta-slide-up { transform: translateY(-4rem); }
    .cta1-wrapper p {padding-right: 0;max-width: 25rem;}
}

@media (min-width: 48.875em) { /* 782px */
    #cta_section {display: flex;flex-wrap: wrap;gap: 1.2rem;justify-content: center;padding: 1.2rem 1.2rem 0;}
    .cta1-wrapper {flex-direction: row;}
    .cta-block {margin-bottom: 0 !important;flex-grow: initial;}
    .cta1 {width: calc(48.125vw - 1.2rem);max-width: 46.2rem;}
    .cta2 {width: calc(48.125vw - 1.2rem);max-width: 46.2rem;}
    .cta-text {
        width: calc(54.58vw - 1.2rem);max-width: 52.4rem;padding: 0 1rem;position: relative;
        &:before {content: '';width: 2rem;height: 2rem;position: absolute;inset: 0 0 auto auto;border-top: 1px solid var(--primary-color);border-right: 1px solid var(--primary-color);}
        &:after {content: '';width: 2rem;height: 2rem;position: absolute;inset: auto auto 0 0;border-bottom: 1px solid var(--primary-color);border-left: 1px solid var(--primary-color);}
    }
    .cta4 {width: calc(41.67vw - 1.2rem);max-width: 40rem;}
    .cta5 {width: calc(43.125vw - 1.2rem);max-width: 41.4rem;justify-self: flex-end;}
    .cta6 {width: calc(53.125vw - 1.2rem);max-width: 51rem;}
    .cta1-wrapper p {padding-right: 1rem;}
}

@media (min-width: 68.5em) {
    .cta-slide-up { inset: calc(100% - 3.4rem) auto 0 0; padding-left: 1.5rem; }
    .cta1-wrapper a:is(:hover, :focus) .cta-slide-up {transform: translateY(-5.5rem);}
    .cta-slide-up h2 {font-size: 2rem;padding-bottom: 1rem;}
    .cta1-wrapper p { font-size: 1rem; padding-right: 0; }
}

@media (min-width: 82.5em) {
    .cta1-wrapper a:is(:hover, :focus) .cta-slide-up { transform: translateY(-4.5rem); }
    .cta-corner-arrow { width: 3rem; height: 3rem; inset: 0.8rem 0.8rem auto auto; }
}

@media (min-width: 93.75em) { /* 1500px */
    .cta1, .cta2 {width: calc(48.125vw - 0.4rem);}
    .cta-text {width: calc(54.58vw - 0.4rem);}
    .cta4 {width: calc(41.67vw - 0.4rem);}
    .cta5 {width: calc(43.125vw - 0.4rem);}
    .cta6 {width: calc(53.125vw - 0.4rem);}
}

@media (min-width: 120em) { /* 1920px */
    .cta1, .cta2 {width: 48.125vw;}
    .cta-text {width: 54.58vw;}
    .cta4 {width: 41.67vw;}
    .cta5 {width: 43.125vw;}
    .cta6 {width: 53.125vw;}
}


/*--------------------------------------------------------------
# Locations Section
--------------------------------------------------------------*/
 
/* Interactive Map styles in style.css */
#location_section {padding-top: clamp(1.6rem, 4.8vw, 2.6rem);padding-bottom: clamp(2.4rem, 13vw, 7.1rem);}


/*--------------------------------------------------------------
# Testimonials Carousel
--------------------------------------------------------------*/
#testimonials_section {
    margin-top: 0; 
    .wp-block-cover {padding-top: clamp(3rem, 7.3vw, 4rem);padding-bottom: clamp(4rem, 11.4vw, 6.25rem);}
    .testimonials-heading-container {margin-bottom: clamp(2.7rem, 7.1vw, 3.9rem);padding: 0 clamp(2rem, 5vw, 4rem);position: relative;}
    .testimonials-heading-container:before {content: '';width: 0.8rem;height: 0.8rem;position: absolute;top: calc(100% + 1rem);right: 0;left: 0;z-index: 1;margin: auto;background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" fill="%23EFE6C7"/><path d="M4.04209 11.7896H6.06314L7.41051 9.09484V5.05273H3.36841V9.09484H5.38946L4.04209 11.7896ZM9.43157 11.7896H11.4526L12.8 9.09484V5.05273H8.75788V9.09484H10.7789L9.43157 11.7896Z" fill="%23204C6E"/></svg>');}
    .testimonials-heading-container:after {content: '';height: 1px;background: var(--accent-color);position: absolute;top: calc(100% + 1.4rem);right: 0;left: 0;z-index: 0;margin: 0 clamp(2rem, 5vw, 4rem);padding: 0;}
    .testimonials-stars-container { margin: 0; text-align: center; }

    .testimonials-carousel {
        background: transparent;padding-top: 0;padding-bottom: 0;margin-top: 0;
        .fm-nav-arrow svg {height: auto;width: auto;transition: 300ms ease;}
        .fm-nav-arrow svg:is(:hover, :focus) { transform: scale(1.4); }
        .fm-prev {left: -0.75rem;cursor: pointer;}
        .fm-next {right: -0.75rem;cursor: pointer;}
        .fm-carousel-container li {background: transparent;color: var(--white);opacity: 0;transition: 300ms ease;}
        .fm-carousel-container li.active {opacity: 1;line-height: 1.9;font-style: italic;}
        .fm-carousel-container li .has-text-align-right { width: 100%; }
        .fm-carousel-container li p.has-text-align-right { font-style: normal; font-weight: 700; }
        .fm-carousel-bullets, .fm-carousel-container .fm-counter { display: none; }
    }
}

@media (min-width: 68.5em) { 
    #testimonials_section {
        .testimonials-heading-container:before { width: 1rem; height: 1rem; background-size: contain; }
        .testimonials-heading-container:after { top: calc(100% + 1.5rem); }
        .testimonials-stars-container {text-align: left;padding: 0 clamp(2rem, 5vw, 4rem);}
        .testimonials-carousel {
            .fm-prev {left: -3rem;}
            .fm-next {right: -3rem;}
        }

    }
}

@media (min-width: 82.5em) { 
    #testimonials_section {
        .testimonials-carousel {
            .fm-prev {left: -7.5rem;}
            .fm-next {right: -7.5rem;}
        }
    }
}