/*
Theme Name: Harmony Child
Template: harmony-parent
Version: 1.0.0
*/


.btn:hover {color:#000 !important; background:var(--color-three) !important;}

#menu-main-menu>li {
    background: rgba(255, 25, 0, .50);
}
#menu-main-menu>li.active, #menu-main-menu>li:hover {
    background: rgba(255, 226, 0, .5);
}
#menu-main-menu>li.active a, #menu-main-menu>li:hover a {
    color: #0d9900;
}
.store {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #000;}
.store:nth-child(2) {border-bottom:unset;}
.store a {color:var(--color-one);}
.store a:hover {color:var(--color-three);}
.numline {display: block;}

.footstore {font-size: 19px;
    margin: 15px 0;}

    a.tops {
		display: block;
		position: relative;
		top: -125px;
		visibility: hidden;
	}

 .contact-info-page {background:var(--color-one);}
 .contact-info-page a {color: #fff !important;}
 .contact-info-page a:hover {color: var(--color-three) !important;}

 .gform_button {background:var(--color-one) !important; color:#fff !important;}
 .gform_button:hover {background:var(--color-three) !important; color:#000 !important;}

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

}

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

.image-carousel-section{
    padding: 40px 0;
}
.image-carousel-section .owl-carousel .owl-nav button.owl-prev,
.image-carousel-section .owl-carousel .owl-nav button.owl-next {
    font-size: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    filter: drop-shadow(4px 4px 10px rgba(0,0,0,0.5));
}
.image-carousel-section .owl-carousel .owl-nav button.owl-next {
    right: 15px;
}
.image-carousel-section .owl-carousel .owl-nav button.owl-prev {
    left: 15px;
}

@media screen and (max-width: 1200px) {
    .names {font-size: 16px;}
}

@media screen and (max-width: 991px) {
    .names {border-left:unset;}
    .contact-info.tel {
    display: block;
    }
    .banner-wrapper, .social {
        background: var(--color-one);
    }
    .navigation a {
        color: var(--color-one);
    }
    .mobstore {font-size: 15px; display: flex; justify-content: center; column-gap: 10px;}
    .mobstore .phone {text-align: center;}
}