: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: 80px;
  --section-padding-bottom-lg: 80px;

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

  --hopscotch-column-gap: 50px;
  --hopscotch-row-gap: 30px;
  --hopscotch-image-width: .50;
  --hopscotch-image-height-lg: 0;
    --hopscotch-content-gap-adjustment: var(--hopscotch-column-gap);
    --hopscotch-image-gap-adjustment: 0px;

  --font-body: Inter; 
  --font-heading: Libre Franklin;
  --body-text-color: #0f1b2eff;
  --heading-text-color: #0f1b2eff;

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

  --link-color: #94aedbff;
  --link-color-hover: #ffffffff;


    --h1-size-sm: calc(36 * (1rem / 16));
    --h1-size-med: calc(40 * (1rem / 16));
    --h1-size-lg: calc(45 * (1rem / 16));
    --h2-size-sm: calc(35 * (1rem / 16));
    --h2-size-med: calc(35 * (1rem / 16));
    --h2-size-lg: calc(38 * (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: 5px;
  --body-background-color: #f3f3f3ff;
  --global-transition-duration: 0.33s;
  --input-background-color: #FFFFFF;
  --select-dropdown-arrow: url("https://rf-production-public.s3.us-east-2.amazonaws.com/websites/electrical.lighthouseelectricalservice.com/versions/20250804135038/img/form-section/dropdown-arrow.svg");
  --placeholder-text-color: #1f1f1fff;
  --input-text-color: #0f1b2eff;

  --button-font-family: Inter;
  --button-font-size: calc(18 * 1rem / 16);
  --button-font-weight: 600;
  --button-border-radius: 3px;
  --button-box-shadow: none;
  --button-padding-x: 32px;
  --button-padding-y: 16px;
    --button-text-transform: text-uppercase;
  ;
  --button-background-color: #355e9eff;
  --button-text-color: #ffffffff;
  --button-border-color: #1665a6ff;

  --button-background-color-hover: #94aedbff;
  --button-text-color-hover: #1a2f4fff;
  --button-border-color-hover: #94aedbff;

    --header-logo-max-width: 325px;
    --header-logo-max-height: 325px;
  --header-background-color: #ffffffff;
  --header-sticky-background-color: #ffffffff;
  --header-text-color: #0f1b2eff;
  --header-sticky-text-color: #0f1b2eff;
  --header-tagline-font-weight: 500;
  --header-tagline-font-size: calc(1rem / 16 * 24);

  --offersreview-background-color: #355e9eff;
  --offersreview-heading-color: #ffffffff;
  --offersreview-body-color: #ffffffff;

  --services-background-color: #355e9eff;
  --services-heading-color: #ffffff;
  --services-body-color: #ffffff;

  --services-card-background-color: #ffffff;
  --services-card-heading-color: #1a2f4fff;
  --services-card-body-color: #0f1b2eff;

  --services-cta-background-color1: #ffffffff;
  --services-cta-background-color2: #94aedbff;
  --services-cta-gradient-angle: 90deg;
  --services-cta-heading-color: #1a2f4fff;
  --services-cta-body-color: #1a2f4fff;

  --content-w-bg-heading-color: #ffffffff;
  --content-w-bg-body-color: #ffffff;
  --content-w-bg-overlay-color1: #00ccff00;
  --content-w-bg-overlay-color2: #00ccff00;
  --content-w-bg-overlay-gradient-angle: 26deg;

  --faqs-background-color: #355e9eff;
  --faqs-heading-color: #FFFFFF;
  --faqs-body-color: #FFFFFF;

  --faqs-question-bg-color1: #ffffffff;
  --faqs-question-bg-color2: #94aedb9f;
  --faqs-question-bg-gradient-angle: 90deg;
  --faqs-question-heading-color: #1a2f4fff;

  --faqs-answer-background-color: #ffffffff;
  --faqs-answer-body-color: #1a2f4fff;

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

  --form-overlay-color1: #1a2f4fff;
  --form-overlay-color2: #00ccff00;
  --form-overlay-gradient-angle: 270deg;

  --form-submit-background-color: #00ccff00;
  --form-submit-text-color: #1a2f4fff;
  --form-submit-border-color: #1a2f4fff;
  --form-submit-background-color-hover: #355e9eff;
  --form-submit-text-color-hover: #FFFFFF;
  --form-submit-border-color-hover: #355e9eff;

    --footer-logo-max-width: 250px;
    --footer-logo-max-height: 250px;
  --footer-background-color: #1a2f4fff;
  --footer-text-color: #ffffffff;
  --footer-link-color: #94aedbff;
  --footer-link-color-hover: #ffffffff;
  --footer-disclaimer-text-color: #FFFFFF80;
}

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

    .button.secondary {
        background-color: #355e9eff;
        color: #ffffff;
        border-color: #355e9eff;
    }
    .button.secondary:hover,
    .button.secondary:focus {
        background-color: #1a2f4fff;
        color: #ffffffff;
        border-color: #1a2f4fff;
    }

    #outline-btn {
                border: 2px solid 00ccff00;
    }
    #outline-btn:hover {
                border: 2px solid 00ccff00;
    }
    #banner-btn {
                background-color: #355e9e;
                color: #ffffff;
    }
    #banner-btn:hover {
                background-color: #94aedb;
                color: #1a2f4f;
    }
    button.form__submit {
                background-color: #94aedb;
    }
    .offers {
                font-size: 28px;
    }

@media screen and (max-width: 640px) {
    .page-header__logo {
                --logo-margin-top-sm: 35px !important;
    }
    .reviews {
                margin-top: 20px;
    }
}

@media screen and (min-width: 641px) {
    .reviews {
                margin-top: 45px;
    }
}

@media screen and (min-width: 1025px) {
}