/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#layout_error .logo { background: red !important; }/*test*/
#layout_error .logo img {width: 300px !important;}
.btn-primary {
    background-color: #DACC26;
}

.btn-primary:hover {
    background-color: #000000;
    color: #DACC26;
}
a {
    color: #7a7a7a;
}

#header a:hover, 
body#checkout a:hover  {
    color: #DACC26;
}


.footer-container li a:hover {
    color: #DACC26;
}

#header .top-menu a[data-depth="0"]:hover {
    color: #DACC26;
}

.search-widget form input[type=text]:focus {
    outline: 3px solid #DACC26;
}

.search-widget form input[type=text]:focus+button .search {
    color: #DACC26;
}

.block_newsletter form input[type=email]:focus {
    border: 3px solid #DACC26;
}

a:hover, .category-name:hover  {
    color: #DACC26;
}

#products .highlighted-informations .quick-view:hover, .featured-products .highlighted-informations .quick-view:hover, .product-accessories .highlighted-informations .quick-view:hover, .product-miniature .highlighted-informations .quick-view:hover {
    color: #DACC26;
}

.block-social ul li:hover  {
    background-color: #DACC26;
}

.home_categories {
    width: 1060px;
    margin: auto;
}

.home_categories div {
    text-align: center;
    display: inline-block; 
    width: 350px;
    margin: 15px 0;
}

.home_categories img {
    width: 300px;
}

.category-name {
    color: #000000;
}

.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {
    background: #DACC26;
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin:hover, .group-span-filestyle .bootstrap-touchspin .btn-touchspin:hover, .group-span-filestyle .btn-default:hover {
    background-color: #000000;
    color: #DACC26;
}

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

.product-price {
    color: #DACC26;
}

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

.form-control:focus, .input-group.focus {
    outline: .1875rem solid #DACC26;
}

.form-control:focus {
    color: #7a7a7a;
    border-color: #DACC26;
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover {
    background-color: #000000;
    border-color: transparent;
}

.featured-products h2 
{
    font-size: 2.25rem;
}

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

#blockcart-modal .product-name {
    color: #DACC26;
}

.blockreassurance .block-icon, .blockreassurance .block-icon img, .blockreassurance .block-icon svg {
    height: 35px;
}

body#checkout section.checkout-step .address-item.selected {
    border: 3px solid #DACC26;
}

.custom-radio input[type=radio]:checked+span {
    background-color: #DACC26;
}

.page-my-account #content .links a:hover i {
    color: #DACC26;
}

@media screen and (max-width: 450px) {
    .home_categories div {
        text-align: center;
        display: inline; 
        margin: 15px 0;
    }
    
    .home_categories {
    width: unset;
    margin: auto;
    }

}