/*
Theme Name: Flatsome Child
Description: Code by CODE-WP.COM
Author: UX Themes
Template: flatsome
Version: 3.4
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


h3.section-title.section-title-center {
    /* background: url(images/heading-brush.png); */
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: unset;
    height: 100px;
}
ul#header-contact li a {
    font-size: 18px;
    gap: 10px;
    font-weight: 400;
}
ul#header-contact a:after {
    position: relative;
    content: "";
}
h3.section-title.section-title-center b {
    background: unset;
    height: 0px;
}
.custom-font-h3 h3 {
    font-weight: 500;
    font-size: 40px;
}
.absolute-footer.dark.medium-text-center.text-center {
    display: none;
}
li.html.custom.html_topbar_right .gtranslate_wrapper a {
    color: #fff;
    font-size: 16px;
}
ul.listhead {
    display: flex;
    list-style-type: none;
    margin: 0px;
}
ul.listhead li a {
    display: flex;
    gap: 5px;
    align-content: center;
    align-items: center;
}
ul.listhead li a i {
    font-size: 30px;
    color: #bbbcbf;
}
ul.listhead li a p {
    font-size: 13px;
}
input#woocommerce-product-search-field-0 {
    border-radius: 5px;
    box-shadow: unset;
    height: 50px;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    padding: 7px;
    border-radius: 5px;
    position: relative;
    left: -5px;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-divided.nav-size-medium.nav-spacing-xlarge.nav-uppercase li.active {
    background: #808080;
    padding: 0px 10px;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-divided.nav-size-medium.nav-spacing-xlarge.nav-uppercase li.active a {
    color:#fff;
}
.is-divider {
    display: none;
}
.header-bottom {
    background-color: #a7a9ac !important;
}
.products .product-small.box img {
    height: 250px;
    object-fit: cover;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    #logo img {
        max-height: 70px;
        padding: 10px;
    }
    h3.section-title.section-title-center {
        /* background: url(images/heading-brush.png); */
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-color: unset;
        height: 100px;
    }

    .custom-font-h3 h3 {
        font-weight: 500;
        font-size: 30px;
    }
    li.html.custom.html_topbar_right .gtranslate_wrapper a {
        color: #000;
        font-size: 16px;
    }
	.products .product-small.box img {
		height: 200px;
		object-fit: cover;
	}
	.child-product-cats {
		display: flex;
		flex-wrap: nowrap !important;
		gap: 20px;
	}

}