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

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

.home #main { margin: 0 0 0; }


/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
#hero_section {padding-top: clamp(3.65rem, 11vw, 6rem);padding-bottom: 3.65rem;background: var(--color3);}
.hero-tagline {font-family: var(--title-font); font-size: clamp(1.7rem, 7vw, 3.6rem);--time: 800ms;--easing: ease-out;--x: -2rem;}
.home-hero:before {/* content: ''; */position: absolute;top: 0;right: 0;bottom: calc(50% - 0.5rem);left: auto;width: 60%;max-width: 28.1rem;z-index: 2;background: rgba(96,166,162,0.75);clip-path: polygon(100% 0, 0 0, 100% 100%);min-height: auto;}
.home-hero:after {/* content: ''; */position: absolute;top: calc(50% - 0.5rem);right: 0;bottom: 0;left: auto;width: 60%;max-width: 28.1rem;z-index: 2;background: rgba(21,44,64,0.75);clip-path: polygon(100% 100%, 100% 0%, 0% 100%);min-height: auto;}
.home-hero .wp-block-cover__background.has-background-dim.has-background-dim-0 { opacity: 0.75; }
.home-hero .wp-block-cover__image-background {width: 100%;max-width: 44.2rem;margin-left: auto;}
.home-hero .wp-block-cover__inner-container {z-index: 3;}
.hero-tagline {max-width: 39.7rem;text-align: center;margin: 0 auto;}
.home-hero-btn { justify-content: center; }

@media (max-width: 68.49em) { 
    #hero_section { min-height: unset !important; }
}

@media (min-width: 68.5em) { 
    .home-hero .wp-block-cover__background.has-background-dim.has-background-dim-0 { opacity: 0; }
    .home-hero .wp-block-cover__image-background { max-width: 43%; }
    .hero-tagline {text-align: left;padding-right: 1rem;margin: 0;max-width: 57%;font-size: clamp(2.6rem, 4vw, 3.6rem);color: var(--primary-color) !important;}
    .home-hero-btn { justify-content: flex-start; }
}

@media (min-width: 100em) { 
    .hero-tagline { max-width: 36rem; padding-right: 0; }
}


/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
#welcome_section {padding-top: clamp(1.2rem,5.8vw,3.2rem);padding-bottom: clamp(2rem,8.8vw,4.8rem);}
.welcome-section-bg-logo { display: none; }
.welcome-section-container { max-width: 40rem !important; margin: 0; }

@media (min-width: 68.5em) { 
    #welcome_section {padding-right: 0;padding-left: 0;}
}


/*--------------------------------------------------------------
# CTA's
--------------------------------------------------------------*/
#cta_section { gap: 0; }
#cta_section a {flex: 1 1 auto;/* min-width: 17.5rem; */--y: 0;--time: 600ms;background: var(--primary-color);--i: 0;}

#cta_section .cta1 { --i: 0; }
#cta_section .cta2 { --i: 2; }
#cta_section .cta3 { --i: 4; }
#cta_section .cta4 { --i: 6; }
#cta_section .cta5 { --i: 8; }

#cta_section .wp-block-image { margin: 0; overflow: hidden; }
#cta_section img { width: 100%; max-height: 23rem; object-position: top; transition: transform 1s; }
#cta_section p {position: relative;color: var(--white);font-size: clamp(1.2rem, 2vw, 1.8rem);font-weight: bold;margin: 0;padding: clamp(0.8rem, 1.9vw, 1.2rem) clamp(1.5rem, 2vw, 3rem) clamp(0.8rem, 3.2vw, 2.1rem);z-index: 1;container-type: inline-size;container-name: cta;transition: 300ms ease-in-out;}
#cta_section p::before {content: '';background: linear-gradient(0deg, rgba(210,212,191,1), rgba(210,212,191,1)) no-repeat right bottom / var(--cta-bg-width, 4rem) 100%;position: absolute;inset: 0 0 0 0;transition: background-size 350ms;z-index: -1;}
#cta_section p::after {content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="%23152C40" d="m22.5 7.5-1.79 1.74 9.48 9.51H5v2.5h25.19l-9.48 9.47 1.79 1.78L35 20 22.5 7.5Z"/></svg>');height: 2rem;width: 2rem;position: absolute;inset: 0 1rem 0 auto;margin: auto;line-height: 1;}
#cta_section a:is(:hover, :focus) img { transform: scale(1.1) }
#cta_section a:is(:hover, :focus) p { color: var(--primary-color); }
#cta_section a:is(:hover, :focus) p:before { background-size: 100% 100%; }

@container cta (max-width: 17.5rem) { 
    #cta_section p::before { --cta-bg-width: 2rem; }
    #cta_section p::after { height: 1rem; width: 1rem; right: 0.5rem; }
}

@media (min-width: 68.5em) { 
    #cta_section {justify-content: center;}
    #cta_section a {flex: 1 1 50%;max-width: 50%;}
}

@media (min-width: 82.5em) { 
    #cta_section a {flex: 1 1 20%;}
}