/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*****  Style for header ****/
main#main {
    padding-bottom: 400px;
    position: relative;
    z-index: 1;
}
main#main::after{
    background-image: url('assets/images/page-footer-shape.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    background-size: contain;
    content: "";
    height: 400px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.header-bg-container {
    display: none;
}

.header-main .nav > li > a {
}

.header-bottom .nav-spacing-xlarge > li {
    margin: 0 15px;
}

.header-wrapper.stuck {
    background-color: #fff;
}

.header-wrapper.stuck .nav > li > a,
.header-wrapper.stuck .header-bottom-nav.nav > li > a {
    color: #3B3B3B !important;
}

.header-wrapper.stuck .nav > li > a:hover,
.header-wrapper.stuck .header-bottom-nav.nav > li > a:hover {
    color: #a70a13 !important;
}

@media (min-width: 1200px) {
    .header-bottom .nav-spacing-large > li {
        margin: 0 25px;
    }

    .header-bottom .nav-spacing-xlarge > li {
        margin: 0 30px;
    }

    .header-bottom .nav {
        padding-top: 15px;
    }
}

/*****  Style for Footer ****/
footer.footer-wrapper {
    background-color: #1a1a1a !important;
    padding-top: 60px;
}
footer.footer-wrapper .section.dark {
    background-color: transparent !important;
}


footer.footer-wrapper .row.footer-content-wrapper {
    background-image: url('assets/images/image-footer-bg.png');
    background-repeat: no-repeat;
    background-size: 100px;
    background-position: bottom right;
}

@media (min-width: 1200px) {
    footer.footer-wrapper {
        padding-top: 120px;
    }
    footer.footer-wrapper .row.footer-content-wrapper {
        background-size: 180px;
        background-position: bottom -30px right;
    }

}

/* Style for Home page */

.what-makes-us-different {
    position: relative;
}

.what-makes-us-different::before,
.what-makes-us-different::after {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    content: "";
    position: absolute;
    top: 0;
    width: 20%;
    height: 100%;
    z-index: 2;
}

.what-makes-us-different::before {
    background-image: url('assets/images/image-what-makes-us-different-bg_01.png');
    left: 0;
}

.what-makes-us-different::after {
    background-image: url('assets/images/image-what-makes-us-different-bg_03.png');
    right: 0;
}

.what-makes-us-different > .e-con-inner {
    z-index: 3;
}

/* 	Our services list */
.our-services-bg .elementor-widget-container{
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
}

.our-services-list {
}

.our-services-list > .elementor-element {
    padding-top: 30px;
    padding-bottom: 30px;
}

.our-services-list > .elementor-element .elementor-widget-text-editor h4 {
    font-size: 20px;
}

.our-services-list > .elementor-element:hover {
    background-image: url('assets/images/image-our-service-item-bg.png');
    background-position: center;
    background-position: center;
    background-color: #333333;
    background-size: cover;
    color: #fff;
}

.our-services-list > .elementor-element:hover .elementor-widget-text-editor,
.our-services-list > .elementor-element:hover .elementor-widget-text-editor h2,
.our-services-list > .elementor-element:hover .elementor-widget-text-editor h3,
.our-services-list > .elementor-element:hover .elementor-widget-text-editor h4,
.our-services-list > .elementor-element:hover .elementor-widget-text-editor p {
    color: #fff;
}

.shop-page-title.featured-title ,
.category-page-title.featured-title  {
    min-height: 360px;
    padding: 100px 0;
}

.shop-page-title.featured-title .shop-page-title {
    background-image: url('assets/images/home-banner-title-border.png');
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 30px 0px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 245px auto;
}
@media (min-width: 1200px) {
    .shop-page-title.featured-title .shop-page-title {
        font-size: 55px;
    }
}
.featured-title .woocommerce-result-count,
.featured-title .woocommerce-ordering{
    display: none;
}


.product-quantity {}
.product-quantity .variation-qty {
	 display: flex;
    justify-content: center;
    font-weight: 600;
}