/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #header{ background: #cc0000 !important; color: #fff;}

#header a:hover {
    color: #333 !important;
    text-decoration: none;
}

 #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
    color: #fff !important;
}

#header .header-nav .blockcart {
    height: 3rem;
    padding: .75rem;
    margin-left: .9375rem;
    text-align: center;
    white-space: nowrap;
	background: #cc0000;}
#header .header-nav .cart-preview .shopping-cart {
    color: #fff;
}

.dropdown .expand-more {
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i, .dropdown:hover .expand-more, .page-my-account #content .links a:hover i, .search-widget form button[type=submit] .search:hover, .top-menu .sub-menu a:hover {
    color: #333;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #333 !important;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

#search_widget form input {
    width: 100%;
    padding: 10px 20px 10px 40px;
    outline: none;
    background-color: #333;
    border: none;
    border-radius: 5px;
    /* opacity: 0.3; */
}



.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #ff0000;
	border-color: transparent;}

.btn-primary {
    color: #fff;
    background-color: #cc0000;
    border-color: transparent;
}
.btn-primary:hover {
    color: #fff;
    background-color: #ff0000;
    border-color: transparent;
}

#header .top-menu a[data-depth="0"], a {
    color: #cc0000 !important;
    text-decoration: none;
}

#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #ff0000 !important;
    text-decoration: none;
}
#header .top-menu a[data-depth="1"] {
	color: #cc0000 !important;
}
#header .top-menu a[data-depth="1"] :hover, a:hover {
    color: #ff0000 !important;
}

.block_newsletter form input[type=email] {
    width: 100%;
    padding: 11px;
    border: 1px solid #cc0000;
}
body#checkout a:hover {
    color: #ff0000;
}
#header .header-nav .cart-preview.active {
    background: #cc0000;
}
.product-price {
    display: inline-block;
    max-width: 100%;
    color: #ff0000;
}

.product-flags li.product-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .3125rem .4375rem;
    margin-top: .625rem;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    word-break: break-word;
    pointer-events: auto;
    background: #cc0000;
}
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: #cc0000 3px solid;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border: 0;
    border-bottom: #cc0000 3px solid;
}
.tabs .nav-tabs .nav-link.active {
    color: #cc0000;
}
body#checkout section.checkout-step.-reachable.-current .step-number {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    margin-right: .65rem;
    font-size: 1rem;
    color: #fff;
    vertical-align: middle;
    background-color: #ff0000;
    border: 0;
    border-radius: 50%;
}
.bg-success {
    background-color: #ff0000 !important;
}
.block-contact .block-contact-title, a {
    color: #232323 !important;
}
.product-miniature .thumbnail-container {
    box-shadow: 2px 2px 8px 0 #cc0000;
}
#wrapper .breadcrumb li a {
    color: #7a7a7a !important;
}
#wrapper .breadcrumb li a:hover {
    color: #cc0000 !important;
}
#subcategories ul li:hover .subcategory-image a {
    padding: 5px;
    border: 5px solid #cc0000;
}
.dropdown-menu {
    background-color: #cc0000;
}