/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#header {
    border-bottom: 1px solid #cc181d;
}
 
#_desktop_logo {
    width: 30%;
}

.btn-default{
    background: #cc181d !important;
}

.header-nav {
    background-color: #cc181d;
}

.header-top-right {
    text-align: right;
}

#header .header-nav .cart-preview.active {
    background-color: #f6f6f6;
}

.add-to-cart i,
.user-info a,
.user-info i,
.user-info span,
#contact-link,
#contact-link a {
    color: #FFF !important;
}

a {
    color: #000;
}

#_mobile_contact_link #contact-link,
#_mobile_contact_link #contact-link a,
.current-price-value,
a:hover,
.myaccount-title a,
.shopping-cart,
.hidden-sm-down,
.cart-products-count,
.product-name,
.product-price {
    color: #cc181d !important;
}

.footer-container {
    border-top: 1px solid #cc181d;
    border-bottom: 10px solid #cc181d;
}

.footer-container a img {
    width: 75px;
    margin-bottom: 5.1px;
}

.btn-primary,
.product-flags li.product-flag {
    background-color: #cc181d !important;
}

.btn-primary:hover {
    background-color: #e24c51 !important;
    color: #FFF !important;
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
    color: #cc181d;
    border-bottom: 3px solid #cc181d;
}

.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: 3px solid #cc181d;
}

.block-social ul li.facebook,
.block-social ul li.facebook:hover {
    background-color: #3b579d;
}

.block-social ul li.youtube,
.block-social ul li.youtube:hover {
    background-color: #ff0000;
}

.block-social ul li.instagram,
.block-social ul li.instagram:hover {
    background-color: #d92f85;
}

.block-social {
    text-align: center;
    width: 100% !important;
}

.block-social ul {
    display: block;
}

#subcategories ul li:hover .subcategory-image a {
    border: 5px solid #cc181d;
}

@media (max-width: 767px) {
    #header {
        border-bottom: 0px;
    }

    .header-nav {
        background-color: #FFF;
    }

    .header-top {
        background-color: #cc181d !important;
    }

    .user-info a,
    .user-info i,
    .user-info span,
    #contact-link {
        color: #cc181d !important;
    }

    #footer .text-sm-center {
        padding-top: 30px;
    }
}