/**
* Fuel Theme
* Version 6.0.0
**/

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

.home .entry-content h2 {
	font-size: clamp(1.6rem , 4vw, 2rem); 
	position: relative; 
	z-index: 10; 
}

.entry-content .home-header h2{
	color: #fff; 
	position: relative; 
	z-index: 10 ; 
}

.entry-content .home-header h2:before {
	content: '';
	position: absolute;
	left: 1em;
	top: 0;
	bottom: 0; 
	width: 1.2em;
	height: .3em;
	margin: auto; 
	background: var(--wp--preset--color--bleh-green);
	z-index: -1; 
}

.entry-content .home-header h2:after{
	display: none; 
}

.home .entry-content h2:after {
	content: '';
  	position: absolute;
  	left: 0;
  	right: 0;
  	bottom: -1em;
  	margin: auto;
  	width: 1.5em;
  	height: .25em;
  	background: var(--wp--preset--color--pr-green);
}


/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/

.home-header{
	background: url('../images/hero-bg.jpg') ;  
	padding-top: 3em;
	padding-bottom: 3em; 
	position: relative; 
}

.home-header:before {
	content: '';
  	position: absolute;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	background: var(--wp--preset--color--light-grey);
  	opacity: .65;
  	z-index: -1;
}

h2.better-care{
	width: 12em; 
	padding-left: 2.5em; 
	position: relative; 
}

.home h2.better-care:after{
	right: initial; 
	bottom: 50%;  
}

.home-header-images{
	padding: 0 .5em; 
}

.home-header-images img {
	box-shadow: 2px 2px 5px 0px #00000040;
}

@keyframes showImg{
	0% {
		clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
	}
	75%{
		transform: scale(1.02); 
	}	
	100% {
		clip-path: polygon(0 0, 110% 0, 110% 110%, 0% 110%);
		transform: scale(1); 
	}
}

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

@keyframes show {
	to {
		opacity: 1; 
	}
}

@keyframes rise {
	0% {
		transform: translateY(3em); 
	}
	80% {
		transform: translateY(-.25em); 
		
	}
	100% {
		transform: translateY(0); 
		
	}
}

@media (prefers-reduced-motion:no-preference) {
	.home-header-images img	{
		clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
		animation: showImg 1s .5s ease forwards; 
	}
	.home-header-left h2{
		transform: translateX(-1.5em); 
		opacity: 0;
		animation: move 1s .5s ease forwards; 
	}
	.home-header-images .animated-line:before{
		opacity: 0;
		animation: show .25s 1.5s ease forwards; 
	}
	.home-header-images .animated-line:after{
		opacity: 0;
		animation: show .5s 1.5s ease forwards; 
	}
}

.home-header-images .wp-block-column:nth-child(2){
	padding-top: 3em; 
}

.home-header-images .wp-block-column:nth-child(3){
	padding-top: 6em; 
}

@media (min-width: 68.5em) {
	.home-header-left {
		display: flex;
		align-items: center;
		justify-content: right;
	}	
	.home-header{
		background-repeat: no-repeat; 
	}
	.home-header:before{
		background: #fff; 
	}
	.better-care {
		margin-top: -4em !important; 
	}
}


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

.home-welcome-right h1 {
	font-size: clamp(1.6rem, 4vw, 2rem); 
	line-height: 1.5; 
	margin-top: .5em;
}

.home-welcome-right p{
	line-height: 1.7; 
}

.home-welcome-left {
	order: 1; 
	position: relative; 
	z-index: 10; 
}

.welcome-columns{
	position: relative; 
}

.welcome-columns:after {
	content: ''; 
	position: absolute; 
	right: 0;
	top: -21em; 
	width: 100%;
	height: 63em; 
	background: url('../images/main-blob.svg') no-repeat; 
	background-position: center; 
	background-size: cover; 
	z-index: -1; 
}

.home-welcome-left img {
	max-width: 90%; 
}

.home-welcome-right .wp-block-buttons {
	justify-content: center; 
}

.welcome-paragraph{
	position: relative; 
}

.welcome-paragraph:before {
	content: '';
  	position: absolute;
	left: -1em;
	top: .75em;
	width: .75em;  
 	height: .4em;
	background: var(--wp--preset--color--pr-green);
}

@media (prefers-reduced-motion:no-preference) {
	.home-welcome-left img{
		clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
	}
	.welcome-columns.js-intersected .home-welcome-left img{
		animation: showImg 1s ease forwards; 
	}
	
	.home-welcome-left .wp-block-image.animated-line:before, 
	.home-welcome-left .wp-block-image.animated-line:after{
		opacity: 0; 
	} 
	
	.welcome-columns.js-intersected .home-welcome-left .wp-block-image.animated-line:before, 
	.welcome-columns.js-intersected .home-welcome-left .wp-block-image.animated-line:after{
		animation: show .5s 1s ease forwards; 
	}
	.welcome-content-group {
		transform: translateY(3em); 
	}
	.welcome-columns.js-intersected .welcome-content-group{
		animation: rise .5s .25s ease forwards; 
	}
}

@media (min-width: 37.5em) {
	.home-welcome-left {
		order: initial; 
	}	
	
	.welcome-paragraph{
		padding-left: 2em;
	}
	
	.welcome-paragraph:before {
		left: -1.5em;
		top: .5em;
		width: 2.4em;  
	}
	.home-welcome-right .wp-block-buttons{
		justify-content: left; 
		padding-left: 2em;
	}
}

@media (min-width: 68.5em) {
	.welcome-columns{
		margin-top: 8em; 
		padding-top: 8em;
	}
	
/* 	.welcome-columns:after{
		right: 45%;
		top: -17em;
		width: 34em;
		height: 34em;
	} */
	.home-welcome-right h1 {
		margin-top: 0;
	}
	.home-welcome-right {
		margin-top: -2em !important;
	}
	.welcome{
		font-size: 1.2em; 
	}
	.welcome-right-group {
		max-width: 30em; 
	}
}
 	

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

.cta-heading {
	position: relative; 
}

.cta-heading h3 {
	font-size: clamp( 1.2rem, 4vw, 1.6rem); 	
}

.cta-heading:before{
	content: ''; 
	position: absolute; 
	left: 0;
	top: 5em; 
	width: 100%; 
	height: 15em;
	background: url('../images/ent-bg.jpg') no-repeat; 
	z-index: -1; 
}

.cta-aud .cta-heading:before{
	background: url('../images/aud-bg.jpg') no-repeat; 
}

.cta-allergy .cta-heading:before{
	background: url('../images/allergy-bg.jpg') no-repeat; 
}

.cta-sinus .cta-heading:before{
	background: url('../images/sinus-bg.jpg') no-repeat; 
}

.cta-pediatric .cta-heading:before{
	background: url('../images/pediatric-bg.jpg') no-repeat; 
}

.cta-facial-plastic .cta-heading:before{
	background: url('../images/head-neck-bg.jpg') no-repeat; 
}

.inner-cta{
	position: relative; 
	max-width: 26em !important;
    padding-left: 2em !important;
}

.inner-cta:before {
	content:''; 
	position: absolute; 
	left: -1em ; 
	top: .5em; 
	width: 2.2em; 
	height: .4em; 
	background: var(--wp--preset--color--pr-green);
}

.cta .wp-block-buttons {
	justify-content: center; 
}

.cta-wrapper{
	position: relative; 
	z-index: 10;
}

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

.cta-wrapper:after {
	content:'';
	position: absolute; 
	left: 0;
	top: 0; 
	width: 100%;
	height: 63em;
	background: url('../images/second-blob.svg') no-repeat; 
/* 	background-size: contain;  */
	z-index: -1; 
} 

@media (prefers-reduced-motion:no-preference) {
	.cta img{
		transform: scale(0); 
		transition: transform .5s ease; 
	}
	
	.cta-heading:before{
		width: 0%; 
		transition: width .75s ease; 
	}
	
	.cta .wp-block-buttons{
		transform: translateY(2em); 
		transition: transform .5s .5s ease; 
	}
	
	.cta.js-intersected .wp-block-buttons{
		transform: translateY(0); 
	}
	
	.cta.js-intersected img{
		transform: scale(1); 
	}
	
	.cta.js-intersected .cta-heading:before{
		width: 100%; 
	}
	
	.cta-aud .wp-block-buttons {
		gap: .5em; 
	}
}

@media (min-width: 68.5em) {
	.services-heading {
		margin-top: 2em; 
	}
	.cta .wp-block-buttons{
		justify-content: left; 
	}
	
/* 	.inner-cta {
		margin-left: -1em;
	} */
	.cta-wrapper{
		position: relative; 
	}
/* 	.cta-wrapper:after {
		content:'';
		position: absolute; 
		left: 0;
		bottom: -10em;
		width: 22em;
		height: 36em;
		background: url('../images/home-cta-plant.svg') no-repeat; 
		background-size: contain; 
		z-index: -1; 
	} */
}

/*--------------------------------------------------------------
# home reviews
--------------------------------------------------------------*/

.home-reviews {
/* 	background: url('../images/home-header-bg-texture.jpg') ;  */
	background: url('../images/main-blob.svg') no-repeat; 
	padding-top: 3em;
	padding-bottom: 3em; 
	position: relative; 
	z-index: 10; 
}

/* .home-reviews:after{
	content: '';
	position: absolute; 
	bottom: -14em;
	right: -8em;
	width: 80%;
	height: 25em;
	background: url('../images/home-header-plant.svg') no-repeat; 
	background-size: contain; 
	z-index: -1; 
} */

.home-reviews h2{
	max-width: 8em; 
	margin-bottom: 3em; 
}

.home-reviews .wp-block-buttons {
	justify-content: center; 
}

.home-reviews img {
	box-shadow: 0px 0px 4.5994181632995605px 0px #00000040;
}

.review-initials {
	padding-left: .75em;
	position: relative; 
}

.review-initials:before {
	content:''; 
	position: absolute; 
	left: 0;
	top: .6em;
	width: .4em;
	height: .4em;
	background: var(--wp--preset--color--bleh-green); 
	border-radius: 50%; 
}

.reviews-img img {
	margin-bottom: -7em;
}

.animated-line.reviews-img:before {
	bottom: -8em;
}

.animated-line.reviews-img:after {
	bottom: -8.1em;
}

/* .home-reviews .reviews-columns .wp-block-column{
	opacity: 0; 
	transform: translateY(2em); 
} */

/* .review{
	opacity: 0; 
	transform: translateY(2em); 
}

.js-intersected.review{
	opacity: 1; 
	transform: translateY(0); 
}

.review:nth-child(1){
	transition: opacity .5s ease, transform .5s ease; 
}

.review:nth-child(2){
	transition: opacity .5s 1s ease, transform .5s 1s ease; 
}

.review:nth-child(3){
	transition: opacity .5s 1.5s ease, transform .5s 1.5s ease; 
}

.review svg{
	clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}

.js-intersected.review svg{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.review:nth-child(1) svg{
	transition: clip-path .5s .75s ease; 
}

.review:nth-child(2) svg{
	transition: clip-path .5s 1.25s ease; 
}

.review:nth-child(3) svg{
	transition: clip-path .5s 1.75s ease; 
} */



/* .home-reviews.js-intersected .reviews-columns .wp-block-column:nth-child(2) svg{
	transition: clip-path .5s 1.5s ease; 
}

.home-reviews.js-intersected .reviews-columns .wp-block-column:nth-child(3) svg{
	transition: clip-path .5s 2s ease; 
}
 
.home-reviews.js-intersected .reviews-columns .wp-block-column svg{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}*/
/* 
.home-reviews .reviews-columns .wp-block-column:nth-child(1){
	transition: all .5s ease;  
}

.home-reviews .reviews-columns .wp-block-column:nth-child(2){
	transition: all .5s .5s ease;  
}

.home-reviews .reviews-columns .wp-block-column:nth-child(3){
	transition: all .5s 1s ease;  
}


.home-reviews.js-intersected .reviews-columns .wp-block-column{
	opacity: 1; 
	transform: translateY(0);
} */

@media (prefers-reduced-motion:no-preference) {
	.home-reviews .reviews-img img{
		clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
		transition: clip-path .5s 1s ease; 
	}

	.home-reviews.js-intersected .reviews-img img{
		clip-path: polygon(0 0, 110% 0, 110% 110%, 0% 110%);
	}
	.review{
		opacity: 0; 
		transform: translateY(2em); 
	}

	.js-intersected.review{
		opacity: 1; 
		transform: translateY(0); 
	}

	.review:nth-child(1){
		transition: opacity .5s ease, transform .5s ease; 
	}

	.review:nth-child(2){
		transition: opacity .5s 1s ease, transform .5s 1s ease; 
	}

	.review:nth-child(3){
		transition: opacity .5s 1.5s ease, transform .5s 1.5s ease; 
	}

	.review svg{
		clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
	}

	.js-intersected.review svg{
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.review:nth-child(1) svg{
		transition: clip-path .5s .75s ease; 
	}

	.review:nth-child(2) svg{
		transition: clip-path .5s 1.25s ease; 
	}

	.review:nth-child(3) svg{
		transition: clip-path .5s 1.75s ease; 
	}
}



@media (min-width: 68.5em) {
	.home-reviews:after{
		right: 0;
		width: 25em;
		height: 29em;
		background-size: cover;
	}
	.reviews-img{
		margin-top: 5em;
	}
	.home-reviews h2{ 
		max-width: initial; 
		margin-bottom: 2em; 
	}
	body .reviews-paragraph{
		max-width: 23em; 
	}
}
	

/*--------------------------------------------------------------
# home map
--------------------------------------------------------------*/

.contact-section h2:after {
	display: none; 
}

.home .fm-map{
	margin-top: 3em; 
}

.home .mega-menu .fm-map{
	margin-top: 0 ; 
}


.home .contact-section .wp-block-column:first-child {
	order: 1; 
}

.wp-block-columns.contact-section{
	margin-bottom: 0; 
}

@media (min-width: 68.5em) {
	.home .contact-section .wp-block-column:first-child{
		order: 0;
	}
	
}