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

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

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
@media (max-width: 68.49em) {
    #hero_section {
        min-height: unset !important;
    }
}

.hero-tagline{
	font-size: clamp(1.6rem ,4vw, 2.8rem) !important; 
	text-align: center; 
	font-weight: 700; 
}

.home-title {
	text-align: center; 
	font-size: clamp(1.2rem, 4vw, 2rem);
	font-weight: 700; 
}

.home-hero-section p {
	text-align: center; 
	font-size: clamp(.9rem, 4vw, 1rem); 
}

.home-hero-content-group{
	margin: 2rem 1rem 0rem 1rem;
	padding: 6rem 0 3rem 0; 
	position: relative; 
	max-width: 37rem; 
	z-index: 10; 
}

.home-hero-content-group:before{
	content:''; 
	position: absolute;
	bottom: 0;
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 8.28%, #000000 50%);
	opacity: .65; 
	z-index: -1; 
}

#hero_section.wp-block-cover{
	padding-bottom: 0; 
}

.home-hero-buttons{
	flex-flow: column;
}

.home-hero-section:before{
	content: '';
	position: absolute; 
	top: 0;
	left: 0;
	height: 3rem; 
	width: 100%; 
	background: var(--primary-color); 
	z-index: 1; 
}

@media (min-width: 68.5em) {
	.home-hero-section:before{
		display: none; 
	}
	.home-hero-buttons{
		flex-flow: row;
	}	
	.home-hero-section p,
	.home-title {
		text-align: left; 
	}
	.home-hero-content-group{
		padding-top: 6rem;
		padding-bottom: 11.5rem;
		padding-left: 2rem;
		padding-right: 2rem;
		margin-left: 13% !important ;
		margin-right: initial !important ; 
	}
	.hero-tagline{
		line-height: 1; 
		margin-bottom: 7.5rem !important; 
	}
	#hero_section{
		width: 95%;
		max-width: 80rem;
		margin-left: auto;
		margin-right: auto;
	}
}

@keyframes homeHeroBg{
	to{
		height: 100%; 
	}
}

@keyframes homeHeroHeading{
	to{
		opacity: 1; 
		transform: translate(0, 0); 
	}
}

@media (prefers-reduced-motion:no-preference) {
	.home-hero-content-group:before{
		height: 35%;
		animation: homeHeroBg 1s .75s ease forwards; 
	}
	.hero-tagline{
		opacity: 0; 
		transform: translate(-3rem, -3rem);
		animation: homeHeroHeading 1s .75s ease forwards; 
	}
	.home-title{
		opacity: 0; 
		transform: translate(-3rem, 0);
		animation: homeHeroHeading 1s .75s ease forwards; 
	}
	.home-hero-buttons .wp-element-button{
		opacity: 0; 
		transform: translate(-3rem, 0);
		animation: homeHeroHeading 1s .75s ease forwards; 
	}
}

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

/*--------------------------------------------------------------
# Home page doctors 
--------------------------------------------------------------*/

.site-width .bio-box{
	max-width: 8.5rem; 
	margin-bottom: 1rem; 
}

.site-width .bio-list{
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: center;
}

#main .site-width .bio-list .bio-box:nth-child(2n+1){
	background: none; 
}

.home .site-width .bio-list .bio-box{
	display: flex;
	flex-flow: column; 
	padding: .1rem;
	max-width: 50%; 
	
}

.home .site-width .bio-list .bio-box:after{
	display: none; 
}

.home .site-width .bio-list .bio-box .bio-label{
	color: var(--content-color); 
	font-size: .8rem; 
	line-height: 1.2;
  	margin-top: .5rem;
}

.home .site-width .bio-list .bio-image {
	grid-area: img;
	width: 7.25rem;
	height: 9rem;
	margin-right: 0.5rem;
	overflow: hidden;
}

.home-meet-team h2 {
	font-size: clamp(1.6rem, 4vw, 2.4rem); 
}

@media (min-width: 68.5em) {
	.home .site-width .bio-list .bio-box{
/* 		width: 9.4rem;
		max-width: 9.4rem;  */
/* 		width: 100%;
		max-width: clamp(7.4rem, 14vw, 9.4rem); */
		min-width: initial;
		max-width: initial; 
		width: initial; 
	}
	.home .site-width .bio-list .bio-image {
/* 		width: 9.4rem; */
/* 		max-width: 9.4rem;
		width: 100%;
		height: 11.75rem;  */
		margin-bottom: 0; 
		width: 12.4rem;
		height: 14.75rem;
	}
	.site-width .bio-list{
/* 		justify-content: space-between;  */
		justify-content: center;
		padding: 3rem 8%;
		gap: 1rem;
	}
	.home .site-width .bio-list .bio-label{
		text-align: left; 
		font-size: 1rem; 
	}
	.home .site-width .bio-list .bio-box .bio-label{
		font-size: 1rem; 
	}
}

@media (min-width: 82.5em) {
	.site-width .bio-list{
			padding: 2rem 15%;
	}
}

@media (prefers-reduced-motion:no-preference) {
/* 	.home .site-width.home-meet-team .bio-list .bio-box{
		opacity: 0; 
		transition: opacity 1s ease; 
	}
	
	.home .site-width.home-meet-team.js-intersected .bio-list .bio-box{
		opacity: 1; 
	} */
	
/* 	.home .site-width .bio-list .bio-box{
		opacity: 0; 
	} */
	
	.home .site-width.home-meet-team .bio-list .bio-box:nth-child(1){
		opacity: 0; 
		transition: opacity .3s .25s ease; 
	}
	
	.home .site-width.home-meet-team .bio-list .bio-box:nth-child(2){
		opacity: 0; 
		margin-top: 2rem;
		transition: margin-top .25s .5s ease, opacity .3s .25s ease; 
	}
	.home .site-width.home-meet-team .bio-list .bio-box:nth-child(3){
		opacity: 0; 
		margin-top: 3rem;
		transition: margin-top .25s .5s ease, opacity .3s .25s ease; 
	}
	.home .site-width.home-meet-team .bio-list .bio-box:nth-child(4){
		opacity: 0; 
		margin-top: 4rem;
		transition: margin-top .25s .5s ease, opacity .3s .25s ease; 
	}
	.home .site-width.home-meet-team .bio-list .bio-box:nth-child(5){
		opacity: 0; 
		margin-top: 5rem;
		transition: margin-top .25s .5s ease, opacity .3s .25s ease; 
	}
	.home .site-width.home-meet-team .bio-list .bio-box:nth-child(6){
		opacity: 0; 
		margin-top: 6rem;
		transition: margin-top .25s .5s ease, opacity .3s .25s ease; 
	}
	
	.home .site-width.home-meet-team.js-intersected .bio-list .bio-box:nth-child(1){
		margin-top: 0;
		opacity: 1; 
	}
	.home .site-width.home-meet-team.js-intersected .bio-list .bio-box:nth-child(2){
		margin-top: 0;
		opacity: 1; 
	}
	.home .site-width.home-meet-team.js-intersected .bio-list .bio-box:nth-child(3){
		margin-top: 0;
		opacity: 1;
	}
	.home .site-width.home-meet-team.js-intersected .bio-list .bio-box:nth-child(4){
		margin-top: 0;
		opacity: 1;
	}
	.home .site-width.home-meet-team.js-intersected .bio-list .bio-box:nth-child(5){
		margin-top: 0;
		opacity: 1;
	}
	.home .site-width.home-meet-team.js-intersected .bio-list .bio-box:nth-child(6){
		margin-top: 0;
		opacity: 1;
	}
}

/*--------------------------------------------------------------
# CTA's
--------------------------------------------------------------*/
.top-cta-group {
	margin-top: 1.25rem;
}

/* .top-cta-group.site-width{
	overflow: hidden;
} */

.cta-section-heading{
	text-align: center;
	color: #fff; 
	font-size: 1.6rem; 
	background: var(--primary-color); 
	padding: 1rem ; 
	margin-top: 2rem; 
}

.cta{
	padding: 2rem 1rem; 
	display: flex; 
	flex-flow: column; 
	text-align: center;
	height: calc(100vh - 6.2rem);
	top: 0;
	--wp--preset--shadow--deep: 6px 6px 1rem rgba(0, 0, 0, 0.4);
}


@media (max-width: 68.49em) {
	.cta * {
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		
	}
}

@media (min-width: 68.5em) {
	.cta{
		height: 100vh;
		text-align: left;
		padding: 2rem ; 
	}
	.desktop-cta-column-left {
		border-radius: 5px 0 0 5px;
	}
}

.cta img {
	border-radius: 0 50px 0 50px;
}

.cta h2{
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--content-color);
}

.desktop-cta-heading{
	display: none;
	color: #fff; 
}

.desktop-cta-column-left {
	display: none;
}

@media (min-width: 48.875em) {
	.desktop-cta-column-left {
		display: initial;
	}
}

.top-cta-group .wp-block-columns{
	gap: 0; 
}

.desktop-cta-heading{
	transition: color 1s ease; 
}

.desktop-cta-heading.colorUpdate{
	color: var(--primary-color)
}

@media (min-width: 48.875em) {
	.site-width.top-cta-group{
		padding: 0;
		margin-top: 2.25rem;
	}
	.cta-section-heading{
		display: none; 
	}
	.desktop-cta-heading {
		display: block; 
	}
	.cta-title-wrapper {
		height: 89vh;
    	align-content: center;
	}
	.desktop-cta-column-left h2{
		font-size: clamp(1.6rem, 4vw, 2.8rem); 
	}

	.desktop-cta-column-right{
		padding: 0; 
	}
}

/* CTA scroll animation 
 * https://scroll-driven-animations.style/demos/stacking-cards/css/
 */

@supports not ( (-moz-appearance: none) ) {
	/* Exclude property from Firefox */
	.cta-ent {
		--index: 1;
	}
	.cta-aud {
		--index: 2;
	}
	.cta-rhinaer {
		--index: 3;
	}
	.cta-vivaer {
		--index: 4;
	}
}

@media (prefers-reduced-motion:no-preference) {
	.desktop-cta-column-right {
		--numcards: 4;
		view-timeline-name: --cards-element-scrolls-in-body;
	}

	.cta {
	  	--index0: calc(var(--index) - 1); /* 0-based index */
	  	--reverse-index: calc(var(--numcards) - var(--index0)); /* reverse index */
	  	--reverse-index0: calc(var(--reverse-index) - 1); /* 0-based reverse index */
	  	--start-range: calc(var(--index0) / var(--numcards) * 100%);
	  	--end-range: calc((var(--index)) / var(--numcards) * 100%);
	  	animation: linear scale forwards;
	  	animation-timeline: --cards-element-scrolls-in-body;
		animation-range: exit-crossing var(--start-range) exit-crossing var(--end-range);
	}
}

@keyframes scale {
	to {
      transform: scale(calc(1.1 - calc(0.1 * var(--reverse-index))));
    }
}