/**
* 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);
}

.hero :is(.hero-tagline, .wp-block-buttons) {
	--time: 800ms;
    --easing: ease-out;
    --x: -2rem;
}


/*--------------------------------------------------------------
# Home reviews
--------------------------------------------------------------*/

.home-reviews{
	background: rgba(32, 76, 110, .2);
	padding-top: 2rem; 
	padding-bottom: 8rem;  
	position: relative; 
}

.home-reviews:before{
	content: '';
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 15rem;
  	height: 100%;
	background: rgba(32, 76, 110, 0.1);
	clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.home-reviews:after{
	content: '';
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 15rem;
  	height: 100%;
	background: rgba(255, 255, 255, 0.2); 
	clip-path: polygon(0 0, 0 100%, 100% 100%);
}

.home-reviews-angle{
	position: absolute;
	width: 15rem; 
	height: 100%; 
	left: -4rem;
  	top: 0;
	background: rgba(255, 255, 255, 0.2);
  	clip-path: polygon(0 0, 0% 100%, 100% 0);
}

.home-reviews h2{
	position: relative; 
}

.home-reviews h2:after{
	content:''; 
	position: absolute; 
	left: 0; 
	bottom: -.5rem; 
	width: 2rem; 
	height: 1px; 
	background: var(--primary-color); 
}

.review-columns{
	border-bottom: 1px solid var(--primary-color); 
	padding-bottom: 1.5rem; 
	z-index: 10; 
	position: relative; 
}

.review-columns p{
	font-size: clamp(.9rem, 4vw, 1rem) !important ; 
}

.home-reviews-carousel{
	margin-top: -12rem; 
}

.home .fm-carousel{
	padding-bottom: 0; 
}

.fm-carousel-container,
.fm-carousel-overflow {
	height: initial !important ; 
}

@media (min-width: 68.5em) {
	.home-reviews{
		padding-top: 4rem; 
		padding-bottom: 11.5rem;  
	}
	.home-reviews-carousel{
		margin-top: -14rem; 
	}
}

@media (prefers-reduced-motion: no-preference) {
	.home-reviews:before{
		transform: translateX(-15rem);
		transition: transform .5s .5s ease; 
	}

	.home-reviews:after{
		transform: translateX(-15rem);
		transition: transform .5s 1s ease; 
	}

	.home-reviews-angle{
		transform: translateX(-19rem);
		transition: transform .5s 1.5s ease; 
	}
	
	.js-intersected.home-reviews:before,
	.js-intersected.home-reviews:after,
	.js-intersected.home-reviews .home-reviews-angle{
		transform: translateX(0);
	}

}

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

.why-columns{
	padding-top: 2rem; 
	padding-bottom: 2rem;
	
}

.why-columns p{
	line-height: 1.8; 
}

@media (min-width: 49em) {
	.why-left h2{
		text-align: center; 
	}
	.why-columns{
		padding-top: 4rem; 
		padding-bottom: 4rem;
	}
}

/*--------------------------------------------------------------
# Home awards
--------------------------------------------------------------*/

.home-awards{
	background: rgba(32, 76, 110, .1);
	padding-top: 2rem; 
	padding-bottom: 2rem; 
	text-align: center; 
	color: var(--primary-color);
	position: relative; 
	overflow: hidden; 
	z-index: 10; 
}

.home-awards:before{
	content:''; 
	position: absolute; 
	top: 0; 
	right: 0; 
	width: 15rem; 
	height: 100%; 
	background: rgba(255, 255, 255, 0.25);
  	clip-path: polygon(0 0, 100% 100%, 100% 0);
	z-index: -1; 
}

.home-awards:after{
	content:''; 
	position: absolute; 
	top: 0; 
	right: -4rem; 
	width: 15rem; 
	height: 100%; 
	background: rgba(32, 76, 110, 0.05);
	clip-path: polygon(0 0, 100% 100%, 100% 0);
	z-index: -1; 
}

.awards-columns{
	margin-top: 2rem; 
}

.award-accent{
	position: relative; 
}

.award-accent:after{
	content:''; 
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: -.75rem; 
	margin: auto; 
	width: 2rem;
	height: 1px; 
	background: var(--primary-color); 
}
.top-title{
	font-size: clamp(1.2rem, 4vw, 1.5rem) !important; 
	margin-top: .5rem; 
}

.award-from{
	margin-top: .5rem; 
}

.awards-column-left{
	margin-top: 1rem !important ; 
}

@media (min-width: 49em) {
	.awards-column-left{
		margin-top: 0 !important ; 
	}
	.home-awards{
		padding-top: 4rem; 
		padding-bottom: 4rem; 
	}
	.award-accent{
		text-align: left; 
	}
	.award-accent:after{
		right: initial; 
		bottom: initial; 
		left: -1rem; 
		top: .4rem; 
		height: 2rem; 
		width: 1px; 
	}
	.top-title.award-accent:after{
		right: 0; 
		bottom: -.75rem; 
		width: 2rem;
		height: 1px; 
		top: initial; 
	}
	.top-title.award-accent{
		text-align: center; 
	}
	.top-title{
		margin-bottom: 3rem; 
		margin-top: .5rem; 
	}
	.award-from{
		margin-top: .5rem; 
	}
}

@media (prefers-reduced-motion: no-preference) {
	.home-awards:before{
		transform: translateX(15rem);
		transition: transform .5s .5s ease;
	}

	.home-awards:after{
		transform: translateX(19rem);
		transition: transform .5s 1s ease;
	}
	.js-intersected.home-awards:before,
	.js-intersected.home-awards:after{
		transform: translateX(0);
	}
}

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


.our-focus{
	padding-top: 2rem; 
	padding-bottom: 3rem; 
	position: relative; 
}

.our-focus:before{
	content:''; 
	position: absolute; 
	left: 0 ;
	top: 0 ; 
	width: 11rem;
	height: 17rem; 
	background: rgba(255, 255, 255, 0.05); 
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.our-focus:after{
	content:''; 
	position: absolute; 
	left: -3rem;
	top: 0; 
	width: 11rem;
	height: 17rem ; 
	background: rgba(255, 255, 255, 0.05); 
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

@media (min-width: 68.5em) {
	.our-focus{
		padding-top: 3.5rem; 
		padding-bottom: 4.5rem; 
	}	
}

@media (prefers-reduced-motion: no-preference) {
	.our-focus:before{
		transform: translateX(-15rem);
		transition: transform .5s .5s ease;
	}
	.our-focus:after {
		transform: translateX(-19rem);
		transition: transform .5s 1s ease;
	}
	.js-intersected.our-focus:before,
	.js-intersected.our-focus:after{
		transform: translateX(0);
	}
}



.focus {
	font-size: clamp(1.2rem, 4vw, 1.5rem); 
}

.advanced {
	font-size: clamp(1.4rem, 4vw, 2rem); 
	position: relative; 
}

.advanced:after{
	content:'';
	position: absolute; 
	left: 0;
	right: 0; 
	bottom: -1rem; 
	margin: auto; 
	width: 2rem;
	height: 1px;
	background: #fff; 
}

.cta .wp-element-button {
	font-weight: 400; 
	color: var(--primary-color); 
	background: rgba(255, 255, 255, .85); 
	border-radius: 0 40px 0 0 ;
	max-width: 35rem ; 
	border: none; 
	border-bottom: 4px solid var(--primary-color); 
	text-align: left; 
	font-size: clamp(1rem, 4vw , 1.4rem) !important ; 
	line-height: 1.35; 
	display: flex; 
	flex-flow: row; 
	gap: 1rem; 
	padding: 1.5rem; 
	align-items: center; 
	overflow: hidden; 
}

.cta .wp-element-button:hover,
.cta .wp-element-button:focus-visible{
	background: rgba(32, 76, 110, 0.85);
 	color: #fff; 
}

.cta{
	position: relative; 
	z-index: 100; 
}

.cta .wp-element-button:after{
	display: none; 
}

.cta .wp-element-button svg{
	display: block; 
}

.cta .wp-element-button:hover svg path,
.cta .wp-element-button:focus-visible svg path{
	stroke: var(--accent-color); 
}

.cta .wp-element-button:before{
	content:''; 
	position: absolute; 
	bottom: -1.75rem; 
	right: -1.75rem; 
	width: 3.5rem; 
	height: 3.5rem; 
	background: var(--primary-color); 
	transform: rotate(45deg); 
	outline: 6px solid rgba(32, 76, 110, .5);
}

.cta-arrow{
	position: absolute; 
	bottom: .5rem; 
	right: .5rem; 
	width: .5rem !important ;
	transition: transform .5s ease; 
	
}


.cta .wp-element-button:hover .cta-arrow,
.cta .wp-element-button:focus-visible .cta-arrow {
	transform: translateX(.25rem); 
}

.cta-sub-text{
	position: absolute; 
	left: 7.55rem; 
	bottom: .5rem; 
	opacity: 0; 
	font-size: .9rem; 
	color: #fff; 
	transform: translateX(-.5rem); 
	transition: opacity 1s ease, transform 1s ease ; 
}

.cta br{
	display: none; 
}

/* left cta angles */

.left-cta-angles{
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 30%;
	height: 100%; 
}

.left-cta-angles:before{
	content:''; 
	position: absolute;
	top: 0; 
	left: 0; 
	width: 40rem;
  	height: 100%;
	background: rgba(32, 76, 110, 0.3);
	clip-path: polygon(0 0, 0% 100%, 75% 0);
}

.left-cta-angles:after{
	content: '';
	position: absolute; 
	bottom: 0; 
	left: -5rem; 
	width: 40rem; 
	height: 100%;
	background: rgba(32, 76, 110, .1);
	z-index: 10; 
	clip-path: polygon(0 0, 0% 100%, 75% 100%);
}

.cta-wrapper .wp-block-cover__inner-container{
	position: initial !important ; 
}

/* side to side cta angles */
.cta-wrapper:before{
	content: '';
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 40rem; 
	height: 100%;
	background: rgba(32, 76, 110, .1);
	z-index: 10; 
	clip-path: polygon(0 0, 0% 100%, 75% 100%);
}

.cta-wrapper:after{
	content: '';
	position: absolute; 
	right: 0; 
	top: 0; 
	width: 40rem;
	height: 100%;
	background: rgba(32, 76, 110, .1);
	clip-path: polygon(100% 0, 100% 100%, 25% 100%);
}

.cta .wp-block-button__link {
	width: 100%; 
	max-width: 35rem; 
}

.cta .wp-block-button{
	flex: 1; 
}

@media (min-width: 68.5em) {
	.cta br{
		display: inline-block ; 
	}
	.cta .wp-element-button:hover .cta-sub-text{
		opacity: 1; 
		transform: translateX(0); 
	}
	.cta .wp-element-button .cta-main-text{
		transition: transform .5s ease;
	}
	.cta .wp-element-button:hover .cta-main-text{
		transform: translateY(-.5rem); 
	}
	.cta .wp-element-button svg {
		width: 5rem;
	}
	.cta-wrapper {
		padding: 8rem 1rem 8rem 18rem; 
	}
}

@media (min-width: 82.5em) {
	.cta-wrapper {
		padding: 8rem 1rem 8rem 24rem; 
	}

	.cta-nose{
		transform: translateX(3rem);
	}
	.cta-allergies{
		transform: translateX(3rem);
	}
}

@media (prefers-reduced-motion: no-preference) and (min-width: 68.5rem){
	.cta.cta-sinus{
		opacity: 0;
		transition: opacity .5s ease; 
	}
	.cta.cta-nose{
		opacity: 0;
		transition: opacity .5s .5s ease; 
	}
	.cta.cta-congestion{
		opacity: 0;
		transition: opacity .5s 1s ease; 
	}
	.cta.cta-allergies{
		opacity: 0;
		transition: opacity .5s 1.5s ease; 
	}
	.cta-wrapper.js-intersected .cta{
		opacity: 1
	}
	.cta-wrapper:before{
		opacity: 0; 
		transform: translate(-3rem, 3rem) ;
		transition: opacity .5s 1s ease, transform .5s 1s ease; 
	}
	.cta-wrapper:after{
		opacity: 0;
		transform: translate(3rem, 3rem);
		transition: opacity .5s 1s ease, transform .5s 1s ease; 
	}
	.js-intersected.cta-wrapper:before{
		opacity: 1; 
		transform: translate(0, 0) ;
	}
	.js-intersected.cta-wrapper:after{
		opacity: 1; 
		transform: translate(0, 0) ;
	}
	.left-cta-angles:before{
		transform: translateX(-40rem);
		transition: transform .5s 1.5s ease; 
	}
	.left-cta-angles:after{
		transform: translateX(-40rem);
		transition: transform .5s 2s ease; 
	}
	
	.js-intersected.cta-wrapper .left-cta-angles:before{
		transform: translateX(0);
	}
	.js-intersected.cta-wrapper .left-cta-angles:after{
		transform: translateX(0);
	}
}

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

.home .entry-content #location_section {
	margin-bottom: 3rem; 
}

.locations-title{
	position: relative; 
}

.locations-title:after {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
   bottom: -.75rem;
   margin: auto;
   width: 2rem;
   height: 1px;
   background: var(--primary-color);
}