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

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

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.hero-tagline {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	margin-bottom: 0 !important ; 
	margin-top: 4rem !important ; 
}

.hero :is(.hero-tagline, .wp-block-buttons) {
	--time: 800ms;
    --easing: ease-out;
    --x: -2rem;
}
.home-hero:after{
	content:''; 
	position: absolute; 
	left: 0 ; 
	bottom: -.25rem;
	width: 100%; 
	height: 4rem; 
	background: url('../images/just-wave.svg') no-repeat; 
	background-size: contain;
  	background-position: bottom;
}

.just-color-accent{
	position: absolute;
  	left: 0;
  	top: -8rem;
	width: 100%; 
	max-width: 100%;
}


.home-hero p{
	font-size: 1.8rem !important ;
	line-height: 1; 
}

.hero-helping{
	margin-left: -3rem; 
}

.hero-communities{
	margin-left: 3rem; 
	position: relative; 
}

.hero-communities:after{
	content: '';
    position: absolute;
  	right: -.3rem;
  	bottom: -.5rem;
  	height: 10px;
 	width: 3.75rem;
    background: url('../images/menu-communities-hear-line.svg') no-repeat;
/* 	background-size: cover; */
  	background-position: top;
}


.hearo svg{
	position: absolute;
	width: 4rem; 
	right: 3.75rem;
  	bottom: -.5rem;
}

@media (min-width: 68.5em) {
	.home-hero:after{
		background-size: cover;
		height: 7rem; 
	}
	.just-color-accent{
		top: -11rem; 
	}
	.home-hero p{
		font-size: 4rem !important;
	}
	.hero-tagline{
		text-align: left !important; 
		margin-bottom: 2rem !important; 
	}
	.hearo svg{
		right: -5rem;
    	bottom: -.5rem;
    	width: 100%;
	}
	.hero-communities:after {
		right: 0;
		width: 6.5rem;
	}
	
}

@media (min-width: 90.5em){
	.just-color-accent{
		height: auto; 
	}
}	

@keyframes heroText{
	to{
		opacity: 1; 
		transform: translateX(0);
	}
}

@keyframes heroWave{
	to{
		clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
	}
}

@media (prefers-reduced-motion: no-preference) {
	.hero-helping{
		display: inline-block;
		opacity: 0;
		transform: translateX(-3rem);
		animation: heroText .5s .5s ease forwards; 
	}
	.hero-communities{
		display: inline-block;
		opacity: 0; 
		transform: translateX(-3rem);
		animation: heroText 1s 1s ease forwards; 
	}
	.just-color-accent path{
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
		animation: heroWave 1s 1.5s ease forwards; 
	}
	.just-color-accent path.just-color-accent-line{
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
		animation: heroWave 1s 2s ease forwards; 
	}
	.hero-communities:after {
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
		animation: heroWave 1s 3s ease forwards; 
	}
	
}
	


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


.home-wave-group{
	margin-top: -5rem; 
	position: relative; 
}

.home-wave-group:after{
	content:'';
	position: absolute; 
	left: 0; 
	bottom: 0;
	width: 100%; 
	height: 2rem;
	background: red; 
}

#welcome_section{
	padding-top: 0rem;
}

h1.home-heading{
	font-size: clamp(1.4rem, 4vw, 2rem); 
}

#welcome_section img{
	border-radius: 16px 4px 40px 4px;
}

#welcome_section .wp-block-buttons{
	flex-flow: column; 
}

.cta-wave{
	height: auto; 
	width: 100%; 
}

@media (min-width: 68.5em) {
	#welcome_section{
		padding-top: 5rem;
	}
	#welcome_section .wp-block-buttons{
		flex-flow: row; 
	}	
	
}

@keyframes welcomeImage{
	to{
		opacity: 1;
		transform: translateY(0); 
	}
}

@media (prefers-reduced-motion: no-preference) {
	.cta-wave path:last-child{
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}
	.cta-wave-group.js-intersected .cta-wave path:last-child{
		animation: heroWave 1s .5s ease forwards; 
	}
	.welcome img {
		opacity: 0;
		transform: translateY(1rem); 
	}
	.welcome.js-intersected img{
		animation: welcomeImage 1s 1s ease forwards;	
	}
}

	

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

.cta-wave-group{
	margin-bottom: -.1rem; 
}

.cta6 {
	background: linear-gradient(180deg, #E8F4F8 0%, rgba(232, 244, 248, 0) 100%);
	margin-top: 0 ; 
	padding-top: 1rem !important; 
}

.cta6 h2{
	z-index: 100; 
	font-size: 1.1rem !important ; 
}

.cta6 h2.cta-header{
	font-size: 1.4rem !important ; 
}

.cta6 .footer-top {
	position: absolute; 
	top: -3rem;
	width: 100%;
	height: auto; 
}


.cta6-spacer-block{
	position: relative; 
}

.cta6-spacer-block:after{
	content:'';
	position: absolute;
	top: -1.5rem;
	left: 0; 
	width: 100%; 
	height: 1rem; 
	background: var(--wp--preset--color--lightblue);  
	z-index: 10; 
}

.cta6 .wp-block-cover {
	align-items: unset;
}

.cta6 .wp-block-cover__background,
.cta6 .wp-block-cover__inner-container {
	opacity: 0;
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.cta6 .wp-block-cover__inner-container {
	align-content: end;
}

.cta6 .wp-block-cover__inner-container p {
	transform: translateY(0.5rem);
}

.cta6 .wp-block-cover__inner-container svg {
	transform: translateX(-0.5rem);
}

.cta6 .wp-block-separator,
.cta6 .wp-block-cover__image-background,
.cta6 .wp-block-cover__inner-container p,
.cta6 .wp-block-cover__inner-container svg {
	transition: transform 0.3s ease-out;
}

.cta6 .wp-block-separator{
	border-top: 1px solid !important ;	
}

.cta6 a:is(:hover, :focus-visible) .wp-block-cover__background {
	opacity: 0.5;
}
.cta6 a:is(:hover, :focus-visible) .wp-block-cover__inner-container {
	opacity: 1;
}

.cta6 a:is(:hover, :focus-visible) .wp-block-cover__inner-container p {
	transform: translateY(0rem);
}

.cta6 a:is(:hover, :focus-visible) .wp-block-cover__inner-container svg {
	transform: translateX(0rem);
}

.cta6 a:is(:hover, :focus-visible) .wp-block-cover__image-background {
	transform: scale(1.05)
}

.cta6 a:is(:hover, :focus-visible) .wp-block-separator {
	transform: scaleX(0.5)
}

.cta6 a .wp-block-cover:after{
	content:''; 
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 1rem;
	width: 1rem;
	height: 1rem;
	margin: auto; 
	background: url('../images/cta-arrow.svg') no-repeat; 
	opacity: 0; 
	transform: translateX(-.5rem);
	transition: opacity .25s ease, transform .5s ease; 
}
.cta6 a:hover .wp-block-cover:after{
	opacity: 1; 
	transform: translateX(0);
}

@media (min-width: 68.49em) {
	.cta6 h2{
		font-size: 1.5rem !important ; 
	}

	.cta6 h2.cta-header{
		font-size: 2rem !important ; 
	}
}

@media (max-width: 68.49em) {
	.cta6 .wp-block-cover {
		min-height: 16rem !important;
	}
	
}

@media (min-width: 68.5em) {
	.cta6 a .wp-block-cover{
		min-height: 20rem !important ; 
	}
	
}

@keyframes ctaMove{
	to{
		opacity: 1; 
		transform: translateY(0);
	}
	
}

@media (prefers-reduced-motion: no-preference) and (min-width: 68.5rem){
	#hl, #ha, #tinn, #balance{
		opacity: 0;
		transform: translateY(3rem);
	}
	.cta6.js-intersected #hl{
		animation: ctaMove 1s ease forwards
	}
	.cta6.js-intersected #ha{
		animation: ctaMove 1s .5s ease forwards
	}
	.cta6.js-intersected #tinn{
		animation: ctaMove 1s 1s ease forwards
	}
	.cta6.js-intersected #balance{
		animation: ctaMove 1s 1.5s ease forwards
	}
}


/*--------------------------------------------------------------
# Home award
--------------------------------------------------------------*/
.home-award-line {
	position: absolute; 
	top: 0;
	left: 0 ; 
	right: 0 ; 
  	margin: 0 auto;
	width: 100%; 
}

.home-award-group {
	padding-top: 4rem;
	overflow: hidden;
}

.home-award-group p{
	font-size: 1.1rem !important; 
}

.mobile-award-accent {
	width: 100%;
  	max-width: 1190px;
  	height: auto;
}

@media (min-width: 68.5em) {
	.home-award-group p{
		font-size: 1.5rem !important; 
		line-height: 1.5; 
	}
	.home-award-group {
		margin-top: 2rem; 
		max-width: 77rem;
		width: 100%; 
	}
	.home-award-line {
		max-width: 77rem;
		width: 100%; 
		margin-bottom: 3rem; 
	}
	.home-award-group img{
		width: 8.5rem;
		height: 8.5rem;
	}
}


@keyframes homeAwardLine{
	to{
		stroke-dashoffset: 0; 
	}
}

@media (prefers-reduced-motion: no-preference) {
	.home-award-line path:first-child{
		stroke-dasharray: 2000;
    	stroke-dashoffset: 2000;
	}
	.home-award-line circle {
		transform: scale(0); 
		transform-box: fill-box;
    	transform-origin: center;
		transition: transform .25s 1.35s ease; 
	}
	.home-award-group.js-intersected .home-award-line path:first-child{
		animation: homeAwardLine 3s .5s ease-out forwards; 
	}
	.home-award-group.js-intersected .home-award-line circle {
		transform: scale(1); 
	}
	.mobile-award-accent path:first-child{
		stroke-dasharray: 600;
    	stroke-dashoffset: 600;
	}
	.mobile-award-accent path:nth-child(2){
		stroke-dasharray: 600;
    	stroke-dashoffset: 600;
	}
	.mobile-award-accent circle {
		transform: scale(0); 
		transform-box: fill-box;
    	transform-origin: center;
		transition: transform .5s 1.5s ease; 
	}
	.home-award-group.js-intersected .mobile-award-accent path:first-child{
		animation: homeAwardLine 3s .5s ease-out forwards; 
	}
	.home-award-group.js-intersected .mobile-award-accent path:nth-child(2){
		animation: homeAwardLine 3s .5s ease-out forwards; 
	}
	.home-award-group.js-intersected .mobile-award-accent circle {
		transform: scale(1); 
	}
}




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

.home .location-group {
	background: linear-gradient(180deg, #FCF5EC 0%, rgba(252, 245, 236, 0) 100%);
	margin-top: 8rem;
}

.home .location-group:before{
	content: ''; 
	position: absolute; 
	top: -2rem;
	left: 0; 
	width: 100%; 
	height: 2rem; 
	background: url('../images/location-wave-no-line.svg') no-repeat; 
	background-size: 100%;
	background-position: bottom; 
}

.home .location-group:after{
	content: ''; 
	position: absolute; 
	top: -2rem ;
	left: 0; 
	width: 100%; 
	height: 2rem; 
	background: url('../images/contact-line.svg') no-repeat; 
	background-size: 100%;
	background-position: bottom; 
}


.home-loc-left-col{
	padding-bottom: 10rem !important ;
	position: relative; 
	font-size: .9rem; 
}

.home-loc-left-col:before{
	content:''; 
	position: absolute; 
	left: 0; 
	bottom: 0;
	width: 100%;
	height: 9rem;
	max-width: 22rem;
	background: url('../images/office1.jpg') no-repeat; 
	background-size: cover;
	background-position: center;
	border-radius: 	16px 4px 40px 4px;
}

.location-group .hours{
	font-size: .9rem; 
}

@media (min-width: 48.5em) {
	.home .location-group:before{
		height: 4rem;
	}
}

@media (min-width: 68.5em) {
	.home .location-group:before{
		height: 5rem;
	}
	.home .entry-content .location-section-map{
		padding-top: 0 !important ;
	}
	.home .entry-content .location-section-map:before{
		top: 10rem; 
		left: -138%;
		width: 119%;
		height: 10rem;
		max-width: 28rem;
	}
	.home-loc-left-col:before{
		max-width: 92%;
		bottom: -5rem; 
	}
	.home .location-group:after{
		height: 3rem; 
		top: -1rem ;
	}
	.home-loc-left-col::before{
		height: 13rem; 
	}
	.home .sub-menu .location-card {
		padding-top: 0 !important ;
		padding-bottom: 0 !important ;
	}
}

@media (min-width: 97.5em) {
	.home .location-group:before{
		height: 7rem;
	}
}


@media (prefers-reduced-motion: no-preference) {
	.home .location-group:after{
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    }
	.home .location-group.js-intersected:after {
		animation: heroWave 1.5s .5s ease forwards;
	}
}

	

/*--------------------------------------------------------------
# Affiliations 
--------------------------------------------------------------*/
.fm-carousel{
	background: #fff; 
}

.home .footer{
	margin-top: 3rem !important;
}