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

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

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.hero-tagline {
	text-align: var(--center-on-mobile);
	font-weight: 700; 
}

#hero_section{
	margin-bottom: 0 !important; 
	position: relative; 
	min-height: 18.5rem !important; 
	z-index: 10; 
}

#hero_section:before{
	content:''; 
	position: absolute;
	top: -5rem;
  	left: -20%;
  	right: -20%;
  	margin: auto;
  	width: 120%;
  	height: 120%;
	clip-path: ellipse(77% 60% at 50% 39%);
	background: rgba(29, 106, 138, 0.85);
	z-index: 1; 
	box-shadow: inset 0 0 0 1px white, inset 0 0 0 11px transparent;
	
}

#hero_section:after{
	content: '';
    position: absolute;
    bottom: 2.25rem;
    left: -29%;
    right: 0;
    margin: auto;
    width: 159%;
    height: 112%;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
	z-index: 1 ; 
}

#hero_section p{
	text-align: var(--center-on-mobile);
	font-weight: 700; 
	font-family: var(--title-font);
	margin-top: 0 !important;
	margin-bottom: 0 !important; 
}

.home-help {
	font-size: 1.6rem !important; 
}

.home-hear-well{
	color: var(--accent-color) !important ; 
	font-size: 2.4rem !important ; 
	position: relative; 
	padding-bottom: 1rem;
}

.home-hear-well span{
	display: inline;
  	position: absolute;
  	font-size: 1.5rem;
  	top: .5rem;
}

.home-hear-well:after{
	content: ''; 
	position: absolute; 
	bottom: 0.25rem;
	left: 0; 
	right: 0; 
	margin: auto; 
	width: 9rem;
	height: 2px;
	border-bottom: 1px solid #fff; 
}

#hero_section .wp-block-cover__inner-container{
	align-self: baseline;
	padding-top: .5rem;
	z-index: 100; 
}

.hero-tagline{
	margin-top: -.1rem;
}

@keyframes bubbleAnimation {
	0% {
		transform: scale(0.75);
		opacity: 0;
	}
	50% {
		transform: scale(1.03)
	}
	100% {
		transform: scale(1);
		opacity: 1
	}
}

@keyframes lineWidth{
	to{
		width: 100%; 
	}
}


@media (prefers-reduced-motion:no-preference) and (min-width: 68.5em){
	#hero_section:before {
		opacity: 0; 
		transform: scale(.5); 
		transform-origin: left top; 
		animation: bubbleAnimation 1.5s 1s ease forwards; 
	}
	.home-help{
		opacity: 0; 
		--y1: 0;
		--x1: -3rem; 
		animation: fadein 1s 1.5s ease forwards; 
	}
	.home-hear-well {
		opacity: 0; 
		--y1: 0;
		--x1: -3rem; 
		animation: fadein 1s 2s ease forwards; 
	}
	.home-hear-well:after{
		width: 0; 
		animation: lineWidth 1s 2.5s ease forwards; 
	}
	.hero-content-group .wp-element-button{
		opacity: 0; 
		--y1: 0;
		--x1: -3rem; 
		animation: fadein 1s 2.5s ease forwards; 
	}
}

@media (min-width: 68.5em) {
	#hero_section.wp-block-cover{
		overflow: visible; 
	}
	#hero_section:before{
		top: 0; 
		left: 0;
		right: initial;
		width: clamp(32rem, 57vw, 46rem);
		height: clamp(28rem, 57vw, 44rem);
		background: url('../images/hero-circle-line.svg') no-repeat;
 		background-size: 100%;  
		background-position: top left;
		box-shadow: none; 
		clip-path: none; 
		z-index: 10;
	}
	
	#hero_section:after{
		display: none; 
	}
	
	#hero_section .wp-block-cover__inner-container{
		z-index: 100; 
	}
	
	.home-hear-well:after{
		right: initial;
 		width: 0 ;
	}
	
	.home-help{
		font-size: 2.4rem !important;
	}

	
	.home-help, 
	.home-hear-well{
		max-width: initial !important;
		margin-left: 3rem !important; 
	}
	
	.home-hear-well {
		font-size: 3.3rem !important;
	}
	
	.hero-content-group {
		max-width: 21rem !important;
		margin-left: initial !important;
		transform: translateY(-.5rem);
	}
	
	#hero_section .wp-block-buttons {
		max-width: initial;  
		padding-left: 13rem ;
	} 
	.hero-tagline{
		margin-top: -.5rem;
	}
}

@keyframes nextLineWidth{
	to{
		width: 23.5rem; 
	}
}

@media (min-width: 82.5em) {
	.home-help{
		font-size: 3.2rem !important;
	}
	.home-hear-well{
		font-size: 4.4rem !important; 
		transform: translateY(2rem); 
	}
	.hero-content-group{
		margin-left: -3rem !important ; 
	}
	#hero_section .wp-block-buttons{
		padding-left: 18.5rem; 
	}
	.hero-content-group {
		max-width: 27rem !important;
	}
}


@media (min-width: 90.5em) {
	.home-help, 
	.home-hear-well{
		margin-left: 7rem !important; 
	}
	#hero_section .wp-block-buttons {
    	padding-left: 22.75rem;
	}
	.hero-content-group {
		max-width: 31rem !important;
	}

}

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

#welcome_section{
	background: linear-gradient(0deg, rgba(247, 251, 237, 0) 28.79%, #F7FBED 100%);
	margin-block-start: 0; 
	margin-top: 0; 
	padding-top: 2rem; 
	position: relative; 
	z-index: 1;
}

.threshold-reached {
  border-top: 5px solid red; /* Example border style */
}

#welcome_section:after{
	content:''; 
	position: absolute; 
	width: 100%;
	height: 100%; 
	top: 0; 
	right: 0; 
	background-image: url('../images/welcome-bg-pattern-two.svg');
	background-position: top right; 
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.welcome-heading{
	font-size: clamp(1.4rem, 4vw, 2.4rem) ; 
}

.welcome-sub-heading{
	margin-top: 0; 
	font-size: clamp(1rem, 4vw, 1.5rem); 
	position: relative; 
	display: block; 
	font-family: var(--title-font); 
	overflow: hidden; 
	
}

.welcome-sub-heading:after{
	content: '';
    position: absolute;
    left: initial;
    right: initial;
	top: 0;
	bottom: 0; 
	margin: auto;
    width: 72% ;
	transform: translateX(.5rem);
    height: 2px;
	border-bottom: 1px solid var(--primary-color);
	clip-path: circle(0% at 1% 50%);
	transition: clip-path 1s .5s ease; 
}

@media (prefers-reduced-motion:no-preference) {
	.home-welcome.js-intersected .welcome-sub-heading:after{
		clip-path: circle(100% at 1% 50%);
	}	
	/* welcome flower */
	@keyframes flower-bloom-5 {
 	 0% {clip-path: circle(0.0% at 50% 52%);}
  	100%{clip-path: circle(61.4% at 50% 50%);}
	}
	@keyframes flower-bloom-5-img {
 	 0% {transform: scale(1.5);opacity:0;}
  	100%{transform: scale(1);opacity:1;}
	}

	.home-welcome.js-intersected .bloom-container-5 .bloom-5{
		animation: flower-bloom-5 1.5s 1s both ease-in-out; 
	}

	.home-welcome .bloom-container-5 .bloom-5 > img{
		transform: scale(1.5);opacity:0;
	}

	.home-welcome.js-intersected .bloom-container-5 .bloom-5 > img{
		animation: flower-bloom-5 1.5s 1s both ease-in-out; 
	}
}

#welcome_section .wp-element-button{
	background: var(--primary-color) !important; 
	color: #fff !important; 
	z-index: 100; 
}

#welcome_section .wp-block-buttons{
	justify-content: center !important ; 
}

#welcome_section .wp-block-buttons a.wp-element-button:hover,
#welcome_section .wp-block-buttons a.wp-element-button:focus-visible{
	background: var(--wp--preset--color--light-green) !important; 
	color: var(--primary-color) !important; 
}

@media (min-width: 68.5em) {
	#welcome_section{
		padding-top: 8rem; 
	}
	
	#welcome_section:after{
		width: 49rem;
		height: 100%;
		background-size: 100%;
	}
	
	#welcome_section .wp-block-buttons{
		justify-content: left !important ; 
	}	
	
	#welcome_section .wp-block-columns{
		position: relative;
		z-index: 100;
	}
	
}

.home-welcome .bloom-container-5 .bloom-5{
	clip-path: circle(0.0% at 50% 52%); 
}







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

.home-cta-group{
	padding-top: 3rem; 
	padding-bottom: 3rem; 
	clip-path: ellipse(250% 56% at 50% 57%);
	background-image: url('../images/cta-bg-pattern-two.svg');
	background-repeat: no-repeat; 
	background-position: bottom left;
}

.home-cta-group p{
	line-height: 1.7;
}

.home-cta-group p,
.home-cta-group h2{
	color: #fff ;
}

.home-cta-group .wp-block-columns h2{
	text-transform: uppercase; 
	font-size: 1rem; 
	padding-left: 3.5rem;  
	position: relative; 
	display: inline-block; 
	text-align: center; 
	font-weight: 700; 
}

.cta{
	margin-bottom: 2rem; 
}

.cta .wp-block-column {
	overflow: hidden; 
}

.cta-heading{
	text-align: center;
  	font-weight: 900;
  	text-transform: uppercase;
  	letter-spacing: .6rem;
  	font-size: 1.2rem;
  	margin-bottom: 2.75rem;
	opacity: 1; 
	transition: opacity 1s .5s ease;
}

.cta,
.cta.cta-hl,
.cta.cta-tinn {
	position: relative; 
}

.cta .wp-block-column:last-child{
	padding-top: 1rem;
	padding-bottom: 1rem;
}


@media (prefers-reduced-motion:no-preference) {
	.cta-heading{
		opacity: 0; 
	}
	.cta-ha svg{
		position: absolute;
		left: 0 ;
		top: -2rem ; 
		stroke-dasharray: 151;
		stroke-dashoffset: 200;
	}

	.cta-ha.js-intersected svg {
		animation: dash 2s .5s ease forwards;  
	}

	.cta-hl svg{
		position: absolute;
		left: -2rem ;
		top: -2rem ; 
		stroke-dasharray: 157;
		stroke-dashoffset: 200;
	}

	.cta-hl.js-intersected svg {
		animation: dash 2s .5s ease forwards;  
	}

	.cta-tinn svg{
		position: absolute;
		left: -2rem ;
		top: -2rem ; 
		stroke-dasharray: 157;
		stroke-dashoffset: 200;
	}

	.cta-tinn.js-intersected svg {
		animation: dash 2s .5s ease forwards;  
	}

	.home-cta-group .cta.js-intersected img{
		animation: popAnimation .75s .5s ease forwards; 
	}
	.home-cta-group .cta img{
		opacity: 0;
		transform: scale(0.5);
	}	
	.home-cta-group .wp-block-columns.cta.js-intersected h2:after{
  		width: 13rem ;  
	}

}

.home-cta-group.js-intersected .cta-heading{
	opacity: 1; 
}

.home-cta-group .cta.wp-block-columns h2:after{
	content:''; 
	position: absolute;
	left: 105% ;
	top: 0; 
	bottom: 0;
	margin: auto;
	width: 0 ;
	height: .25rem; 
	border-bottom: 1px solid #fff; 
	transition: width .75s .5s ease; 
}

@keyframes dash {
  to {
    stroke-dashoffset: 1;
  }
}

.cta .wp-element-button svg{
	position: relative; 
	top: 0; 
	left: 0; 
	stroke-dasharray: 0 ;
	stroke-dashoffset: 0 ;
}

.cta-ha svg{
	position: absolute;
	left: 0 ;
	top: -2rem ; 
}

.cta-hl svg{
	position: absolute;
	left: 0 ;
	top: -2rem ; 
}

.cta-tinn svg{
	position: absolute;
	left: 0 ;
	top: -2rem ; 
}

.home-cta-group .cta img{
	border-radius: 50%; 
	border: 4px solid #fff; 
	width: 11.25rem;
	height: 11.25rem; 
	display: block; 
	margin: auto; 
}	

.home-cta-group .wp-element-button{
	background: #fff !important ;
	color: var(--primary-color) !important ; 
	border: none !important; 
}
.home-cta-group .cta.cta-ha.wp-block-columns h2{
	padding-left: 2rem; 
}

@media (min-width: 68.5em) {
	.cta{
		margin-bottom: 4rem; 
	}
	.cta .wp-block-column {
		overflow: visible; 
	}

	.home-cta-group{
		clip-path: ellipse(150% 56% at 50% 57%);
		position: relative;
		z-index: 10; 
		padding-top: 10rem;
		padding-bottom: 10rem; 
		overflow: hidden; 
		background-size: 50%; 
	}
	.home-cta-group:after{
		content:'';
		position: absolute;
		top: 0;
		bottom: 0;
		right: -6rem;
		margin: auto;
		width: 27rem;
		height: auto; 
		background: url('../images/cta-large-image.png') no-repeat; 
		background-size: 100% ;
		background-position: center right; 
		z-index: 0; 
		transition: width .25s ease; 
	}
	.home-cta-group .wp-block-columns{
		z-index: 50; 
		position: relative; 
	}
	.home-cta-group img{
		max-width: 15.5rem; 
		width: 15.5rem;
		height: 15.5rem; 
	}
	.home-cta-group .wp-block-columns h2{
		font-size: 1.2rem; 
	}
	.home-cta-group .wp-block-columns p{
		line-height: 1.8; 
		margin-top: 1.5rem;
		margin-bottom: 1.5rem; 
	}
	.cta-hl{
		transform: translateX(-3.5rem);
	}
	.home-cta-group .wp-block-columns h2:before{
		height: 2.5rem;
		width: 1.5rem; 
		left: -.5rem;
	}
	.home-cta-group .cta-hl.wp-block-columns h2::before {
		height: 3.5rem;
    	width: 2.5rem;
		left: -1rem;
	}
	.home-cta-group .cta-tinn.wp-block-columns h2::before {
		height: 3rem;
    	width: 2.5rem;
		left: -1rem;
		top: -.5rem; 
	}
	.cta-heading{
		text-align: left;
		font-size: 1.6rem; 
		transform: translate(-9rem, -2rem);
		padding-left: 1rem; 
	}
	.home .sub-menu .map-nav-item-btn:after{
		content:''; 
		position: absolute; 
		right: 1rem;
		top: 0; 
		bottom: 0; 
		margin: auto; 
		width: .5rem;
    	height: 1rem;
		transition: transform .25s ease; 
		background: url('../images/map-arrow-28.svg') no-repeat;
	}
	
	.home .sub-menu .map-nav-item-btn:hover:after,
	.home .sub-menu .map-nav-item-btn:focus-visible:after{
		transform: translateX(.5rem); 
	}
/* 	.home-cta-group .cta.cta-ha.wp-block-columns h2{
		padding-left: 2rem; 
	} */
}


@media (min-width: 78.5em) {
	.home-cta-group:after{
		width: 33rem; 
	}
	
	.home-cta-group .cta img{
		width: 15rem;
		height: 15rem; 
	}	
}

@media (min-width: 95.5em) {
	.home-cta-group:after{
		width: 37rem; 
	}
	.home-cta-group:after{
		transform: scale(1.2);
	}
}

@media (min-width: 105.5em) {
/* 	.home-cta-group:after{
		width: 39rem; 
		right: 0; 
	} */
	.home-cta-group:after{
		transform: scale(1.4);
	}
}

.map-wrapper {
	margin-block-start: 0;
}

@media (prefers-reduced-motion:no-preference) {
	.map-wrapper h2.wp-block-heading{
		opacity: 0; 
		transition: opacity 1s .5s ease; 
	}

	.map-wrapper.js-intersected h2.wp-block-heading{
		opacity: 1; 
	}
}

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

.entry-content .wp-block-fuel-interactive-map details:not(.wp-block-fuel-fuel-toggle-block) summary{
/* 	background: #fff; 	 */
	background: var(--primary-color); 
	padding: .5rem 1.5rem;
}

.home .entry-content .wp-block-fuel-interactive-map details:not(.wp-block-fuel-fuel-toggle-block) summary:is(:hover, :focus-visible){
	color: var(--wp--preset--color--light-green); 
}

.entry-content .map-filter-panel summary::after{
	background: #fff; 
}	

.home .entry-content .wp-block-fuel-interactive-map details:not(.wp-block-fuel-fuel-toggle-block) summary:is(:hover, :focus-visible)::after{
	background: #fff; 
}

.entry-content .map-sidebar summary{
		color: #fff; 
	font-weight: 700; 
}

.map-mobile-view-bar{
	position: relative; 
}

@media (min-width: 68.5em) {
	.home .entry-content .map-filter-panel.map-sidebar.has([open=""]){
		height: 10.75rem;
    	overflow: hidden;
	}
	.map-sidebar[hidden] .map-nav-item-btn:before{
		display: none;
	}

	.map-nav-item-btn:after{
		content:''; 
		position: absolute; 
		right: 1rem;
		top: 0; 
		bottom: 0; 
		margin: auto; 
		width: .5rem;
    	height: 1rem;
		background: url('../images/map-arrow.svg') no-repeat;
		transition: transform .25s ease; 
	}

	.map-nav-item-btn:hover:after,
	.map-nav-item-btn:focus-visible:after{
		transform: translateX(.5rem); 
	}

	.home .entry-content .wp-block-fuel-interactive-map{
		border-radius: 8px ; 
	}

	.home .entry-content .wp-block-fuel-interactive-map details {
		border-radius: 8px 0 0 0 ; 
	}

	.home .entry-content .map-nav-panel{
		border-radius: 0 0 0 8px; 
		display: flex;
		flex-flow: column;
		justify-content: space-around; 
	}

	.home .entry-content .map-nav-item{
		flex-basis: 100%; 
	}

	.home .entry-content .map-nav-item-btn {
		height: 100%; 
	}

	.home .entry-content .google-map-container{
		border-radius: 0 8px 8px 0 ; 
	}

	li.map-nav-item:last-child button{
		border-bottom: none; 
	}

	.home .entry-content .wp-block-fuel-interactive-map {
		background: none;
	}

	.home .entry-content .map-nav-panel{
		background: rgba(255, 255, 255, .85) ;
	}

	.home .entry-content .map-loc-info summary{
		background: rgba(0, 0, 0, .3)!important; 
		color: #fff; 
	}
	
	.home .map-nav-panel.map-sidebar{
		overflow-y: initial;
	}
	
	.home .map-nav-panel.map-sidebar{
		overflow-y: initial;
	}
	
	.home .map-info-panel.map-sidebar{
		overflow-y: auto; 
	}
	
	.home .map-nav-item-btn{
		position: relative; 
	}
	.home .map-nav-item-btn:before{
		content:''; 
		position: absolute; 
		left: -.35rem; 
		top: 0;
		bottom: 0; 
		margin: auto; 
		width: .7rem; 
		height: .7rem; 
		border-radius: 50%; 
		background: var(--accent-color); 
	}
	
	.home .sub-menu .map-nav-item-btn:before{
		display: none; 
	}
	
	.home .map-nav-item-btn:hover:before,
	.home .map-nav-item-btn:focus-visible:before{
		background: var(--primary-color); 
	}
	
	.home .map-nav-item-btn:is(:hover, :focus, .map-active) {
  		background: #fff ;
  		color: var(--primary-color);
	}

}