/*
Template:       veres
Theme Name:     Veres Child
Theme URI:      http://themeforest.net/user/LaStudio/portfolio?ref=LaStudio
Author:         LA Studio
Author URI:     http://themeforest.net/user/LaStudio?ref=LaStudio
Description:    Veres - Handmade Soap & Candles Shop
Version:        1.0.0
Requires at least: 4.4
Requires PHP: 5.6
Tags:           beauty, beauty products, beauty products woocommerce, beauty shop, clean, cosmetic, Cosmetic store, Cosmetics shop, ecommerce, ecommerce theme, modern, shop, store, woocommerce, woocommerce theme
License: 		    GNU General Public License
License URI: 	  licence/GPL.txt
Text Domain:    veres-child
Domain Path:    /languages/
*/


.banner-slider {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.banner_cont {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 94px;
    max-width: 750px;
}

.banner_cont h3 {
    color: #FFFFFF;
    font-family: "orpheuspro", Sans-serif;
    font-size: 74px;
    font-weight: normal;
    line-height: 1em;
}

.shop-btn a{
    font-size: var( --e-global-typography-15151ad-font-size );
    font-weight: var( --e-global-typography-15151ad-font-weight );
    text-transform: var( --e-global-typography-15151ad-text-transform );
    line-height: var( --e-global-typography-15151ad-line-height );
    letter-spacing: var( --e-global-typography-15151ad-letter-spacing );
    word-spacing: var( --e-global-typography-15151ad-word-spacing );
    flex-direction: row;
    gap: 5px;
    padding: 20px 30px 20px 30px;
    color: var( --e-global-color-c4781b8 );
    background-color: #FFFFFF;
    width: fit-content;
    border:2px solid #222222;
    transition: :0.6s;
}

.shop-btn a:hover {
	background:#db572e !important;
	color:#fff !important;
}

.banner_cont p {
    color: #fff;
    margin-bottom:10px;
}

.banner-slider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}



.banner-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.banner-slider .owl-dots .owl-dot span {
    border: 1px solid #fff;
    background: transparent !important;
    width: 8px;
    height: 8px;
    transition:0.6s;
}

.banner-slider .owl-dots .owl-dot.active span {
    background: #fff !important;
    width: 12px;
    height: 12px;
}

@media (max-width:767px){
	.banner_cont {
        position: absolute;
        top: 120px;
        transform: translatey(0%);
        left: 25px;
        max-width: 100%;
    }
	.banner_cont h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 5px;
    }
	.banner-slider {
	    position: relative;
	    height: auto;
	    overflow: hidden;
	    padding-bottom: 40px;
	}
		.banner_cont p {
		color: #fff;
		font-size: 13px;
		margin-bottom: 20px;
	}
	.shop-btn a {
		padding: 10px 20px;
	}
    .banner-image {
    height: 300px;
   }
}