/* Keep the ecommerce subdomain on the same Ve R Mobility palette as the main site. */
:root {
    --vrm-ink: #050748;
    --vrm-blue: #145da0;
    --vrm-blue-dark: #0d477e;
    --vrm-orange: #ffbd84;
    --vrm-cyan: #00aded;
}

.header-icon,
.user-menu i {
    color: var(--vrm-ink);
}

header.header {
    background: var(--vrm-blue) !important;
    margin-top: 0;
    box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.08);
}

#menu-main-menu > li {
    border-left-color: rgba(255, 189, 132, 0.55);
}

#menu-main-menu li a {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 12px;
}

#menu-main-menu li ul li a {
    color: var(--vrm-ink);
    background: #fff;
}

#menu-main-menu > li:hover > a,
#menu-main-menu a.active {
    color: #fff !important;
    background: var(--vrm-blue-dark) !important;
}

#menu-main-menu li ul li:hover > a {
    color: var(--vrm-ink);
    background: #f7f8fc;
}

.stellarnav.mobile.left > ul,
.stellarnav.mobile.right > ul {
    background: var(--vrm-blue) !important;
}

.stellarnav.mobile.left .close-menu,
.stellarnav.mobile.right .close-menu,
.stellarnav .icon-close,
.stellarnav.mobile li a {
    color: #fff;
}

.stellarnav.mobile ul ul {
    background: #f7f8fc !important;
}

.stellarnav .menu-toggle span.bars span,
.stellarnav .icon-close::before,
.stellarnav a.dd-toggle .icon-plus::after,
.stellarnav a.dd-toggle .icon-plus::before {
    background: var(--vrm-ink) !important;
    border-color: var(--vrm-ink) !important;
}

footer h6,
footer ul li a,
.social-icons-list li span.fa {
    color: var(--vrm-ink);
}

footer h6:after {
    border-top-color: var(--vrm-orange);
}

.btn-default {
    background-color: var(--vrm-orange);
    border-color: var(--vrm-orange);
}

.btn-default:hover,
.blog-details button:hover {
    background: var(--vrm-ink);
}

.career-apply,
.add-to-cart button,
#exampleModal button.btn,
.quote_confirm a,
.btn-cart-gocart,
.sign_up button,
.active_gender,
.bottom_submit,
.have-coupon button,
.checkout-page .col-md-5 .order-summary form input[type="submit"],
.deliver_address,
.manage-address-main .form button,
.order-sucesful .col-md-8 a {
    background: var(--vrm-orange);
}

.speakers-main .box .text .btn-primary {
    background: var(--vrm-ink);
    border-color: var(--vrm-ink);
}

.speakers-modal .modal .modal-header {
    background: var(--vrm-blue);
}

.dowl_file li.full_wid a,
#button.myButton i,
.quote_confirm h3,
.page_heading h1,
.sign_up h4,
.profile-main .txt-box h3,
.profile-main .form-group label,
.order-sucesful .col-md-8 h2 span,
.order-sucesful .col-md-8 h4 span,
.order-details h4 {
    color: var(--vrm-ink);
}

.user_addresse_box {
    border-left-color: var(--vrm-orange);
}

.user_addresse_box input[type="radio"]:checked:after {
    background-color: var(--vrm-orange);
    border-color: var(--vrm-orange);
}

.profile-main .btn.gold.text-uppercase:hover {
    background: var(--vrm-ink);
}

.signing input[type="submit"] {
    border-color: var(--vrm-orange) !important;
    color: var(--vrm-ink);
}

.t_order {
    border-top-color: var(--vrm-orange);
    border-bottom-color: var(--vrm-orange);
}

.hero-banner {
    position: relative;
    overflow: hidden;
    background: #145da0;
}

.hero-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: rgba(20, 93, 160, 0.28);
}

.hero-banner #banner {
    position: relative;
    z-index: 1;
}

.checkout-page .col-md-4 h6,
.product-page h1,
.product-page h3,
.accordion .card .card-header h5 .btn.btn-link,
.accordion .card-body li a,
.contact-main h2,
.page-breadcrumb a,
.about h2,
.partners h3,
.find_dealer h2,
#dealer-list .dealer-box h5,
#category-list h5 {
    color: var(--vrm-ink);
}