/*!* MRE Theme  v12.07.24:02*/

/* Mr Electric Theme Config Start*/
:root{
    --primary-25: #F5F9FD;
    --primary-50: #EBF3FB;
    --primary-100: #CCE1F4;
    --primary-200: #7FB4E2;
    --primary-300: #599EDA;
    --primary-400: #3388D1;
    --primary-500: #006AC6;
    --primary-600: #005AA8;
    --primary-700: #004A8B;
    --primary-800: #003A6D;
    --primary-900: #002A4F;

    --secondary-50: #FEFBEB;
    --secondary-100: #FCF3CC;
    --secondary-200: #F7E17F;
    --secondary-300: #F6D859;
    --secondary-400: #F4D033;
    --secondary-500: #F1C400;
    --secondary-600: #CDA700;
    --secondary-700: #A98900;
    --secondary-800: #856C00;
    --secondary-900: #604E00;
}

/* Mr Electric Theme Config - End */

/* --------------------- PRIMARY AND SECONDARY HEADER COLOR CSS --------------------------- */
.primary-header .brand-header-mob {
    background-color: var(--primary-500);
}
.primary-header .mobile-menu-logo .mobile-sidebar-drawer .nav-arrow-img {
    --gray-900: white;
}
.primary-header .find-local-mobile .icon {
    --primary-500: white;
}
.primary-header .find-local-mobile,
.primary-header .find-local-mobile .local-address {
    color: white;
}
.primary-header .header-cta-mobile .primary-btn {
    background-color: var(--secondary-500);
    color:  var(--primary-900);
}
.primary-header .header-cta-mobile .primary-btn svg {
    --white: var(--primary-900);
}

.secondary-header .mobile-menu-logo .mobile-sidebar-drawer .nav-arrow-img {
    --gray-900: var(--primary-900);
}
.secondary-header .find-local-mobile .icon {
    --primary-500: var(--primary-900);
}
.secondary-header .find-local-mobile,
.secondary-header .find-local-mobile .local-address {
    color: var(--primary-900);
}
.secondary-header .brand-header-mob {
    background-color: var(--secondary-500);
}
.secondary-header .header-cta-mobile .primary-btn {
    background-color: var(--primary-500);
    color: white;
}
.secondary-header .header-cta-mobile .primary-btn svg {
    --white: white;
}

@media screen and (min-width: 1024px) { 
    .primary-header .brand-header,
    .primary-header .nav-content-wrapper,
    .primary-header .brand-header-local,
    .primary-header .brand-header-mob {
        background-color: var(--primary-500);
    }
    .primary-header .nav-link,
    .primary-header .brand-header .find-local,
    .primary-header .brand-cta-list .brand-cta-item .brand-cta,
    .primary-header .main-nav-content .call-cta,
    .primary-header .main-nav-content .header-cta-wrap .header-cta-subtext,
    .primary-header .local-location,
    .primary-header .brand-header-local .find-local,
    .primary-header .form-call-cta {
        color: white;
    }
    .primary-header .brand-header .find-local svg,
    .primary-header .brand-header-local .find-local svg {
        --primary-500: white;
    }
    .primary-header .brand-cta-list .brand-cta-item .brand-cta,
    .primary-header .brand-cta-list .brand-cta-item,
    .primary-header .local-location,
    .primary-header .brand-header-local {
        border-color: white;
    }
    .primary-header .primary-btn {
        background-color: var(--secondary-500);
        color: var(--primary-900);
    }
    .primary-header .primary-btn svg {
        --white: var(--primary-900);
    }

    .secondary-header .brand-header,
    .secondary-header .nav-content-wrapper,
    .secondary-header .brand-header-local,
    .secondary-header .brand-header-mob {
        background-color: var(--secondary-500);
    }
    .secondary-header .nav-link,
    .secondary-header .brand-header .find-local,
    .secondary-header .brand-cta-list .brand-cta-item .brand-cta,
    .secondary-header .main-nav-content .call-cta,
    .secondary-header .main-nav-content .header-cta-wrap .header-cta-subtext,
    .secondary-header .brand-header-local .find-local,
    .secondary-header .local-location,
    .secondary-header .form-call-cta {
        color: var(--primary-900);
    }
    .secondary-header .primary-btn {
        background-color: var(--primary-500);
        color: white;
    }
    .secondary-header .primary-btn svg {
        --white: white;
    }
    .secondary-header .brand-header .find-local svg,
    .secondary-header .brand-header-local .find-local svg {
        --primary-500: var(--primary-900);
    }
    .secondary-header .brand-cta-list .brand-cta-item .brand-cta,
    .secondary-header .brand-cta-list .brand-cta-item,
    .secondary-header .local-location,
    .secondary-header .brand-header-local {
        border-color: white;
    }

    .primary-header .main-nav-warpper {
        background-color: var(--primary-500);
    }
    .primary-header .main-nav-warpper {
        border-color: white;
    }
    .secondary-header .main-nav-warpper {
        background-color: var(--secondary-500);
    }
    .secondary-header .main-nav-warpper {
        border-color: white;
    }
}
/* --------------------- PRIMARY AND SECONDARY HEADER COLOR CSS --------------------------- */

.hero-banner .wysiwyg .cta-wrapper a.primary-btn {
    color: var(--white);
}
.hero-banner .wysiwyg .cta-wrapper a.secondary-btn {
    color: var(--primary-900);
}
.secondary-btn svg {
    --white: var(--primary-900);
}
.replacement-block .replacement-section .replacement-text a{
    color: var(--primary-500);
}