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

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

.home .entry-content{
	overflow-x: hidden;
}

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

.home-header {
	background: linear-gradient(180deg, rgba(27, 73, 98, 0.1) 0%, rgba(27, 73, 98, 0) 100%);
}

.home-header-left {
	padding: 1em; 
}

.home-header-left h2{
	font-size: clamp(1.8rem, 4vw, 2.8rem); 
	color: var(--primary-color); 
	opacity: 0;
 	padding-top: .5em; 
	--y1: 1rem; 
	animation: fadein 1s 1s ease forwards
}

.home-header-right{
	position: relative; 
}

.home-header-right:after {
	content: ''; 
	position: absolute; 
	right: 0; 
	bottom: -1.5em; 
	width: 80%; 
	height: .25em;
	border-bottom: 1px solid var(--primary-color); 
	clip-path: inset(0 0 0 100%);
	animation: clipLine 1.25s .5s ease forwards; 
}

.home-header-right:before{
	content: ''; 
	position: absolute; 
	left: 20%; 
	bottom: -1.65em; 
	width: .4em;
	height: .4em;
	border-radius: 50%; 
	background: var(--primary-color); 
	clip-path: inset(0 0 0 100%);
	animation: clipLine .1s 1.6s ease forwards; 
}

.home-header-right .wp-block-image {
	overflow: hidden;
	border-radius: 0 0 0 62px; 
}

.home-header-right .wp-block-image img {
	transform: scale(1.3); 
	animation: scaleImage 2.25s .5s ease forwards; 
	height: 100%; 
}

.home-header-left strong{
	font-size: clamp(1.1rem, 4vw, 1.5rem) ;
	font-weight: normal;
	display: block; 
	color: var(--primary-color); 
	padding-top: .5em;
	opacity: 0;
	transform: translateY(.5em);
	animation: fadein 1s 2s ease forwards; 
}

.home-header-left .wp-block-buttons.home-header-buttons {
	flex-flow: column; 
	gap: 2em;
    padding-top: .5em;
}

@media (min-width: 37.5em) {
	.home-header-left .wp-block-buttons.home-header-buttons {
		flex-flow: row; 
	}
	.home-header-left{
		justify-content: center;
  		align-items: center;
  		display: flex;
  		flex-flow: column;
	}
	.home-header-buttons{
		margin-top: 3em; 	
	}
}

@media (min-width: 68.5em) {
	.home-header{
		margin-bottom: 8em; 
	}
	.home-header-buttons {
		width: 28em;
		padding-left: 1em; 
	}
	.home-header-right {
		display: flex;
		justify-content: end;
	}
	.home-header-left .wp-block-buttons.home-header-buttons{
		gap: 3em; 
	}
}

@media (min-width: 75.5em) {
	.home-header-buttons{
		padding-left: .5em; 
	}
}

/*--------------------------------------------------------------
# sub header
--------------------------------------------------------------*/

.sub-header{
	max-width: 61rem !important;
	padding: 1rem; 
	margin: 2em auto 0 auto;
}

.sub-header-left{
	padding: 1em 1em 0 1em; 
}


.sub-header-right{
	padding: 0 1em 1em 1em
}

.sub-header-left h1{
	font-size: clamp(1rem, 4vw, 1.2rem);
	color: var(--primary-color); 
	letter-spacing: 4px; 
	opacity: 0;
	--y1: 1rem; 
	
}

.sub-header.js-intersected .sub-header-left h1{
	animation: fadein 1s ease forwards; 
}

.sub-header-left h1 strong{
	font-size: clamp(1.4rem, 4vw, 2rem);
	font-weight: normal;  
	display: block; 
	letter-spacing: 0;
	margin-top: .35em; 
	opacity: 0;
	--y1: 1rem; 
	
}

.sub-header.js-intersected .sub-header-left h1 strong{
	animation: fadein 1s 1s ease forwards;
}

.sub-header-right p{
	font-size: clamp(.9rem, 4vw, 1rem); 
	padding-left: 2em; 
	line-height: 1.9; 
}

.sub-header-right{
	position: relative; 
}

.sub-header-right:before{
	content: ''; 
	position: absolute; 
	left: 1em;
	top: -1.25em;
	bottom: 0;
	margin: auto; 
	width: .25em;
	height: 87.5%; 
	border-left: 1px solid var(--primary-color); 
}

.home-cta-icon{
	margin-block-start: 0;
	
}
.home-cta-icon svg {
	width: 100%; 
}

.home-cta-icon{
	height: 11em;	
}


@media (min-width: 68.5em) {
	.sub-header{
		margin: 4em auto 9em auto;
	}
	
	.home-cta-icon{ 
		transform: translateY(-6em);
	}
}

@media (min-width: 82.5em) {
	.home-header-left{
		padding-left: calc(50vw - 41rem);
	}
	
}


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

.home-services-heading{
	font-family: var(--wp--preset--font-family--content);
	color: rgba(112, 128, 144, 0.2);
	font-size: 2rem; 
	font-weight: 800; 
	margin-bottom: 0; 
}

.home-services-heading:before{
	content:''; 
	position: absolute; 
	top: -1.95rem;
	left: 0;
	right: 0; 
	margin: auto; 
	width: 2em;
	height: 4em; 
	background: url('../images/BRENT_logo_icon_white_bg.svg') no-repeat; 
	background-size: 100%; 
	background-position: top;
	z-index: 100; 
	
}

@media (min-width: 68.5em) {
	.home-services-heading {
		font-size: 4.8rem; 	
		position: relative; 
	}
	.home-services-heading:before{
		content:''; 
		position: absolute; 
		top: -6.2rem;
		left: 0;
		right: initial;
		width: 2em;
		height: 4em; 
		background: url('../images/BRENT_logo_icon_white_bg.svg') no-repeat; 
		background-size: contain; 
		z-index: 100; 
	}
}

.cta{
	padding: 3em 1em ; 
}

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

.cta h2{
	color: var(--primary-color); 
}

.cta p{
	line-height: 1.7; 
}

.cta-ent{
	background: linear-gradient(251.26deg, rgba(112, 128, 144, 0.15) -3.47%, rgba(112, 128, 144, 0) 102.16%); 
	border-radius: 0 80px 80px 0; 
	position: relative; 
	margin-top: -.45em;
	padding-bottom: 6em; 
	margin-right: 1em; 
}

.cta-ent:after{
	content: ''; 
	position: absolute;
	top: -3.7em; 
	left: 0; 
	width: 152%;
	height: 11em; 
/* 	background: url('../images/cta-line-with-icon.svg') no-repeat;  */
/* 	background: url('../images/Full-line-CTAs.svg') no-repeat;  */
	background-size: 100%;
	background-position: left; 
	z-index: -1; 
	max-width: 79em; 
	border-top: 1px solid var(--primary-color);
}

.cta-allergies{
	background: linear-gradient(294.58deg, rgba(188, 143, 143, 0.15) 0%, rgba(27, 73, 98, 0.15) 100%);
	border-radius: 80px 0 0 80px ; 
	margin-top: -1.5em;
	padding-top: 4em;
    padding-bottom: 4em;
	margin-left: 1em; 
}

.cta-hl{
	background: linear-gradient(180deg, rgba(112, 128, 144, 0) 0%, rgba(112, 128, 144, 0.15) 100%);
	border-radius: 0 0 0 80px; 
	position: relative; 
}

.cta-hl .wp-block-image {
	position: relative; 
}

.cta-hl .wp-block-image:before{
	content:'';
	position: absolute; 
	left: 0;
	right: 0; 
	bottom: -5em;
	height: 5em;
	width: 1px;
	margin: auto; 
	border-left: 1px solid var(--primary-color); 
}

.cta-hl .wp-block-image:after{
	content:'';
	position: absolute; 
	left: 0;
	right: 0; 
	bottom: -5em;
	height: .25rem;
	width: .25rem;
	margin: auto; 
	background: var(--primary-color);
	border-radius: 50%; 
}

.cta img {
	border-radius: 16px; 
	box-shadow: 8px 8px 64px 0px rgba(0, 0, 0, 0.3);
	display: block;
	max-width: 16em; 
	width: 100%; 
	margin: 0 auto; 
}



@media (prefers-reduced-motion:no-preference) {
	.cta img{
		opacity: 0;	
	}
	.cta.js-intersected img{
		animation: fadein 1s ease forwards;
	}	
}

.cta-allergies .wp-block-column:first-child {
	order: 2; 
}

.cta .wp-block-buttons{
	margin-top: 3em;
	margin-bottom: 2em; 
}

@media (min-width: 68.5em) {
	.cta-ent {
		background: none; 
    	padding-top: 8em;
    	padding-bottom: 8em;
	}
	.cta-allergies {
		background: none; 
    	padding-top: 8em;
    	padding-bottom: 8em;
  		margin-top: -11rem;
	}
	.cta-allergies:before{
		content: ''; 
		position: absolute;
		top: 0; 
		right: 0; 
		width: 75%;
		max-width: 79em; 
		height: 100%; 
		background:  linear-gradient(294.58deg, rgba(188, 143, 143, 0.15) 0%, rgba(27, 73, 98, 0.15) 100%);
		border-radius: 120px 0 0 120px; 
		z-index: -1; 
	}
	
	.cta-allergies .cta-left{
		max-width: 23em; 
	}
	
	.cta-hl .cta-right{
		max-width: 23em; 
	}
	
	.cta-hl {
		padding-top: 8em;
    	padding-bottom: 6.5em;
    	margin-top: -3em;
		margin-bottom: 3em; 
		border-radius: 0 0 0 140px;
	}
	.cta-ent .cta-left,
	.cta-hl .cta-left{
		max-width: 33em; 
	}
	.cta-allergies .wp-block-column:first-child {
		order: 0; 
	}

	.cta.cta-allergies{
		padding-left: 0; 
	}
	.cta-ent {
		margin-top: -1.05em;
		position: relative;
		z-index: 10; 
	}

	.cta-ent .cta-right .wp-block-image:before{
		content: ''; 
		position: absolute;
		background: linear-gradient(251.26deg, rgba(112, 128, 144, 0.15) -3.47%, rgba(112, 128, 144, 0) 102.16%);
		border-radius: 0 0 128px 0; 
		z-index: -1; 
		top: 4em;
		width: 100vw;
		height: 30em;
		right: 11em;
	} 
	
	.cta-ent:after{
		display: none;
	}
	
	.cta-ent .cta-right .wp-block-image:after{
		content: ''; 
		position: absolute;
		height: 11em;
		width: 100vw;
		right: 11em;
		top: -5.35em;
/* 		background: url('../images/Full-line-CTAs.svg') no-repeat;
		background-size: 100%;
		background-position: left; */
		border-top: 1px solid var(--primary-color);
		border-right: 1px solid var(--primary-color);
		border-radius: 0 78px 0 0;
  		z-index: -1;
	}
	

	
/* 	.cta-ent:after{
		height: 11em;
		width: 100vw;
		right: 11em;
		top: -5.35em;
		background-size: 100%;
		background-position: left;
  		z-index: -1;
	} */
	
	.cta .wp-block-buttons {
		justify-content: left; 
	}
	.cta img {
		max-width: 22.5rem; 
	}
	.cta-ent .wp-block-image {
		width: 22.5em;
  		transform: translate(3em, -12em);
	}
	
	.cta-allergies .wp-block-image{
		width: 22.5em;
	}
	
	.cta-hl .wp-block-image{
		width: 22.5em;
	}
	
	.cta-hl .cta-left{
		padding-top: 3em; 
	}
	
	.cta-allergies .cta-right{
		padding-left: 13%; 
		padding-top: 3em; 
	}
	.cta-hl .wp-block-image:before{
		display: none
	}
	.cta-hl .wp-block-image:after{
		display: none; 
	}
	
	.locations-title{
		position: relative; 
	}
	.locations-title:after{
		content: ''; 
		position: absolute;
		left: 24%;
		right: 28%;
		bottom: 0;
		top: -15.75em;
		margin: auto; 
		width: 62%; 
		height: 16em;
		background: url('../images/locations-line-dot.svg') no-repeat; 
		background-size: 87%; 
		background-position: bottom left;
		z-index: -1;
	}
}

@media (min-width: 90.5em) {
	.cta-ent .cta-right .wp-block-image:after{
		height: 14em;
		width: 90vw;
	}
}

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

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

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

/* @keyframes drawLineHorizontalLine {
  0% {
   		clip-path: polygon(0 0, 0 0, 0 0, 0 0); 
	} 40% {
		clip-path: polygon(40% 0, 0 0, 0 0, 0 0); 
	} 50% {
		clip-path: polygon(40% 0, 0 0, 0 0, 0 0); 
	} 100% {
		clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); 
	}
} */

@media (prefers-reduced-motion: no-preference) {
	.locations-title:after{
		clip-path: polygon(100% 0, 90% 0, 90% 10%, 100% 10%);
	}
	.home-location-section.js-intersected .locations-title:after{
		animation: drawLineVerticalHome .75s ease forwards, drawLineHorizontalHome 1s .5s ease forwards;
	}
	
	.cta-ent .cta-right .wp-block-image:after {
    	clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  	}
	
	.js-intersected.cta-ent .cta-right .wp-block-image:after {
    	animation: drawLineHorizontalLogo 2.5s ease-in-out forwards;
  	}
	 
/* 	.home-services-heading:before{
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
	
	body:has(.js-intersected.cta-ent) .home-services-heading:before {
		animation: drawLineHorizontalLogo .25s 1s ease-in forwards;
	} */

}

.home-location-section h2{
	color: var(--primary-color); 
	text-align: center; 
}

@media (min-width: 68.5em) {
	.home-location-section h2{
		text-align: left; 
	}
}