/*
Theme Name: Layout 9 Child
description: Client Theme - Layout 9
Template: layout-9-parent
Version: 1.0.0
Text Domain: layout-9-child
Author: BCW
*/

h1, h2, h3 {color:var(--color-2);
    margin-bottom: 20px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a:hover {
    border-bottom: 4px solid var(--color-5);
}

.logo img {filter: drop-shadow(0px 0px 3px #000)}

footer a:hover, footer a:focus, #call-to-action-bar a:hover, #call-to-action-bar a:focus, #contact-page-form textarea, #contact-page-form input {
    color: var(--color-3);
}

#brands {
    border-top: 5px solid var(--color-5);
}

.btn:hover {background:var(--color-3); color:#000;}

.location-container a {color:var(--color-2);}
.location-container a:hover {color:var(--color-5);}

#contact-page-form #gform_submit_button_1 {background:var(--color-2);}
#contact-page-form #gform_submit_button_1:hover {background:var(--color-3); color:#000;}

.store {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #000;}
.store:nth-child(2) {border-bottom:unset;}
.store a {color:var(--color-1);}
.store a:hover {color:var(--color-3);}
.phonenums {display: flex; justify-content: center; column-gap: 15px;}
.ph {    display: flex;
    justify-content: center;
    align-items: center;}




.product-inner, .products-col{ margin-top:40px;} 
ul.products li.product{
    background:var(--color-1);
    padding:10px!important;

}
li.product h2{ color: #000; }
ul.products li.product a{
    color:var(--color-4)!important;
}
ul.products li.product a.product_type_simple{
    background:#000!important;
    color:#fff;
}
.woocommerce-breadcrumb{ display:none;}

.woocommerce ul{
    display: block;
}

.swiper-container img {object-fit:cover; width:100%; max-height:400px; object-position:center;}

.logo a{
    color: #fff;
}
.mobile-logo a{
    color: #fff;
    text-align: center;
}
.logo a:hover,
.logo a:focus,
.mobile-logo a:hover,
.mobile-logo a:focus{
    color: #ce1d1b;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
    color: #ce1d1b;
}
@media screen and (max-width: 991px) {
    .mobile-list a, .nav-toggler span {color:var(--color-2);}
    .navbar-nav>li a  {
        color: var(--color-2) 
    }
}
@media screen and (max-width:1200px){
    .swiper-container img {max-height:25vw;}
}