/**
* Fuel Theme
* Version 5.0.0
**/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Hero
# Welcome
# Quality Care Section
# CTA's
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.home-hero { padding-top: 0.8rem; padding-right: var(--contain-padding); padding-left: var(--contain-padding); padding-bottom: 2rem; }
.home-hero-title {font-size: clamp(3.2rem,8.5vw,6rem);line-height: 1;text-align: center;margin: 0 0 0.4rem;}
.home-hero-subtitle-wrapper { text-align: center; }
.home-hero-subtitle {display: inline-block;font-size: clamp(1.3rem, 3.1vw, 2rem);font-style: normal;font-weight: 400;line-height: 1.3;margin-bottom: 1.75rem;position: relative;}
.home-hero-subtitle:after {content: '';background: #fff;height: 1px;position: absolute;right: 0;bottom: -0.4rem;left: 0;}
.home-hero-button-container { justify-content: center; }
.home-hero-img-col {margin: 2.2rem auto 0;text-align: center;}

@media (min-width: 31.25em) { 
	.home-hero-img-col img {max-width: 20rem;}
}

@media (min-width: 68.5em) { 
	.home-hero {padding-top: 2rem;padding-right: 1.5rem;padding-left: 1.5rem;padding-bottom: 3rem;}
	.home-hero-container {display: flex;justify-content: space-between;}
	.home-hero-text-col {width: 62%;max-width: 44.7rem;}
	.home-hero-title {text-align: left;white-space: nowrap;}
	.home-hero-subtitle-wrapper {text-align: left;margin-left: 1rem;}
	.home-hero-subtitle {margin-bottom: 2.5rem;}
	.home-hero-subtitle:after {transform: scaleX(0);transform-origin: left;transition: 300ms;transition-delay: 700ms;}
	.js-intersected .home-hero-subtitle:after {transform: scaleX(1);}
	.home-hero-button-container {justify-content: flex-start;margin-left: 1rem;}
	.home-hero-img-col { margin: 0 0 0; width: 38%; max-width: 27.3rem; }
	.home-hero-img-col img {max-width: 100%;}
}

@media (min-width: 82.5em) { 
	.home-hero {padding-top: 3.9rem;padding-right: calc(50% - 36rem);padding-left: calc(50% - 36rem);padding-bottom: 4.8rem;}
	.home-hero-text-col {padding-top: 2.6rem;}
}


/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
.welcome-section {padding: 1.2rem 1.5rem 5.5rem;position: relative;} 
.welcome-section:before {content: '';background-image: url(../images/mountain-bg-one.svg);background-size: cover;background-position: bottom right;background-repeat: no-repeat;position: absolute;right: 0;bottom: 0;left: 0;width: 6rem;height: 4.25rem;}
.welcome-section-container {color: #343434;position: relative;} 
.welcome-section-title {margin-bottom: 0;position: relative;font-size: clamp(3.2rem,11vw,6rem);text-align: center;color: #000;} 
.welcome-section-title sup {display: block;font-size: clamp(1.3rem,3.7vw,2rem);font-weight: 400;line-height: normal;margin: 0 0 0.8rem;font-family: 'Lato', sans-serif;top: 0;}
.welcome-title-underline-flourish { position: relative; height: clamp(2.9rem,10.2vw,5.6rem); }
.welcome-title-underline-flourish svg { width: clamp(15rem,58.4vw,32rem); height: clamp(1.5rem,5.8vw,3.2rem); position: absolute; right: 0; top: 0; left: 0; margin: auto; }
.welcome-section-text, .welcome-section-text p {margin: 0 0 0;}

@media (min-width: 48.5em) { 
    .welcome-section {padding-right:  var(--contain-padding);padding-left: var(--contain-padding);} 
    .welcome-section:before { width: 14.3rem; height: 10.15rem; }
}

@media (min-width: 68.5em) { 
    .welcome-section {padding: 4rem 0 6.2rem;} 
    .welcome-section:before {width: 23.5vw;max-width: 22.6rem;height: 16.67vw;max-height: 16rem;}
    .welcome-section-text {margin: 0 auto;width: 100%;max-width: 39rem;}
    .welcome-title-underline-flourish svg path { stroke-dasharray: 650; stroke-dashoffset: 650; }
    .js-intersected .welcome-title-underline-flourish svg path { animation: lineTrace 1s ease forwards; }
}


/*--------------------------------------------------------------
# Quality Care Section
--------------------------------------------------------------*/
.quality-care-section {padding: 2.4rem 0 3rem;background: #378F87;position: relative;z-index: 1;}
.quality-care-section:before {content: '';position: absolute;top: 0;right: 0;bottom: 50%;left: 0;background-image: url(../images/quality-care-corners.svg);background-size: contain;background-repeat: no-repeat;background-position: top;z-index: -1;}
.quality-care-section:after {content: '';position: absolute;top: 50%;right: 0;bottom: 0;left: 0;background-image: url(../images/quality-care-corners.svg);background-size: contain;background-repeat: no-repeat;transform: rotateX(180deg);z-index: -1;}
.quality-care-top-row {display: flex;flex-wrap: wrap;justify-content: center;position: relative;} 
.quality-care-top-row .wp-block-media-text__content {color: #fff;} 
.quality-care-top-row-title {text-align: center;margin: 0 0 1.2rem;color: #fff;} 
.quality-care-top-row-button { justify-content: center; margin: 0 0 1.6rem; }
.quality-care-top-bio { display:none; }
.quality-care-title-wrapper { margin: 0 0 2rem; }
h2.quality-care-title.wp-block-heading {font-size: clamp(3.2rem,9.1vw,6rem);line-height: 1;text-align: center;margin: 0 0 0;color: #fff;}
.quality-care-title sup {font-size: clamp(1rem,2.6vw,1.4rem);font-style: normal;line-height: normal;letter-spacing: 4px;font-family: 'Lato', sans-serif;display: block;}
.quality-care-bottom { padding: 2rem 0.8rem 0; } 
.quality-care-trust-row {background: var(--primary-color);padding: 1.8rem 0.7rem 0.01rem;margin: 0 auto 2rem;position: relative;color: #fff;max-width: 44.5rem;}
.quality-care-trust-row-icon {width: 2.4rem;text-align: center;position: absolute;top: -1.1rem;right: calc(0% - 0.2rem);left: 0;margin: auto;}
.quality-care-trust-row-title {color: #fff;font-size: clamp(1.1rem,3vw,1.6rem);margin: 0 0 0.4rem;}
.quality-care-bottom-triangle {position: absolute;right: 0;bottom: -6.2vw;left: 0;margin: auto;text-align: center;height: 6.2vw;}
.quality-care-bottom-triangle img {max-height: 100%;vertical-align: top;}

@media (min-width: 48.5em) { 
	.quality-care-top-row {flex-wrap: nowrap;padding-right: 3rem;padding-bottom: 4rem;padding-left: 3rem;margin: 0 auto 2rem;} 
	.quality-care-top-row .wp-block-media-text__content {padding: 0 1rem 0 0;width: 60vw;} 
	.quality-care-top-row-title {text-align: left;margin: 0 0 1.6rem;}
	.quality-care-top-row-button {justify-content: flex-start;margin: 2.4rem 0 0;}
	.quality-care-top-row .wp-block-media-text__media {width: 40vw;max-width: 16.3rem;position: relative;}
	.quality-care-top-row .wp-block-media-text__media:after {content: '';background-image: url(../images/quality-care-top-bio.svg);background-size: 65%;background-repeat: no-repeat;background-position: top center;position: absolute;right: 0;bottom: -6.5rem;left: 0;width: 100%;height: 100%;max-height: 6rem;/* border: 1px solid yellow; */padding: 0;}
}

@media (min-width: 68.5em) { 
	.quality-care-top-row .wp-block-media-text__content {padding: 0 2rem 0 0;}
	.quality-care-top-row .wp-block-media-text__media:after {bottom: -7rem;}
	.quality-care-trust-row {padding: 1.7rem 5rem 1.3rem 3.6rem;line-height: 1.6;}
	.quality-care-trust-row-icon {width: 4.5rem;top: 0;right: auto;bottom: 0;left: -2rem;height: 4.2rem;overflow: visible;}
	.quality-care-trust-row-icon svg {max-width: none;overflow: visible;} 

	/* Animation */
	.quality-care-trust-row-icon svg circle {transform: scale(0);transform-origin: center;}
	.quality-care-trust-row-icon svg path {transform: scale(0);transform-origin: center;}

	.delay-000 .quality-care-trust-row-icon svg circle {animation-delay: 300ms;}
	.delay-300 .quality-care-trust-row-icon svg circle { animation-delay: 650ms; }
	.delay-600 .quality-care-trust-row-icon svg circle { animation-delay: 950ms; }
	.delay-900 .quality-care-trust-row-icon svg circle { animation-delay: 1250ms; }
	.delay-1200 .quality-care-trust-row-icon svg circle { animation-delay: 1550ms; }

	.delay-000 .quality-care-trust-row-icon svg path { animation-delay: 700ms; }
	.delay-300 .quality-care-trust-row-icon svg path { animation-delay: 1000ms; }
	.delay-600 .quality-care-trust-row-icon svg path { animation-delay: 1300ms; }
	.delay-900 .quality-care-trust-row-icon svg path { animation-delay: 1600ms; }
	.delay-1200 .quality-care-trust-row-icon svg path { animation-delay: 1900ms; }

	.js-intersected .quality-care-trust-row-icon svg circle {animation-name: expand-outward-circle;animation-duration: 300ms;animation-fill-mode: forwards;}
	.js-intersected .quality-care-trust-row-icon svg path { animation-name: expand-outward;animation-duration: 350ms;animation-fill-mode: forwards; }
}

@media (min-width: 82.5em) { 
	.quality-care-section { padding: 5rem 0 8.5rem; }
	.quality-care-top-row {max-width: 55rem;padding-right: 0;padding-left: 0;margin: 0 auto 3rem;} 
	.quality-care-top-row .wp-block-media-text__content {width: 40vw;max-width: 38.2rem; padding: 0 3.5rem 0 0; }
	.quality-care-top-row .wp-block-media-text__media { width: 17vw; }
}


/*--------------------------------------------------------------
# CTA's
--------------------------------------------------------------*/
.cta-section {padding-top: 3.9rem;padding-right: 0.5rem;padding-bottom: 7rem;padding-left: 0.5rem;position: relative;} 
.cta-section:before {content: '';background-image: url(../images/cta-bg.svg);background-size: contain;background-position: bottom right;background-repeat: no-repeat;position: absolute;right: 0;bottom: 0;left: 0;margin: auto;width: 72.2vw;max-width: 27.5rem;height: 72.2vw;max-height: 27.5rem;}
.cta-title { color: #fff; text-align: center; font-size: clamp(1.6rem,3.7vw,2rem); line-height: 1.25; margin-bottom: 4.5rem; position: relative; padding: 0 1.5rem; }
.cta-title:after { content: ''; width: 8.4rem; height: 0.3rem; background: var(--goldenrod); position: absolute; right: 0; bottom: -1.3rem; left: 0; margin: auto; }
.cta-block-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 0.8rem;}
.cta-block-wrapper {overflow: hidden;position: relative;}
.cta-block-wrapper:before {content: '';position: absolute;top: -2rem;right: -2rem;width: 4rem;height: 4rem;border-radius: 50%;transition: 300ms ease;background: var(--accent-color);z-index: 1;}
.cta-block {display: flex;flex-wrap: wrap;align-content: flex-end;min-height: 11.6rem;padding: 0 2.7rem 0.9rem 1.9rem;background-size: cover;width: 100%;max-width: 18rem;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);}
.cta-block-title { color: #fff; font-size: 1.1rem; margin: 0 0 1rem; width: 100%; position: relative; }
.cta-block-title:after {content: '';width: 2.75rem;height: 0.1rem;background: var(--goldenrod);position: absolute;bottom: -0.55rem;left: 0;}
.cta-block-text {font-size: 0.7rem;line-height: 1.6;margin: 0;color: #fff;}
.cta-block-ha.load-bg { background-image: url(../images/cta-img-1.jpg) }
.cta-block-allergy.load-bg { background-image: url(../images/cta-img-2.jpg) }
.cta-block-sinus.load-bg { background-image: url(../images/cta-img-3.jpg) }
.cta-block-sleep.load-bg { background-image: url(../images/cta-img-4.jpg) }
.cta-arrow {position: absolute;top: 0.15rem;right: 0.15rem;width: 0.9rem;height: 0.9rem;z-index: 2;}
.cta-arrow svg {display: block;}

@media (min-width: 47.5em) { 
	.cta-section {padding-top: 5.5rem;}
}

@media (min-width: 58.5em) { 
	.cta-section {padding-top: 6.8rem;padding-bottom: 6rem;}
	.cta-block-container {width: 100%;max-width: 49rem;margin: auto;gap: 1.25rem 1rem;}
	.cta-block {max-width: 22rem;min-height: 14rem;margin: 0;}
}

@media (min-width: 68.5em) { 
	.cta-section {padding-top: 8.6rem;padding-bottom: 12.9rem;}
	.cta-section:before {right: auto;left: -3.6rem;width: 48.25vw;max-width: 46.3rem;height: 48.25vw;max-height: 46.3rem;}
	.cta-block {max-width: 24rem;min-height: 16.35rem;margin: 0;padding: 0 2.4rem 2.5rem;transform: scale(1.05);transition: 500ms ease;}	
	.cta-arrow {top: 0.3rem;right: 0.3rem;width: auto;height: auto;}
	.cta-arrow svg line, .cta-arrow svg path { transition: 300ms ease; }	
	.cta-block-text-slider {position: relative;z-index: 1;transform: translateY(calc(100% - 1.3rem));transition: transform 300ms ease;}
	.cta-block-wrapper:before {top: -3.5rem;right: -3.5rem;left: auto;width: 7rem;height: 7rem;}
	.cta-block-wrapper:hover:before {background: #fff;}
	.cta-block-wrapper:hover .cta-block {transform: scale(1); }
	.cta-block-wrapper:hover .cta-arrow svg line, .cta-block-wrapper:hover .cta-arrow svg path { stroke: var(--accent-color); }
	.cta-block-wrapper:hover .cta-block-text-slider { transform: translateY(0); }
	.cta-block-title {font-size: 2rem;margin: 0 0 1.4rem;}
	.cta-block-text {font-size: 1rem;}
}

@media (min-width: 75em) { 
	.cta-block-container {width: 100%;max-width: 60rem;margin: auto;gap: 2rem 0;justify-content: space-between;}
	.cta-block { max-width: 28.8rem; min-height: 17rem; margin: 0; }
}









/**
 * NOTE: If map and/or contact form styling appears on secondary pages, place styles in style.css
 */