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

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


/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.home-header {height: clamp(15.5rem,28vw,25.9rem);background-image: url(../images/hero-bg-mobile.jpg);background-size: cover;background-position: 40%;position: relative;display: flex;justify-content: center;align-items: center;}
.home-header:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 41.84%, rgba(0, 0, 0, 0) 104.07%);z-index: 0;}
.home-header-text {text-align: center;z-index: 1;}
.home-header-top {font-size: 0.9rem;line-height: 1.22;font-weight: 700;text-align: center;color: #fff;width: 100%;max-width: 9rem;margin: 0 auto 0.5rem;}
.home-header-text-title {font-size: 1.6rem;line-height: 1.28;text-align: center;color: #fff;width: 100%;max-width: 14rem;margin: 0 auto 0.8rem;}
.home-header-text-bottom {font-size: 0.9rem;line-height: 1.22;font-weight: 700;color: #fff;}

@media (min-width: 38.5em) { 
    .home-header-top, .home-header-text-bottom {font-size: clamp(0.9rem,1.25vw,1.2rem);max-width: none;margin: 0 auto 0.35rem;}
    .home-header-text-title {font-size: clamp(1.6rem,4vw,3.6rem);max-width: none;line-height: 1.28;}
}

@media (min-width: 48.5em) { 
	.home-header-text-title br {display: none;}
}

@media (min-width: 68.5em) { 
	.home-header {background-image: url(../images/hero-bg-desktop.jpg);background-position: center;}
    .home-header-top { animation-delay: 500ms; opacity: 0; } 
    .home-header-text-title { animation-delay: 1000ms; opacity: 0; } 
    .home-header-text-bottom { animation-delay: 1500ms; opacity: 0; }
}


/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
.welcome-section {padding-top: 3.6rem;padding-bottom: 3rem;}
.welcome-section-top-bg-img {position: absolute;top: 0;right: 0;width: 25%;text-align: right;z-index: 0;}
.welcome-section-container {position: relative;z-index: 1;}
.welcome-section-title {font-weight: 600;font-size: clamp(1.2rem, 2.2vw, 1.6rem);line-height: 1.32;text-align: center;}
.welcome-section-title:before { content: ''; width: 1.6rem; height: 1.4rem; background-image: url(../images/aztec-1-green-icon.svg); background-size: cover; position: absolute; right: 0; top: -2.2rem; left: 0; margin: auto; }
.underline-title {position: relative;margin-bottom: 3rem;}
.underline-title:after {content: '';width: 6rem;height: 0.15rem;background: var(--primary-color);position: absolute;right: 0;bottom: -1.55rem;left: 0;margin: auto;}
.welcome-section-text-btn {margin: 1.9rem 0 0;text-align: center;}
.welcome-section-bottom-bg-img { display: none; }

/* Office Announcement */
.office-visit-wrapper { display: flex; flex-direction: column; justify-content: center; background-color: #FFF4E7; margin: auto; }
.office-visit-pgh { margin: 2.5em auto; position: relative; padding: 0 4em; }
.office-visit-pgh::before { position: absolute; content: ''; background-image: url(../images/office_notice.svg); background-size: contain; height: 2.2em; width: 2.2em; left: 1em; top: 0.3em; } 
.office-visit-pgh span { font-weight: 700; }
.office-visit-wrapper-full-width{position: relative; text-align: center; padding:0 clamp(.75rem, 5vw, 1.75rem) 1.5rem;}
.office-visit-wrapper-full-width::before,
.office-visit-wrapper-full-width::after{
    content: "";
    display: block;
    position:  absolute;
    width: clamp(.5rem, 5vw, 1.5rem);
    height: .05rem;
    left: 0;
    top: calc(50% - .75rem);
    background-color: #98002E;
}
.office-visit-wrapper-full-width::after{left: auto; right: 0;}
.office-visit-wrapper img { margin: 2.5em auto; }

@media (min-width: 58.5em) { 
    .welcome-section {padding-top: 3.7rem;padding-bottom: 5rem;}
    .welcome-section-container {width: 100%;max-width: 35.5rem;margin: 0 auto;} 
    .welcome-section-title { text-align: left; }
    .welcome-section-title:before {width: 2.8rem;height: 2.5rem;top: 0;right: auto;bottom: 0;left: -3.2rem;}
    .welcome-section-title.underline-title:after { margin: 0; }
    .welcome-section-text-btn {margin: 2.9rem 0 0;text-align: left;}
    .welcome-section-bottom-bg-img {display: block;position: absolute;bottom: -20%;left: 0;width: 25%;z-index: 0;}
}

@media (min-width: 68.5em) { 
    .welcome-section-container { opacity: 0; }
    .welcome-section-title:before { transform: rotate(30deg); transition: 500ms ease-in-out; transition-delay: 500ms; }
    .js-intersected .welcome-section-title:before { transform: rotate(0deg); }
    
    .office-visit-wrapper { flex-direction: row; width: 55em; gap: 2em; align-items: flex-start; }
    .office-visit-pgh { width: 26.53em; margin: 2.5em 0; padding: 0; }
    .office-visit-pgh::before { left: -2.5em; }
    .office-visit-wrapper img { margin: 2.5em 0; }
}

/*--------------------------------------------------------------
# CTA's
--------------------------------------------------------------*/
.cta-section { color: #fff; }
.cta-box-container-row { position: relative; }
.cta-box-container {width: 100%;max-width: 24rem;margin: 0 auto;position: relative;z-index: 1;}
.cta-box-container:last-of-type { margin-bottom: 0; }
.cta-box-container.exp-hl-cta .cta-box-image { background-image: url(../images/cta-img-1.jpg); }
.cta-box-container.cur-ha-cta .cta-box-image { background-image: url(../images/cta-img-2.jpg); }
.cta-box-container.feel-off-bal-cta .cta-box-image { background-image: url(../images/cta-img-3.jpg); }
.cta-box-container:before { content: ''; width: 1.4rem; height: 1.4rem; background: var(--green-color); position: absolute; top: 1.5rem; left: 0.9rem; z-index: 2; }
.cta-box-image {min-height: 26rem;background: var(--primary-color);z-index: 1;padding: 0 1rem 1.6rem;background-size: cover;background-position: center;position: relative;display: flex;flex-wrap: wrap;align-content: flex-end;}
.cta-box-image:after {content: '';background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -2;}
.cta-box-title {color: #fff;font-size: 1.2rem;line-height: 1.33;font-weight: 600;margin: 0 0 1.6rem;text-align: center;white-space: nowrap;}
.cta-box-title br {display: none;}
.cta-box-descrip {margin: 0 0 1.5rem;text-align: center;}
.cta-box-descrip-icon { display: none; }
.cta-box-link-container {text-align: center;padding: 0 0 0.25rem;}
.cta-box-link { font-weight: 600; font-size: 0.9rem; line-height: 1.5; margin: 0 0 1rem; }
.cta-box-link:last-of-type { margin: 0 0 1rem; }

@media (min-width: 48.5em) { 
    .cta-section { position: relative; }
    .cta-box-container-row {display: flex;flex-wrap: wrap;justify-content: center;}
    .cta-box-container {width: 50%;margin: 0; }
    .cta-box-image {min-height: 32.4rem;}
    .cta-box-text-overflow {overflow: hidden;}
    .cta-box-text-container {transform: translateY(calc(100% - 12rem));transition: 500ms ease-in-out;}
    .cta-box-container:after {content: '';height: 3px;background:  var(--green-color);position: absolute;top: 2.15rem;left: 1.6rem;right: 2.5rem;z-index: 1;transform: scale(0,1);transform-origin: left;transition: 500ms ease-in-out;} 
    .cta-box-container:hover:after { transform: scale(1,1); }
    .cta-box-container:hover .cta-box-text-container {transform: translateY(0);}
    .cta-box-container:hover .cta-box-image:after {background: rgba(0,0,0,0.55); }
    .cta-box-title {height: 3.3rem;display: flex;justify-content: center;align-items: end;text-align: center;}
    .cta-box-descrip {min-height: 4rem;text-align: center;margin: 0 0 0;}
    .cta-box-descrip-icon {display: block;text-align: center;margin: 0 0 1.8rem;transition: 500ms ease-in-out;}
	.cta-box-container:hover .cta-box-descrip-icon { transform: rotate(180deg); }
	.cta-box-link-container { display: flex; justify-content: center; gap: 0 0.75rem; }
	.cta-box-link, .cta-box-link:last-of-type { margin: 0 0 0; }
	.cta-box-link { font-size: 0.7rem; padding: 0.4rem 0.7rem; }
}

@media (min-width: 53.5em) { 
    .cta-box-descrip {min-height: 4rem;}
}

@media (min-width: 68.5em) { 
    .cta-box-container-row {margin: auto;justify-content: space-between;}
    .cta-box-container {width: calc(100% / 3);max-width: 32rem;opacity: 0; }
    .cta-box-container:nth-child(2) {animation-delay: 500ms;}
    .cta-box-container:nth-child(3) { animation-delay: 1000ms; }
    .cta-box-text-container {transform: translateY(calc(100% - 15.2rem));}
    .cta-box-title {font-size: 2rem;line-height: 1.25;margin: 0 0 1.5rem;height: auto;white-space: break-spaces;}
    .cta-box-title br { display: block; }
    .cta-box-descrip { margin: 0 0 1.6rem; }
	.cta-box-link { padding: 0.4rem 0.4rem; }
}

@media (min-width: 82.5em) { 
    .cta-box-image {min-height: 38.8rem;padding-bottom: 3.7rem;}
	.cta-box-link { padding: 0.4rem 0.8rem; }
}

@media (min-width: 90em) { 
	.cta-box-link { font-size: 0.9rem; }
}

@media (min-width: 100em) { 
	.cta-box-image { /* padding-right: 5.7rem; */ padding-bottom: 4.5rem; /* padding-left: 5.7rem; */ justify-content: center; }
	.cta-box-text-overflow { width: 100%; }
	.cta-box-text-container {transform: translateY(calc(100% - 13.8rem));}
	.cta-box-descrip { max-width: 20.5rem; margin: 0 auto 0.5rem; } 
}

@media (min-width: 103.75em) { 
	.cta-box-link { font-size: 1rem; padding: 0.6rem 1.2rem; }
}


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