/*
custom styles for product search banner
*/
/* 
    Created on : Feb 2, 2021, 6:45:31 PM
    Author     : christel
*/

.TransparantHeader{
    background: transparent!important
}

.elementor-widget-ace-product-search-banner{
    margin-top: 0
}
.ace-product-search-banner-wrap{
    width: 100%;
    display: block;
}

.ace-product-search-banner-wrap .ace-psb-bg-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1
}

.ace-product-search-banner-wrap .ace-psb-bg-overlay video{
    box-shadow: -5px 10px 20px 0px rgba(0, 0, 0, 0.1);
    height: 100%;
    object-fit: cover;
    width: 100%
}

.ace-product-search-banner-wrap .ace-psb-bg-overlay:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000000 0% 0% no-repeat padding-box;
    mix-blend-mode: darken;
    opacity: 0.53;
}

.ace-psb-container{
    height: 100%;
    z-index: 2;
    align-items: center;
    height: 513px;
}

.ace-psb-content-wrap.light .psb-description-text,
.ace-psb-content-wrap.light .psb-headline{
    color: #fff;
    font-family: "Open Sans";
}

.ace-psb-content-wrap .psb-headline{
    color: #fff;
    font-size: 61px;
    line-height: 61px;
    font-weight: 600;
}

.ace-psb-form-wrap .product-search-field{
    width: 100%;
}

.ace-psb-description-wrap{
    margin-bottom: 30px
}

.ace-psb-content-wrap{
    width: 100%;
    margin-top: 60px;
}

.ace-psb-container .ace-psb-column{
    width: 40%
}

@media screen and ( min-width: 1440px ){
    .elementor-section.elementor-section-boxed>.elementor-container.ace-psb-container{
        max-width: 1390px;
    }
}


@media screen and ( max-width: 1100px ){
    .ace-psb-content-wrap{
        margin: 80px 15px 40px
    }
    
    .ace-psb-container{
        height: 580px;
    }
    
    .ace-psb-content-wrap .psb-headline {
        font-size: 48px;
        line-height: 1.2;
    }
    
    .ace-psb-container .ace-psb-column{
        width: 50%
    }
}

@media screen and ( max-width: 767px ){
    .ace-psb-content-wrap .psb-headline{
        font-size: 42px;
        line-height: 1.2;
    }
    
    .ace-psb-container .ace-psb-column{
        width: 100%
    }
}