/**
* Fuel Theme
* Version 6.0.6
**/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Hero
# Welcome
# CTAs
# Reviews Section
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.home-hero {padding: 0;display: flex;align-items: stretch;min-height: 0;}
.home-hero .wp-block-cover__image-background { position: fixed; }
.home-hero .wp-block-cover__inner-container {position: relative;display: flex;min-height: 8.8rem;}
.home-hero .wp-block-cover__inner-container:before {/* content: ''; */position: absolute;top: 0;right: auto;bottom: 0;left: 60%;min-width: 300px;background-image: url(../images/hero-logo-cutout-PLACEHOLDER.jpg);background-size: contain;background-position: left top;background-repeat: no-repeat;border: 1px solid red;}
.home-hero-white-block {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;background: var(--white);padding: 1.2rem 0 1.9rem 1rem !important;border-radius: 0 0 0 2.5rem;margin: 0 0 0 var(--contain-padding) !important;width: 60%;height: 100%;max-height: none;white-space: nowrap;z-index: 1;}
.home-hero-white-container {
margin: 0 0 4.9rem;position: relative;
&:before {content: '';width: 5px;height: 5px;border-radius: 50%;background: var(--black);position: absolute;top: 0;left: -0.15rem;}
&:after {content: '';width: 5px;height: 5px;border-radius: 50%;background: var(--black);position: absolute;bottom: -0.15rem;right: 0;}
}
.home-hero-white-container-pseudo-anchor {
padding-bottom: 0.75rem;padding-left: 0.75rem;
&:before {content: '';width: 1px;background: var(--black);position: absolute;top: 0;bottom: 0;left: -0.05rem;}
&:after {content: '';height: 1px;background: var(--black);position: absolute;bottom: -0.05rem;right: 0;left: 0;}
}
.home-hero-title {font-size: 1.1rem;}
.home-hero-btns {position: relative;z-index: 1;width: 100%;margin-top: 1.6rem;justify-content: flex-start;}
.home-hero-cutout-block {display: block;width: 40%;max-width: fit-content;background: #fff;mix-blend-mode: screen;margin: 0;padding: 0.5rem 0 1.5rem 0;position: relative;}
.home-hero-cutout {height: 36vw;position: relative;right: -1.75rem;}
@media (min-width: 35em) {
.home-hero-white-container-pseudo-anchor { padding-bottom: 1.5rem; padding-left: 1.5rem; }
.home-hero-white-block {padding: 1.2rem 0 1.9rem 1.5rem !important;}
}
@media (min-width: 50em) {
.home-hero-white-block { width: 50%; }
.home-hero-title { font-size: clamp(1.8rem, 3vw, 2.4rem); }
.home-hero-cutout-block { width: 50%;max-width: none;padding-top: 2.4rem;padding-bottom: 2.4rem;}
.home-hero-cutout { right: auto;max-width: 30.4rem;}
}
@media (min-width: 68.5em) {
.home {
.entry-content { position: relative; }
.entry-content:after {content: '';position: absolute;top: 0;right:0;bottom:0;left:0;z-index: -1;background-position: bottom left;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
}
.home-hero-white-block {margin: 0 -0.1rem 0 calc(var(--contain-padding) + 0.5rem) !important;margin: 0 0 0 auto !important;padding-left: clamp(2rem,8.4vw,6.6rem) !important;}
/* Line Animation */
.home-hero-white-container:before, .home-hero-white-container:after {transform: scale(0);transition: 300ms ease;transition-delay: 1000ms;}
.home-hero-white-container-pseudo-anchor:before {transform: scale(1,0);transform-origin: bottom;transition: 500ms ease;transition-delay: 500ms;}
.home-hero-white-container-pseudo-anchor:after {transform: scale(0, 1);transform-origin: left;transition: 500ms ease;transition-delay: 500ms;}
.js-intersected .home-hero-white-container:before, .js-intersected .home-hero-white-container:after {transform: scale(1);}
.js-intersected .home-hero-white-container-pseudo-anchor:before, .js-intersected .home-hero-white-container-pseudo-anchor:after {transform: scale(1, 1);}
}
@media (min-width: 100em) { /* 1600px */
.home-hero-cutout-block {width: 41%;}
}
@media (min-width: 120em) { /* 1920px */
.home-hero-cutout-block { width: 39.3rem; margin: 0 !important; }
.home-hero-white-block { max-width: 56.5rem; margin: 0 0 0 auto !important; }
}
/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/
#welcome_section {padding: 0rem 0 16.4rem;overflow: visible;/* min-height: clamp(176px,4vw,769px); */}
.welcome-section-logo {width: 100%;}
.welcome-section-container {background: var(--white);max-width: none;padding-top: 1.8rem;padding-right: 1rem !important;padding-bottom: 1.6rem;padding-left: 1rem !important;margin-top: calc(clamp(4.5rem,36.3vw,23.9rem) + 4.2rem) !important;margin-right: 0 !important;margin-bottom: -18.4rem !important;margin-left: 0 !important;position: relative;}
.welcome-section-container:before {content: '';background: var(--white);border-radius: 1rem 0 0 0;position: absolute;top: -4.2rem;right: 0;left: 1.6rem !important;min-height: 4.2rem;}
.welcome-section-container:after {content: '';position: absolute;top: 5rem;right: 0;bottom: 0;left: auto;z-index: 1;margin: auto;height: 120vw;max-height: 40rem;width: 68.3vw;max-width: 25.25rem;background-repeat: no-repeat;background-position: center right;background-size: contain;background-image: url('data:image/svg+xml,');}
.welcome-section-text-container {color: var(--content-color);position: relative;z-index: 2;margin-top: -3.9rem !important;}
.welcome-section-title-top {font-size: 1rem;font-family: var(--content-font);/* max-width: 13.25rem; */padding: 0 1rem;margin: 2rem auto 1.5rem;}
.welcome-section-title-bottom {font-size: 1.6rem;padding: 0 0.5rem;max-width: 720px;margin: 0 auto clamp(1.5rem,5.5vw,3rem);}
.welcome-section-text { max-width: 35.4rem; margin: 0 auto; }
.welcome-section-btns { margin-top: 1.5rem; }
@media (min-width: 68.5em) {
.welcome-section-container {margin-top: calc(clamp(4.5rem, 36.3vw, 23.9rem) + 14.6rem) !important;/* background-repeat: no-repeat; *//* background-position: right top; *//* background-size: 100%; *//* background-image: url('data:image/svg+xml,'); */}
.welcome-section-container:after {
top: 0;
}
.welcome-section-text-container {margin-top: -13rem !important;margin-right: calc(50% - 17.6rem) !important;margin-left: calc(50% - 17.6rem) !important;}
.welcome-section-container:before {top: -14.6rem;left: calc(50% - 23.5rem) !important;min-height: 14.6rem;}
.welcome-section-title-top {font-size: 1.2rem; }
.welcome-section-title-bottom {font-size: 2rem; }
}
/*--------------------------------------------------------------
# CTAs
--------------------------------------------------------------*/
#cta_section {margin-top: 0;background: var(--white);}
#cta_section:before {content: '';width: 1px;height: 2.5rem;background: var(--black);position: absolute;top: 2.75rem;right: 0;bottom: calc(100% - 2.75rem);left: 0;margin: auto;}
#cta_section:after {content: '';width: 6px;height: 5px;border-radius: 50%;background: var(--black);position: absolute;top: 4rem;right: 0;left: 0;margin: auto;}
.cta-section-title-container {max-width: 29.6rem;text-align: center;}
.cta-section-title { font-size: clamp(1.6rem, 3.7vw, 2rem); color: var(--black); }
.cta-section-columns {gap: 0.9rem 0;margin: 0;padding-top: 3rem;padding-bottom: 2rem;}
.cta-section-col {position: relative;border-radius: 0.5rem;overflow: hidden;}
.cta-section-col .cta1 { --i: 0; }
.cta-section-col .cta2 { --i: 3; }
.cta-section-col .cta3 { --i: 6; }
.cta-section-col .wp-block-image { overflow: hidden; }
.cta-section-col img { width: 100%; max-height: 23rem; object-position: top; transition: transform 1s; }
.cta-section-col:has(.cta-link-container:is(:hover, :focus)) img { transform: scale(1.1) }
.cta-link-container {display: block;--y: 0;--time: 600ms;}
.cta-link-container:before {content: '';position: absolute;top: 1.2rem;right: 1.2rem;bottom: 1.2rem;left: 1.2rem;z-index: 2;border: 2px solid var(--white);border-radius: 0.5rem;}
.cta-section-col .wp-block-cover {align-items: flex-end;padding: 0 1.9rem 2.3rem;min-height: clamp(21.25rem, 41.7vw, 27.5rem);width: 100%;margin: 0;}
.cta-section-col .wp-block-cover:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0.8;transition: 500ms ease;background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 56%, rgba(0, 0, 0, 0.00) 88%) !important;}
.cta-section-col .wp-block-cover:after {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 500ms ease;background: linear-gradient(175deg, #096C98 30%, #0E3D61 88%) !important;}
.cta-section-col .wp-block-cover .wp-block-cover__background {transition: 1s ease;}
.cta-section-col .wp-block-cover .wp-block-cover__inner-container {z-index: 3 !important;}
.cta-title {font-size: 2rem;position: relative; color: var(--white);}
.cta-text {color: var(--white);position: relative;margin-top: 0.3rem;font-size: 0.9rem;}
.cta-btns { justify-content: flex-start; }
.cta-section-col .wp-block-cover .cta-link-container:before { display: none; }
/* Hover State */
.cta-btns {transition: 500ms ease;opacity: 0;transform: translateY(2rem);margin: 0;max-width: 24rem;}
.cta-section-col:is(:hover, :focus) {
.wp-block-cover:before {opacity: 0;}
.wp-block-cover:after {opacity: 0.8;}
.cta-title, .cta-text {transform: translateY(-3rem);}
.cta-title:before { transform: scale(1); }
.cta-btns {opacity: 1;transform: translateY(-1rem);}
}
.cta-section-col:is(:hover, :focus) .cta-link-container:before { border: 3px solid var(--white); }
.cta-link-container:is(:hover, :focus) .wp-block-cover:after { opacity: 0.8; }
.cta-title, .cta-text {transition: 500ms ease;transform: translateY(3rem);}
@media (max-width: 48.812em) { /* 781px */
.cta-link-container .wp-block-cover .wp-block-cover__background {opacity: 0.8 !important;background: linear-gradient(0deg, #096C98 28%, rgba(14, 61, 97, 0.00) 134%);}
}
@media (max-width: 68.49em) {
#cta_section {flex-direction: column; padding-top: 6.1rem;padding-right: 0;padding-left: 0;}
.cta-link-container .wp-block-cover .wp-block-cover__background:before {content: '';position: absolute;top: 0.9rem;right: 0.9rem;bottom: 0.9rem;left: 0.9rem;border: 3px solid var(--white);border-radius: 0.5rem;}
}
@media (min-width: 48.875em) { /* 782px */
.cta-section-columns {gap: 0 0.5rem;padding: 3rem 0;}
.js-intersected.cta-section-col:before, .js-intersected.cta-section-col:after { transform: scale(1); }
.cta-title {font-size: 1.6rem;}
.cta-btns.wp-block-buttons .wp-element-button { padding: 0.5rem 1.3rem; font-size: 0.9rem; }
}
@media (min-width: 58.5em) {
#cta_section:before { height: 3.6rem; }
#cta_section:after { top: 4.4rem; }
.cta-section-columns {padding: 3rem 0 8.2rem;}
.cta-title { font-size: 2rem; }
.cta-btns.wp-block-buttons .wp-element-button { padding: 0.5rem 1.7rem; font-size: 1rem; }
}
@media (min-width: 68.5em) {
#cta_section { padding-top: 8.6rem; }
#cta_section:before {top: 4.2rem;transform: scale(1,0);transform-origin: top;transition: 500ms;transition-delay: 2s;}
#cta_section.js-intersected:before {transform: scale(1,1);}
#cta_section:after {top: 6rem;opacity: 0;transition: 500ms;transition-delay: 2500ms;}
#cta_section.js-intersected:after {opacity: 1;}
.cta-section-columns {padding: 4rem 0 8.2rem;}
.cta-text {font-size: 1rem;}
}
@media (min-width: 82.5em) {
#cta_section:before {height: 4.6rem;top: 4.25rem;}
#cta_section:after { top: 6.5rem; }
.cta-section-columns {gap: 0 1.6rem;}
.cta-section-col.cta1:before {top: -4rem;right: calc((2.4rem + 1px) * -1);}
.cta-section-col.cta1:after {right: calc((2.6rem + 1px) * -1);}
.cta-section-col.cta3:before {left: calc((2.4rem + 1px) * -1);}
.cta-section-col.cta3:after {bottom: -4rem;left: calc((2.6rem + 1px) * -1);}
}
/*--------------------------------------------------------------
# Reviews Section
--------------------------------------------------------------*/
#reviews_section {padding-bottom: 5rem;margin-top: 0;background: var(--white);}
#reviews_section:before {content: '';width: 1px;height: 2.5rem;background: var(--black);position: absolute;top: 2.75rem;right: 0;bottom: calc(100% - 2.75rem);left: 0;margin: auto;}
#reviews_section:after {content: '';width: 6px;height: 5px;border-radius: 50%;background: var(--black);position: absolute;top: 4rem;right: 0;left: 0;margin: auto;}
.reviews-section-title-container {max-width: 29.6rem;text-align: center;}
.reviews-section-title {font-size: clamp(1.6rem, 3.7vw, 2rem);color: var(--black);margin-bottom: clamp(2rem, 5vw, 3.3rem) !important;}
#reviews_section .wp-block-media-text { display: flex ; flex-wrap: wrap; }
#reviews_section .wp-block-media-text__content {height: 100%;border-left: 0.5rem solid var(--accent-color);padding-left: 0;margin-left: 0;}
.reviews-section-row {border-top: 1px solid var(--black);padding-top: 1rem;padding-right: 1rem;padding-bottom: 1.5rem;padding-left: 1.5rem;display: flex;flex-wrap: wrap;align-items: center;}
.reviews-section-row:last-of-type { border-bottom: 1px solid var(--black); }
#reviews_section .wp-block-media-text__media {padding-top: 0;margin-top: 0.75rem;margin-right: auto;margin-bottom: 0;margin-left: auto;order: 2;border-radius: 0.5rem;overflow: hidden;max-width: 23.4rem;}
#reviews_section .wp-block-media-text__media:before {content: '';position: absolute;top: 1.2rem;right: 1.2rem;bottom: 1.2rem;left: 1.2rem;z-index: 1;border: 1px solid var(--white);border-radius: 0.5rem;}
#reviews_section .wp-block-media-text__media:after {display: block;width: auto;height: auto;background-color: unset;margin: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-position: center;background-repeat: no-repeat;background-image: url('data:image/svg+xml,');}
@media (max-width: 68.49em) {
#reviews_section {flex-direction: column;padding-top: 6.1rem;padding-right: 0;padding-left: 0;}
}
@media (min-width: 58.5em) {
#reviews_section:before {height: 5.5rem;}
#reviews_section:after {top: 5.5rem;}
#reviews_section .wp-block-media-text {flex-wrap: nowrap;}
#reviews_section .wp-block-media-text__content {order: 2;margin-left: 2.7rem;}
#reviews_section .wp-block-media-text__media {width: 100%;margin-top: 0;}
}
@media (min-width: 68.5em) {
#reviews_section {padding-top: 10rem;padding-bottom: 5rem;}
#reviews_section:before {height: 8.6rem;top: 4.2rem;transform: scale(1, 0);transform-origin: top;transition: 500ms;transition-delay: 2s;}
#reviews_section.js-intersected:before { transform: scale(1,1); }
#reviews_section:after {top: 8.5rem;opacity: 0;transition: 500ms;transition-delay: 2500ms;}
#reviews_section.js-intersected:after {opacity: 1;}
#reviews_section .wp-block-media-text { display: grid; }
.reviews-section-row {height: 50%;overflow-Y: scroll;}
}
@media (min-width: 82.5em) {
#reviews_section:before {height: 8.6rem;top: 4.25rem;}
#reviews_section:after {top: 8.5rem;}
}
/*
* Contact Section - in style.css
*/