/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#footer{ background: black !important; }
#header .menu, #header .menu > ul > li {
text-align: center !important;
    display: block !important;
}
.block-categories.hidden-sm-down {display: none !important;}

#_desktop_logo {
text-align: center
}

#_desktop_logo a{
display: inline-block;
}

#header .logo {
	max-height: 250px !important;	}
	
#header .header-top a {
	color: black !important;
}
#header .header-top a:hover {
  color: grey !important;
}

.sf-menu > li:last-child > a {
  color:red!important;
}

/* mobile */
#_mobile_logo {
text-align: center;
}

@media (max-width: 767px){
#header .header-nav .top-logo a img {
	max-height: 120px !important;	}
	}
	
.btn-primary {
    background-color: #CD6155;
}

.product-price {
    color: #CD6155;
}

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

.tabs .nav-tabs .nav-link.active {
    color: #CD6155;
}

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

#product-modal .modal-content .modal-body .product-images img:hover {
    border: 3px solid #CD6155;
}

.out-of-stock-label {
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    padding: 20px 0;
    background: rgba(255,255,255,.9);
    text-align: center;
    opacity: .9;
}

.product-flags li.product-flag, .product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
  background: black;
}

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