/* === index.html style block 1 === */
@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="f2f75fe1-5d1b-dd77-3942-638761a6e9d5"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="b0c121a7-0474-3524-87de-768bc93ed778"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="f2f75fe1-5d1b-dd77-3942-638761a6e9d5"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="b0c121a7-0474-3524-87de-768bc93ed778"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}}@media (max-width:767px) and (min-width:480px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="f2f75fe1-5d1b-dd77-3942-638761a6e9d5"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="b0c121a7-0474-3524-87de-768bc93ed778"] {-webkit-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 2rem, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;}}
/* Remove ALL borders from the sliding grid cells so only the fixed background has borders */
.split-slider-wrapper .swiper-slide .about-header-left {
border-right: none !important;
border-left: none !important;
}
.split-slider-wrapper .swiper-slide .about-header-right {
border-left: none !important;
border-right: none !important;
}
.testimonial-widget .swiper-pagination-bullet {
width: 12px !important;
height: 12px !important;
background: transparent !important;
border: 2px solid var(--cream) !important;
opacity: 1 !important;
}
.testimonial-widget .swiper-pagination-bullet-active {
background: var(--cream) !important;
}
/* === index.html style block 2 === */
.swiper-button-next, .swiper-button-prev {
color: var(--charcoal, #3f492a);
background-color: transparent;
border: none;
box-shadow: none;
opacity: 0.3;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
opacity: 1;
transform: scale(1.1);
}
.swiper-button-next:active, .swiper-button-prev:active {
transform: scale(0.95);
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 1.5rem;
font-weight: normal;
}
/* === index.html style block 3 === */
.grain,
.global,
.section-home-header-mobile iframe,
.section-home-header-deskop iframe {
pointer-events: none !important;
}
/* Tablet (768px–991px): header video height, left alignment & adjusted heading size */
@media screen and (min-width: 768px) and (max-width: 991px) {
.section-home-header-mobile .container-home-header-right {
width: 100% !important;
height: 52vw !important;
min-height: 380px !important;
max-height: 520px !important;
display: flex !important;
position: relative !important;
overflow: hidden !important;
}
/* Left-align hero text section and match tablet 4rem side padding */
.section-home-header-mobile .container-home-header-left {
text-align: left !important;
align-items: flex-start !important;
padding: 4.5rem 4rem !important;
}
/* Reduce heading size so it fits comfortably (down from 6rem to 4.2rem) */
.section-home-header-mobile .home-header-left-h1 {
font-size: 4.2rem !important;
line-height: 0.95 !important;
text-align: left !important;
max-width: 750px !important;
margin-bottom: 1.5rem !important;
}
.section-home-header-mobile .home-header-left-paragraph {
text-align: left !important;
max-width: 700px !important;
margin-bottom: 2rem !important;
}
.section-home-header-mobile .button,
.section-home-header-mobile .w-button {
align-self: flex-start !important;
margin-left: 0 !important;
}
}
/* === index.html style block 4 === */
/* ===========================
MOBILE: Left-align all content + consistent 1.5rem side padding
=========================== */
@media screen and (max-width: 767px) {
/* Hero section */
.section-home-header-mobile .container-home-header-left {
text-align: left !important;
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
align-items: flex-start !important;
}
.section-home-header-mobile .home-header-left-h1 {
text-align: left !important;
}
.section-home-header-mobile .home-header-left-paragraph {
text-align: left !important;
}
.section-home-header-mobile .button,
.section-home-header-mobile .w-button {
align-self: flex-start !important;
margin-left: 0 !important;
}
/* Process / Fieldpath Review section */
.section-home-process {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
text-align: left !important;
}
/* Slider copy block */
.split-slider-wrapper .mySwiper .swiper-slide .about-header-right h2,
.split-slider-wrapper .mySwiper .swiper-slide .about-header-right h3,
.split-slider-wrapper .mySwiper .swiper-slide .about-header-right p {
text-align: left !important;
}
/* Beige intro paragraphs sections */
.section-home-intro {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
text-align: left !important;
}
/* Case studies / testimonials */
.section-home-case-studies,
.section-home-testimonials {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
text-align: left !important;
}
/* Body copy font size — smaller on mobile than desktop (1.35rem) */
p,
.home-header-left-paragraph,
.text-home-process-paragraph,
[style*="Archivo Narrow"] {
font-size: 1.2rem !important;
line-height: 1.4 !important;
}
/* Force process tab paragraph to match — higher specificity to beat fieldpath.css */
.section-home-process p,
.section-home-process .text-home-process-paragraph,
.container-home-process p,
.w-tab-pane p {
font-size: 1.2rem !important;
line-height: 1.4 !important;
}
/* Slider "How The Review Works" body copy — reduce to match other body copy on mobile */
.swiper-slide .about-header-right div {
font-size: 1.2rem !important;
line-height: 1.4 !important;
}
}
@media screen and (max-width: 479px) {
.section-home-header-mobile .container-home-header-left,
.section-home-process,
.section-home-intro,
.section-home-case-studies,
.section-home-testimonials {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
}
/* === index.html style block 5 === */
.section-faq {
background: #3f492a;
display: grid;
grid-template-columns: calc(70% - 1.4rem) calc(30% + 1.4rem);
border-bottom: .125rem solid #333333;
}
.faq-left-image {
order: 2;
/* Border removed here, moved to right-content */
display: flex;
}
.faq-left-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.faq-right-content {
order: 1;
padding: 5rem 4rem;
border-right: .125rem solid #333333;
display: flex;
flex-direction: column;
justify-content: center;
}
.faq-heading {
text-align: left;
margin-bottom: 3rem;
color: #f3e6d4 !important;
}
.faq-list {
border-top: .125rem solid #f3e6d4;
}
.faq-item {
border-bottom: .125rem solid #f3e6d4;
}
.faq-question {
width: 100%;
background: transparent;
border: none;
padding: 1.5rem 0;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
font-family: 'Archivo Narrow', sans-serif;
font-size: 2rem;
line-height: 1.2;
font-weight: 700;
color: #f3e6d4;
text-align: left;
transition: color 0.2s;
}
.faq-question:hover {
color: #f3e6d4;
opacity: 0.7;
}
.faq-icon {
font-size: 1.5rem;
font-weight: bold;
transition: transform 0.3s ease;
}
.faq-item.active .faq-icon {
transform: rotate(45deg);
}
.faq-answer-wrapper {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease;
}
.faq-answer {
padding-bottom: 1.5rem;
color: #f3e6d4;
font-size: 1.5rem;
line-height: 1.33;
}
/* Mobile Responsiveness for FAQ */
@media screen and (max-width: 991px) {
.section-faq {
grid-template-columns: 1fr;
}
.faq-left-image {
order: 1;
border-left: none;
border-bottom: .125rem solid #f3e6d4;
height: 400px;
}
.faq-right-content {
order: 2;
}
.faq-right-content {
padding: 3rem 2rem;
border-right: none;
}
}
@media screen and (max-width: 991px) {
.faq-question { font-size: 1.65rem; }
.faq-answer { font-size: 1.25rem; }
}
@media screen and (max-width: 767px) {
.faq-question { font-size: 1.35rem; }
.faq-answer { font-size: 1.15rem; }
}
/* === index.html style block 6 === */
/* Force strict 7fr 3fr layout regardless of text size */
.split-slider-wrapper .about-header-left,
.split-slider-wrapper .about-header-right {
min-width: 0 !important;
}
/* Ensure text matches the cards exact size and weight */
.split-slider-wrapper .text-type-hero,
.split-slider-wrapper .left-slide-text {
font-family: 'Archivo Narrow', sans-serif !important;
font-weight: 700 !important;
font-size: 8.1em !important;
line-height: 0.88 !important;
letter-spacing: -0.03em !important;
text-transform: uppercase !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
hyphens: none !important;
white-space: normal !important;
}
@media (max-width: 1200px) {
.split-slider-wrapper .text-type-hero,
.split-slider-wrapper .left-slide-text {
font-size: 6.75em !important;
}
}
@media (max-width: 991px) {
.split-slider-wrapper .text-type-hero,
.split-slider-wrapper .left-slide-text {
font-size: 4.5em !important;
line-height: 0.9 !important;
}
}
@media (max-width: 480px) {
.split-slider-wrapper .text-type-hero,
.split-slider-wrapper .left-slide-text {
font-size: 3.15em !important;
}
}
/* Move arrows to the right side so they don't get covered by the left z-index masking block */
.mySwiper .swiper-button-prev {
left: auto !important;
right: 5rem !important;
z-index: 10;
}
.mySwiper .swiper-button-next {
left: auto !important;
right: 1.5rem !important;
z-index: 10;
}
/* Hide the leftover inline style arrow position I added earlier */
.mySwiper .swiper-button-prev[style] {
left: auto !important;
}
/* === index.html style block 7 === */
/* Style and position the About Us pagination dots */
.split-slider-wrapper .about-pagination {
position: relative !important;
bottom: auto !important;
top: auto !important;
left: 0 !important;
right: auto !important;
width: auto !important;
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
text-align: left !important;
margin-top: 1.5rem !important;
margin-bottom: 0 !important;
padding: 0 !important;
z-index: 30 !important;
pointer-events: auto !important;
}
.split-slider-wrapper .about-pagination .swiper-pagination-bullet {
width: 14px !important;
height: 14px !important;
background-color: transparent !important;
background: transparent !important;
border: .125rem solid #333333 !important;
border-radius: 50% !important;
opacity: 1 !important;
margin-right: 12px !important;
margin-left: 0 !important;
display: inline-block !important;
transition: background-color 0.25s ease !important;
cursor: pointer !important;
pointer-events: auto !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.split-slider-wrapper .about-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.split-slider-wrapper .about-pagination .swiper-pagination-bullet-active {
background-color: #333333 !important;
background: #333333 !important;
border-color: #333333 !important;
}
.split-slider-wrapper .swiper.mySwiper {
touch-action: pan-y !important;
}
.split-slider-wrapper .about-pagination {
pointer-events: auto !important;
cursor: pointer !important;
}
/* Also clean up any lingering arrow CSS we injected */
.mySwiper .swiper-button-prev, .mySwiper .swiper-button-next {
display: none !important;
}
/* Process Tabs styling & mobile responsiveness */
.section-home-process .tabs-link {
cursor: pointer !important;
-webkit-tap-highlight-color: transparent !important;
user-select: none !important;
transition: opacity 0.2s ease !important;
}
.section-home-process .tabs-link-arrow {
transition: opacity 0.25s ease, transform 0.25s ease !important;
}
.section-home-process .tabs-link.w--current .tabs-link-arrow {
opacity: 1 !important;
transform: translateX(4px) !important;
}
.section-home-process .tabs-link:not(.w--current) .tabs-link-arrow {
opacity: 0 !important;
}
@media screen and (max-width: 991px) {
.container-home-process {
display: flex !important;
flex-direction: column !important;
}
.container-home-process .tabs-left {
width: 100% !important;
display: flex !important;
flex-direction: column !important;
margin-right: 0 !important;
padding-right: 0 !important;
order: 1 !important;
}
.container-home-process .tabs-right {
width: 100% !important;
display: block !important;
order: 2 !important;
margin-top: 2.5rem !important;
margin-bottom: 0 !important;
padding-left: 0 !important;
padding-top: 0 !important;
}
.container-home-process .w-tab-pane {
width: 100% !important;
}
.container-home-process .w-tab-pane.w--tab-active {
display: block !important;
opacity: 1 !important;
}
.container-home-process .w-tab-pane:not(.w--tab-active) {
display: none !important;
opacity: 0 !important;
}
.section-home-process .text-home-process-paragraph {
font-family: 'Archivo Narrow', sans-serif !important;
font-weight: 400 !important;
font-size: 1.35rem !important;
line-height: 1.4 !important;
letter-spacing: 0.01em;
color: #f3e6d4 !important;
}
}
/* Split Slider desktop layout */
@media screen and (min-width: 992px) {
/* Hide mobile-only title card on desktop */
.mobile-slider-title {
display: none !important;
}
.split-slider-background {
display: block !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 2 !important;
pointer-events: none !important;
}
.split-slider-background * {
pointer-events: none !important;
}
.split-slider-wrapper .mySwiper .swiper-slide .about-header-left {
background: transparent !important;
border-right: none !important;
border-left: none !important;
}
.split-slider-wrapper .mySwiper .swiper-slide .about-header-left .text-type-hero {
opacity: 0 !important;
visibility: hidden !important;
}
.split-slider-wrapper .slider-pagination-row {
position: relative !important;
display: grid !important;
grid-template-columns: 7fr 3fr !important;
grid-column-gap: 2rem !important;
width: 100% !important;
padding-bottom: 3rem !important;
margin-top: -2rem !important;
pointer-events: none !important;
}
.split-slider-wrapper .slider-pagination-row .pagination-spacer {
display: block !important;
}
.split-slider-wrapper .slider-pagination-row .pagination-holder {
padding-left: 2rem !important;
pointer-events: auto !important;
}
}
/* Split Slider mobile/tablet layout (<= 991px) */
@media screen and (max-width: 991px) {
.split-slider-background {
display: none !important;
}
/* Show the static mobile yellow title card — square aspect ratio */
.mobile-slider-title {
display: flex !important;
align-items: center !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
}
/* Force font size to fill the square — beats fieldpath.css !important rules */
.mobile-left-slide-text,
.mobile-left-slide-text.text-type-hero {
font-size: 13.5vw !important;
line-height: 0.92 !important;
padding: 8vw 6.5vw !important;
text-align: left !important;
width: 100% !important;
}
.split-slider-wrapper {
overflow: visible !important;
position: relative !important;
background: var(--cream) !important;
}
.split-slider-wrapper .mySwiper {
width: 100% !important;
overflow: hidden !important;
}
.split-slider-wrapper .mySwiper .swiper-slide {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
}
.split-slider-wrapper .mySwiper .swiper-slide .section-about-header {
display: flex !important;
flex-direction: column !important;
height: auto !important;
width: 100% !important;
border: none !important;
grid-template-columns: 1fr !important;
}
/* Hide the yellow title block INSIDE each slide — replaced by static mobile header */
.split-slider-wrapper .mySwiper .swiper-slide .about-header-left {
display: none !important;
}
/* Bottom cream copy block on mobile slide */
.split-slider-wrapper .mySwiper .swiper-slide .about-header-right {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
background-color: var(--cream) !important;
padding: 8vw 6.5vw 6vw !important;
width: 100% !important;
box-sizing: border-box !important;
border: none !important;
}
/* Pagination container below slides on mobile */
.split-slider-wrapper .slider-pagination-row {
display: block !important;
width: 100% !important;
padding: 0 6.5vw 8vw !important;
margin: 0 !important;
background-color: var(--cream) !important;
pointer-events: auto !important;
}
.split-slider-wrapper .slider-pagination-row .pagination-spacer {
display: none !important;
}
.split-slider-wrapper .slider-pagination-row .pagination-holder {
padding: 0 !important;
}
.split-slider-wrapper .about-pagination {
margin-top: 0.5rem !important;
margin-bottom: 0 !important;
padding: 0 !important;
left: 0 !important;
justify-content: flex-start !important;
pointer-events: auto !important;
z-index: 30 !important;
}
}
/* === index.html style block 8 === */
.testimonial-widget .tw-heading {
margin-bottom: 1.5rem !important;
color: var(--cream) !important;
}
.testimonial-swiper {
flex-grow: 0 !important;
margin-top: 0 !important;
}
/* === index.html style block 9 === */
/* Make all standard headings black instead of olive green */
h1, h2, h3, h4, h5, h6,
.text-type-hero, .text-type-heading-large, .text-type-heading-small, .text-type-semibold,
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
color: #333333;
}
/* Ensure dark-background sections keep cream text */
.section-home-process h2,
.section-home-process .text-type-semibold {
color: #f3e6d4 !important;
}
/* Revert logo/brand to olive green if they happen to use a heading tag */
.brand h1, .brand h2, .brand h3, .brand h4, .brand h5, .brand h6,
.logo h1, .logo h2, .logo h3, .logo h4, .logo h5, .logo h6,
.brand, .logo {
color: var(--charcoal) !important;
}
/* ==========================================================================
TEST: Archivo Narrow regular (400) for body copy across the page
To revert, remove this block and restore Georgia font
========================================================================== */
p,
.home-header-left-paragraph,
.text-home-process-paragraph,
.text-type-heading-small.paragraph,
.faq-answer,
.tw-copy,
.custom-footer-text,
.footer-column-text,
.footer-column-text span,
.legal-richtext p,
.section-about-header p,
.about-header-left p,
.section-home-intro p,
.swiper-slide .about-header-right div[style*="font-family"],
.section-home-process p,
.footer_component div[style*="font-family"] {
font-family: 'Archivo Narrow', sans-serif !important;
font-weight: 400 !important;
font-size: 1.45rem !important;
line-height: 1.38 !important;
letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
p,
.home-header-left-paragraph,
.text-home-process-paragraph,
.faq-answer,
.tw-copy,
.section-about-header p,
.about-header-left p,
.section-home-intro p,
.swiper-slide .about-header-right div[style*="font-family"],
.section-home-process p {
font-size: 1.45rem !important;
line-height: 1.38 !important;
}
}
@media screen and (max-width: 767px) {
p,
.home-header-left-paragraph,
.text-home-process-paragraph,
.faq-answer,
.tw-copy,
.section-about-header p,
.about-header-left p,
.section-home-intro p,
.swiper-slide .about-header-right div[style*="font-family"],
.section-home-process p {
font-size: 1.25rem !important;
line-height: 1.4 !important;
}
}
/* === index.html style block 10 === */
::selection {
color: #3f492a;
background: #F75D33;
}
.grain {
pointer-events: none;
}
.section-home-marquee {
pointer-events: none;
}
body {
font-size: 1.1111111111111112vw;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
/*width*/
page-wrapper::-webkit-scrollbar {
width:auto;
}
/*track*/
page-wrapper::-webkit-scrollbar-track {
background:rgb(51, 51, 51);
border-width:2px;
border-style:none;
border-color:rgb(247, 96, 53);
border-radius:100px;
}
/*thumb*/
page-wrapper::-webkit-scrollbar-thumb {
background:rgb(247, 96, 53);
border-width:2px;
border-style:solid;
border-radius:100px;
}
/* === index.html style block 11 === */
/* Scroll-driven navbar menu alignment: left at top, right on scroll — desktop only */
.container-nav-middle {
transition: margin-left 0.4s ease, justify-content 0.4s ease, padding-right 0.4s ease;
}
@media screen and (min-width: 768px) {
.nav-wrapper-bottom:not(.nav-scrolled) .container-nav-middle {
margin-left: 0 !important;
margin-right: auto !important;
justify-content: flex-start !important;
padding-right: 0 !important;
}
.nav-wrapper-bottom.nav-scrolled .container-nav-middle {
margin-left: auto !important;
margin-right: 0 !important;
justify-content: flex-end !important;
padding-right: 2rem !important;
}
}
/* === index.html style block 12 === */
@media (min-width: 992px) {
.section-home-intro {
display: grid !important;
grid-template-columns: calc(70% - 1.4rem) calc(30% + 1.4rem) !important;
gap: 0 !important;
}
}
@media screen and (max-width: 767px) {
/* About Fieldpath Advisory intro section — reduce side padding on mobile */
.section-home-intro .about-header-left {
padding: 6vw 6.5vw !important;
}
}
/* === index.html style block 13 === */
/* FAQ Staggered Scroll Animation (Questions Only) */
.faq-item {
opacity: 0;
transform: translate3d(2.5rem, 0, 0);
transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform, opacity;
}
.section-faq.is-animated .faq-item {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.section-faq.is-animated .faq-item:nth-child(1) { transition-delay: 0.1s; }
.section-faq.is-animated .faq-item:nth-child(2) { transition-delay: 0.2s; }
.section-faq.is-animated .faq-item:nth-child(3) { transition-delay: 0.3s; }
.section-faq.is-animated .faq-item:nth-child(4) { transition-delay: 0.4s; }
.section-faq.is-animated .faq-item:nth-child(5) { transition-delay: 0.5s; }
.section-faq.is-animated .faq-item:nth-child(6) { transition-delay: 0.6s; }
/* === index.html style block 14 === */
.section-contact-forms {
padding: 0 !important;
align-items: stretch !important;
}
.contact-forms-left {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
padding-right: 4rem !important;
border-right: .125rem solid var(--charcoal, #3f492a);
width: calc(70% - 1.4rem) !important;
}
.contact-forms-right {
width: calc(30% + 1.4rem) !important;
padding: 0 !important;
background-color: #333333 !important;
display: flex;
flex-direction: column;
}
.testimonial-widget {
background-color: #333333 !important;
margin-top: 0 !important;
padding: 6rem 4rem !important;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: flex-start !important;
border: none !important;
position: relative !important;
box-sizing: border-box !important;
min-width: 0 !important;
width: 100% !important;
overflow: hidden !important;
}
.testimonial-widget .tw-heading {
font-family: 'Archivo Narrow', sans-serif !important;
font-weight: 600 !important;
font-size: 4rem !important;
line-height: 1.125 !important;
letter-spacing: -0.03em !important;
color: var(--cream, #FDF9F1) !important;
margin-top: 0 !important;
margin-bottom: 0.5rem !important;
}
.testimonial-swiper {
width: 100% !important;
min-width: 0 !important;
height: auto !important;
overflow: hidden !important;
position: relative !important;
flex-grow: 0 !important;
margin-top: 0 !important;
user-select: none !important;
-webkit-user-select: none !important;
cursor: grab !important;
}
.testimonial-swiper:active {
cursor: grabbing !important;
}
.testimonial-card {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important;
text-align: left !important;
height: 100% !important;
user-select: none !important;
-webkit-user-select: none !important;
}
.testimonial-widget .tw-quote {
color: var(--cream, #FDF9F1) !important;
margin-bottom: 1rem !important;
width: 7rem !important;
height: 7rem !important;
transform: scaleX(-1) !important;
}
.testimonial-widget .tw-quote svg {
width: 100% !important;
height: 100% !important;
stroke: var(--cream, #FDF9F1) !important;
}
.testimonial-widget .tw-copy {
font-family: 'Archivo Narrow', sans-serif !important;
font-size: 1.45rem !important;
line-height: 1.38 !important;
margin-bottom: 2rem !important;
color: var(--cream, #FDF9F1) !important;
font-weight: 400 !important;
}
.testimonial-widget .tw-author {
font-family: 'Archivo Narrow', sans-serif !important;
font-size: 1.45rem !important;
color: var(--cream, #FDF9F1) !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-weight: 400 !important;
}
.testimonial-widget .testi-bottom {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin-top: auto !important;
padding-top: 1.5rem !important;
width: 100% !important;
}
.testimonial-widget .testi-pagination {
position: relative !important;
text-align: left !important;
width: auto !important;
display: flex !important;
align-items: center !important;
}
.testimonial-widget .swiper-pagination-bullet {
width: 12px !important;
height: 12px !important;
background: transparent !important;
border: 2px solid var(--cream, #FDF9F1) !important;
opacity: 1 !important;
margin: 0 4px !important;
display: inline-block !important;
vertical-align: middle !important;
box-sizing: border-box !important;
}
.testimonial-widget .swiper-pagination-bullet-active {
background: var(--cream, #FDF9F1) !important;
opacity: 1 !important;
}
@media (max-width: 991px) {
.contact-forms-left {
width: 100% !important;
border-right: none !important;
padding-right: 2rem !important;
}
.contact-forms-right {
width: 100% !important;
border-right: none !important;
padding: 0 !important;
border-top: .125rem solid var(--charcoal, #3f492a);
}
.testimonial-widget {
padding: 4rem 4rem !important;
}
.tw-quote,
.testimonial-widget .tw-quote {
width: 5rem !important;
height: 5rem !important;
}
.tw-copy,
.testimonial-widget .tw-copy {
font-size: 1.25rem !important;
}
}
@media (max-width: 767px) {
.contact-forms-right {
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.testimonial-widget {
padding: 4rem 4rem !important;
}
}
@media (max-width: 479px) {
.contact-forms-right {
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.testimonial-widget {
padding: 4rem 4rem !important;
}
}
/* === index.html style block 15 === */
.custom-footer-grid {
display: grid;
grid-template-columns: 1fr;
gap: 3rem;
max-width: 1200px;
margin: 0 auto;
}
@media (min-width: 992px) {
.custom-footer-grid {
grid-template-columns: 2fr 1fr 1fr 1.5fr;
}
}
.custom-footer-link {
color: var(--cream);
text-decoration: none;
display: block;
margin-bottom: 0.5rem;
font-size: 1.1rem;
}
.custom-footer-link:hover {
text-decoration: underline;
}
.custom-footer-text {
color: var(--cream);
margin-bottom: 0.5rem;
font-size: 1.1rem;
line-height: 1.5;
}
.custom-footer-heading {
color: var(--cream);
font-weight: bold;
margin-bottom: 1.25rem;
font-size: 1.25rem;
}
/* === index.html style block 16 === */
.footer-container-inner {
width: 100% !important;
max-width: 100% !important;
padding-left: 4rem !important;
padding-right: 4rem !important;
box-sizing: border-box !important;
}
@media (max-width: 991px) {
.footer-container-inner {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
}
.footer-link-item {
color: #f3e6d4 !important;
text-decoration: none !important;
transition: opacity 0.2s ease !important;
}
.footer-link-item:hover {
opacity: 0.8 !important;
}
/* ==========================================================================
Thank You Popup Modal
========================================================================== */
.thank-you-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
align-items: center;
justify-content: center;
padding: 1.5rem;
box-sizing: border-box;
}
.thank-you-modal.is-active {
display: flex;
}
.thank-you-modal-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
cursor: pointer;
}
.thank-you-modal-dialog {
position: relative;
background-color: var(--cream, #f3e6d4);
border: .125rem solid #333333;
padding: 3.5rem 3rem;
max-width: 480px;
width: 100%;
text-align: center;
box-sizing: border-box;
box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.3);
animation: modalFadeIn 0.25s ease-out;
}
@keyframes modalFadeIn {
from {
opacity: 0;
transform: scale(0.95) translateY(10px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.thank-you-modal-close {
position: absolute;
top: 1rem;
right: 1.25rem;
background: none;
border: none;
font-size: 2rem;
line-height: 1;
color: #333333;
cursor: pointer;
padding: 0.25rem 0.5rem;
transition: opacity 0.2s ease;
}
.thank-you-modal-close:hover {
opacity: 0.6;
}
.thank-you-modal-icon {
width: 64px;
height: 64px;
margin: 0 auto 1.5rem;
border-radius: 50%;
background-color: var(--magma, #f3b23e);
color: #333333;
display: flex;
align-items: center;
justify-content: center;
}
.thank-you-modal-heading {
font-family: 'Archivo Narrow', sans-serif !important;
font-weight: 700 !important;
font-size: 2.75rem !important;
line-height: 1.1 !important;
letter-spacing: -0.02em !important;
color: #333333 !important;
margin: 0 0 1rem 0 !important;
text-transform: none !important;
}
.thank-you-modal-text {
font-family: 'Archivo Narrow', sans-serif !important;
font-weight: 400 !important;
font-size: 1.45rem !important;
line-height: 1.38 !important;
color: #555555 !important;
margin: 0 0 2rem 0 !important;
}
.thank-you-modal-btn {
display: inline-block;
cursor: pointer;
min-width: 140px;
}