:root {
    --wn-brand-cta: #D9C174;
    --wn-brand-cta-text: #111;
    --primary-color: var(--wn-brand-cta);
    --primary-25: #FEF7F6;
    --primary-50: #FDEEED;
    --primary-100: #F9D3D1;
    --primary-200: #EF918C;
    --primary-300: #EB716B;
    --primary-400: #E75149;
    --primary-500: #E1251B;
    --primary-600: #BF1F17;
    --primary-700: #9D1A13;
    --primary-800: #7C140F;
    --primary-900: #5A0F0B;
    --secondary-25: #f3f8fa;
    --secondary-50: #e7f1f4;
    --secondary-100: #cfe1e7;
    --secondary-200: #9fc1cc;
    --secondary-300: #70a0b0;
    --secondary-400: #3f788e;
    --secondary-500: #10516d;
    --secondary-600: #0e465e;
    --secondary-700: #0c3b4f;
    --secondary-800: #092f40;
    --accent1-50: #f8fbfd;
    --accent1-100: #e9f3f9;
    --accent1-200: #dfeef6;
    --accent1-300: #d0e6f2;
    --accent1-400: #c7e1ef;
    --accent1-500: #b9d9eb;
    --accent1-600: #a8c5d6;
    --accent1-700: #839aa7;
    --accent1-800: #667781;
    --accent1-900: #4e5b63;
    --accent2-50: #fffefd;
    --accent2-100: #fffcfa;
    --accent2-200: #fffbf8;
    --accent2-300: #fff9f4;
    --accent2-400: #fff8f2;
    --accent2-500: #fff6ef;
    --accent2-600: #e8e0d9;
    --accent2-700: #b5afaa;
    --accent2-800: #8c8783;
    --accent2-900: #6b6764;
    
    --nbly-h-color: var(--wn-brand-cta);
    --nbly-a-color:  var(--secondary-500);

    --nbly-button-background: var(--secondary-500);
    --nbly-button-color: white;
    --nbly-button-outline-color: var(--secondary-500);
    --nbly-use-location-button-background: var(--primary-500);
    
    --nbly-header-background: var(--primary-500);
    --nbly-header-main-menu-text: white;
    --nbly-header-upper-menu-text: white;
    --nbly-header-upper-menu-border: white;
    --nbly-header-button: var(--secondary-500);
    --nbly-header-phone: white;
    --nbly-header-logo-width: 190px;
    --nbly-header-location-color: white;
    --nbly-header-location-link-color: white;
    --nbly-header-location-menu-link-color: black;
    --nbly-header-nav-hover-color: var(--primary-500);
    --nbly-header-nav-hover-background: var(--accent1-100); 
    --nbly-header-nav-icon-color: var(--primary-500); 
    --nbly-sub-menu-background: white;

    --nbly-footer-border-color: var(--secondary-500);
    --nbly-footer-upper-background: var(--secondary-25);
    --nbly-footer-icon-width: 230px;
    --nbly-footer-phone-color: var(--secondary-500);
    --nbly-footer-phone-icon-color: var(--secondary-500);
    --nbly-lower-footer-menu-color: var(--secondary-500);

    --nbly-offer-desktop-color: white;
    --nbly-offer-desktop-background-color: var(--secondary-500);
    --nbly-offer-mobile-color: white;
    --nbly-offer-mobile-background-color: var(--secondary-500);
    --nbly-offer-icon: url('/locations/wp-content/themes/nbly/assets/images/special-offers-icon.svg') no-repeat;
    --nbly-offer-link-icon: url('/locations/wp-content/themes/nbly/assets/images/external-link.svg') no-repeat;

    --nbly-offer-color: white;
    --nbly-offer-background-color: var(--secondary-500);
    --nbly-offer-claim-color: white;
    --nbly-offer-claim-background-color: var(--primary-500);

    --nbly-review-list-h-color: var(--secondary-500);
    --nbly-review-list-source-color: var(--secondary-400);
    --nbly-review-list-card-background: var(--primary-50);

    --nbly-carousel-navigation-color: var(--secondary-500);

    --nbly-locations-button: var(--secondary-500);
    --nbly-locations-button-text: white;
    --nbly-locations-item-color: var(--secondary-500);

    --nbly-mini-cta-background: var(--secondary-500);
    --nbly-mini-cta-color: white;

    --nbly-tagline-background: var(--secondary-500);
    --nbly-tagline-color: white;

    --nbly-service-area-bottom-border: var(--secondary-500);

    --nbly-service-cards-h-color: black;
    --nbly-service-cards-max-width: 350px;

    --nbly-service-list-parent-item-color: var(--secondary-500);

    --nbly-schedule-service-h-color: var(--secondary-500);
    --nbly-schedule-service-background: var(--secondary-50);

    --nbly-headline-background-image: none;
    --nbly-headline-h-color: var(--nbly-h-color);
    --nbly-headline-background-color: var(--secondary-25);
    --nbly-headline-underline-color: var(--primary-500);

    --nbly-list-style: disc outside url('../images/check-icon-red.svg');

    --nbly-accordion-highlight-color: var(--primary-500);
}

.wp-block-wn-multi-step-form,
.wn-msf {
    --wn-msf-yellow: var(--wn-brand-cta);
}

.wp-block-wn-cta-block.has-wn-blue-background .wn-cta-block__headline {
    color: var(--wn-brand-cta);
}

.nbly-header-location {
    display: block !important;
    margin-left: unset !important;
    padding-left: 1.5rem !important;
}

.nbly-header-location div {
    border-right: none !important;
}

.nbly-header-location .nbly-header-location-tag {
    text-align: left;
}

.nbly-header-location a {
    font-size: 12px;
}

.nbly-upper-menu {
    margin-left: auto;
}

@media (min-width: 1025px) {
    .wn-header .nbly-header-logo,
    .wn-header.wn-header-scrolled .nbly-header-logo {
        max-width: 212px;
        width: 212px;
    }
}


/* Keep the mobile ArmorVue mark legible and retain its brand header color. */
@media (max-width: 1024px) {
    .wn-header,
    .wn-header.wn-header-scrolled,
    .wn-header .wn-header-mobile-container,
    .wn-header .wn-header-mobile-container .wn-header-upper-container {
        background: #10516d !important;
    }

    .wn-header .nbly-header-logo,
    .wn-header.wn-header-scrolled .nbly-header-logo {
        max-width: 170px !important;
        width: 170px !important;
    }
}