:root {
--section-inner-max-width: 1260px;
--section-padding-top-sm: 60px;
--section-padding-bottom-sm: 60px;
--section-padding-left-sm: 20px;
--section-padding-right-sm: 20px;
--section-padding-left-lg: 30px;
--section-padding-right-lg: 30px;
--section-padding-top-lg: 90px;
--section-padding-bottom-lg: 90px;

--sub-banner-max-content-width: 900px;
--sub-banner-background-color: #204391ff;
--sub-banner-heading-color: #ffffff;
--sub-banner-body-color: #ffffff;
--sub-banner-body-font-size-sm: calc(1rem / 16 * 22);
--sub-banner-body-font-size-lg: calc(1rem / 16 * 28);

--hopscotch-column-gap: 60px;
--hopscotch-row-gap: 30px;
--hopscotch-image-width: .50;
--hopscotch-image-height-lg: 0;
--hopscotch-content-gap-adjustment: calc(var(--hopscotch-column-gap) / 2);
--hopscotch-image-gap-adjustment: calc(var(--hopscotch-column-gap) / 2);
--hopscotch-image-border-radius: 15px;

--font-body: "Nunito Sans";
--font-heading: "Exo 2";
--body-text-color: #505050;
--heading-text-color: #01181C;

--heading-font-weight: 700;
--body-font-weight: 500;
--body-line-height: 1.6;
--heading-line-height: 1.25;
--body-font-size-sm: calc(1rem / 16 * 14);
--body-font-size-med: calc(1rem / 16 * 16);
--body-font-size-lg: calc(1rem / 16 * 16);

--link-color: #681214ff;
--link-color-hover: #204391ff;


--h1-size-sm: calc(35 * (1rem / 16));
--h1-size-med: calc(40 * (1rem / 16));
--h1-size-lg: calc(49 * (1rem / 16));
--h2-size-sm: calc(35 * (1rem / 16));
--h2-size-med: calc(40 * (1rem / 16));
--h2-size-lg: calc(45 * (1rem / 16));
--h3-size-sm: calc(20 * (1rem / 16));
--h3-size-med: calc(22 * (1rem / 16));
--h3-size-lg: calc(28 * (1rem / 16));
--h4-size-sm: calc(18 * (1rem / 16));
--h4-size-med: calc(18 * (1rem / 16));
--h4-size-lg: calc(20 * (1rem / 16));

--global-radius: 10px;
--body-background-color: #ffffff;
--global-transition-duration: 0.33s;
--custom-list-icon: url("https://rf-production-public.s3.us-east-2.amazonaws.com/websites/cooling.pilothvac.net/versions/20250707163524/img/custom-list-icon.svg");
--custom-list-icon-top: 2px;
--custom-list-icon-width: 48px;
--custom-list-icon-height: 39px;
--custom-list-icon-gap: 20px;
--input-background-color: #FFFFFF;
--select-dropdown-arrow: url("https://rf-production-public.s3.us-east-2.amazonaws.com/websites/cooling.pilothvac.net/versions/20250707163524/img/dropdown-arrow.svg");
--placeholder-text-color: #01181C;
--input-text-color: #505050;

--button-font-family: "Nunito Sans";
--button-font-size: calc(18 * 1rem / 16);
--button-font-weight: 600;
--button-border-radius: 10px;
--button-box-shadow: none;
--button-padding-x: 32px;
--button-padding-y: 16px;
--button-text-transform: text-uppercase;
;
--button-background-color: #681214ff;
--button-text-color: #ffffff;
--button-border-color: #00000000;

--button-background-color-hover: #204391ff;
--button-text-color-hover: #ffffff;
--button-border-color-hover: #00000000;

--header-logo-max-width: 350px;
--header-logo-max-height: 350px;
--header-background-color: #000000;
--header-sticky-background-color: #040707ff;
--header-text-color: #ffffff;
--header-sticky-text-color: #ffffff;
--header-tagline-font-weight: 600;
--header-tagline-font-size: calc(1rem / 16 * 28);

--offersreview-background-color: ;
--offersreview-heading-color: ;
--offersreview-body-color: ;

--services-background-color: #ffffff00;
--services-heading-color: #040707ff;
--services-body-color: #ffffff;

--services-card-background-color: #ffffff;
--services-card-heading-color: #040707ff;
--services-card-body-color: #505050;
--services-card-text-align: #505050;

--services-cta-background-color1: #040707ff;
--services-cta-background-color2: #040707ff;
--services-cta-gradient-angle: 90deg;
--services-cta-heading-color: #ffffff;
--services-cta-body-color: #ffffff;

--content-w-bg-heading-color: #040707ff;
--content-w-bg-body-color: #040707ff;
--content-w-bg-gap-x: 60px;
--content-w-bg-gap-y: 50px;
--content-w-bg-overlay-color1: #00ccff00;
--content-w-bg-overlay-color2: #00ccff00;
--content-w-bg-overlay-gradient-angle: 90deg;

--faqs-background-color: #ffffffff;
--faqs-heading-color: #040707ff;
--faqs-body-color: #040707ff;
--faqs-accordion-border-radius: 10px;
--faqs-accordion-shadow: 4px 4px 20px rgba(0,0,0,.16);

--faqs-question-bg-color1: #204391ff;
--faqs-question-bg-color2: #204391ff;
--faqs-question-bg-gradient-angle: 90deg;
--faqs-question-heading-color: #FFFFFF;

--faqs-answer-background-color: #ffffff;
--faqs-answer-body-color: #040707ff;

--form-heading-color: #ffffff;
--form-body-color: #ffffff;

--form-overlay-color1: #01181cd6;
--form-overlay-color2: #01181c21;
--form-overlay-gradient-angle: 270deg;

--form-submit-background-color: #681214ff;
--form-submit-text-color: #FFFFFF;
--form-submit-border-color: #00000000;
--form-submit-background-color-hover: #204391ff;
--form-submit-text-color-hover: #FFFFFF;
--form-submit-border-color-hover: #00000000;

--footer-logo-max-width: 350px;
--footer-logo-max-height: 350px;
--footer-background-color: #040707ff;
--footer-text-color: #ffffffff;
--footer-heading-color: #ffffffff;
--footer-link-color: #FFFFFF;
--footer-link-color-hover: #dce4f6ff;

--hlm-footer-text-color: #ffffffff;
--hlm-footer-bg-color: #040707ff;

}


/* Soften CLS due to header adjustments */
.page-header--fixed main > :first-child {
--section-padding-top-sm: calc(60px + 180px);
--section-padding-top-lg: calc(90px + 100px);
}

.button.secondary {
background-color: #01181C;
color: #ffffff;
border-color: #00000000;
}
.button.secondary:hover,
.button.secondary:focus {
background-color: #333333;
color: #ffffff;
border-color: #00000000;
}


@media screen and (max-width: 640px) {
    #banner .content-with-bg__inner {
            margin-top: 200px;
    }
}

@media screen and (min-width: 641px) {
        #banner .content-with-bg__inner {
            margin-top: 200px;
        }
}

@media screen and (min-width: 1025px) {
        #banner .content-with-bg__inner {
            margin-top: 90px;
            margin-bottom: 90px;
        }
}
