/* Stereo Electronics brand layer for the selected Electro template pages. */
:root {
    --yellow: #d5a51c;
    --primary: #d5a51c;
    --dark: #243746;
    --blue: #126a9c;
    --secondary: #607384;
    --gray-1: #f5f7f9;
    --gray-13: #f3f6f8;
    --gray-14: #e7edf1;
}

body {
    color: #243746;
}

a,
.text-blue,
.text-primary {
    color: #126a9c;
}

a:hover,
.text-blue:hover {
    color: #0b4c72;
}

.bg-primary {
    background-color: #243746 !important;
    color: #fff;
}

.badge-primary,
.btn-primary {
    background-color: #d5a51c !important;
    border-color: #d5a51c !important;
    color: #17232d !important;
}

.u-header__navbar-nav .nav-link.u-header__nav-link {
    background: transparent !important;
    color: #fff !important;
}

.d-none.d-xl-block.bg-primary > .container,
.d-none.d-xl-block.bg-primary .min-height-45,
.d-none.d-xl-block.bg-primary .u-header__navbar,
.d-none.d-xl-block.bg-primary .navbar-collapse {
    background-color: #243746 !important;
}

.d-none.d-xl-block.bg-primary .u-header__navbar-nav .nav-link.u-header__nav-link {
    color: #fff !important;
}

.u-header__navbar-nav .nav-link.u-header__nav-link:hover,
.u-header__navbar-nav .nav-link.u-header__nav-link:focus {
    background: rgba(255,255,255,.08) !important;
    color: #f3d77e !important;
}

.bg-primary-down-lg {
    background-color: #fff !important;
}

.bg-gray-1 {
    background-color: #fff !important;
}

.u-header-topbar__nav-item-border::after {
    border-color: rgba(255,255,255,.22) !important;
}

.border-primary,
.form-control:focus {
    border-color: #d5a51c !important;
}

.text-primary,
.border-color-1::after,
.section-title::after,
.u-header-topbar__nav-item-border::after {
    color: #b38712;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #bd8f12 !important;
    border-color: #bd8f12 !important;
    color: #fff !important;
}

.u-header-topbar {
    background: #243746;
    color: #edf2f5;
}

.u-header-topbar a,
.u-header-topbar .u-header-topbar__nav-link {
    color: #edf2f5;
}

.u-header-topbar a:hover {
    color: #f3d77e;
}

.u-header__section,
.u-header__navbar-brand,
.u-header__navbar {
    background-color: #fff;
}

.u-header__navbar-brand[aria-label="Stereo Electronics"] {
    display: inline-flex;
    align-items: center;
    min-width: 220px;
    min-height: 52px;
    text-decoration: none;
}

.u-header__navbar-brand .stereo-logo {
    display: block;
    width: 242px;
    height: auto;
    max-width: none;
}

footer .pt-8 .col-lg-5 .mb-6 > a > svg {
    display: none !important;
}

footer .pt-8 .col-lg-5 .mb-6 > a::after {
    content: url('../images/stereo-electronics-logo.svg');
    display: block;
    width: 205px;
    height: 48px;
}

@media (max-width: 575.98px) {
    .u-header__navbar-brand .stereo-logo {
        width: 195px;
    }
}

.u-header__navbar-nav .nav-link.u-header__nav-link {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.section-title::after,
.border-color-1::after {
    background-color: #d5a51c;
}

.product-item,
.bg-gray-1,
.border {
    border-color: #e4e9ee !important;
}

input.form-control,
select.form-control,
textarea.form-control {
    border-radius: 6px;
}

@media (max-width: 767.98px) {
    .storefront-mainnav {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
    }
}

.storefront-home-hero { background: linear-gradient(110deg, #f5f7f9 0%, #ffffff 65%, #eaf0f4 100%); }
