:root {
    --wn-brand-cta: #E67627;
    --wn-brand-cta-text: #fff;
    --primary-color: var(--wn-brand-cta);
    --wn-header-background: #0067B3;
    --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: #F5F9FF;
    --secondary-50: #EBF0F8;
    --secondary-100: #CCD8ED;
    --secondary-200: #7F9DD2;
    --secondary-300: #5981C5;
    --secondary-400: #3364B8;
    --secondary-500: #003DA6;
    --secondary-600: #00348D;
    --secondary-700: #002B74;
    --secondary-800: #00225B;
    --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(--secondary-500);
    --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);
}

.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;
}

/* NewSouth brand controls */
.wn-header.wn-header-scrolled,
.wn-header.wn-header-scrolled .wn-header-desktop-container {
    background: var(--wn-header-background) !important;
}

.wn-header .wn-header-quote-btn,
body .footer-estimate a {
    background: var(--wn-brand-cta) !important;
}

.wn-header .wn-header-call-btn {
    border: 1px solid #fff !important;
    border-color: #fff !important;
    box-shadow: none !important;
    color: #fff !important;
}

.wn-header .wn-header-call-btn::before,
.wn-header .wn-header-call-btn::after {
    border: 0 !important;
    box-shadow: none !important;
}

.wn-header .wn-header-call-btn *,
.wn-header .wn-header-call-btn svg,
.wn-header .wn-header-call-btn svg * {
    color: #fff !important;
    fill: #fff !important;
}

.wn-header .nbly-header-logo {
    filter: none !important;
}

@media (min-width: 1025px) {
    .wn-header .nbly-header-logo {
        max-width: 170px !important;
        width: 170px !important;
    }
}

.wn-footer .wn-footer-upper > a img {
    filter: none !important;
}

.wn-footer .wn-footer-upper > a.wn-footer-brand-link {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
}

.wn-footer-powered-by {
    color: white;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
}

.wn-header .wn-header-quote-btn,
body .footer-estimate a,
.primary-btn,
.wp-block-button__link,
.wp-element-button,
input[type=submit] {
    color: white !important;
}


/* Keep the mobile NewSouth mark legible at the agreed header size. */
@media (max-width: 1024px) {
    .wn-header .nbly-header-logo,
    .wn-header.wn-header-scrolled .nbly-header-logo {
        max-width: 170px !important;
        width: 170px !important;
    }
}