/*
Theme Name: Esmée
Theme URI: https://esmee.qodeinteractive.com
Description: Fashion Store
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: esmee
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.4
License URI: GNU General Public License v2 or later
License: http://www.gnu.org/licenses/gpl-2.0.html
*/


.qodef-button.qodef-layout--filled.qodef-html--link,.qodef-theme-button:hover,  .qodef-theme-button, button[type=submit], input[type=submit]{
	background:#fff;
	color: #624F91;
}
.brands-template .qodef-button,.page-id-3062 .qodef-button{
	background:#624F91 !important;
	color: #fff !important;
}
.qodef-horizontal-form .wpcf7-form-control.wpcf7-submit{
	background:none !important;
}
#qodef-page-header-inner.qodef-skin--light .qodef-opener-icon.qodef-source--svg-path svg line,.qodef-opener-icon.qodef-source--svg-path .qodef-custom-svg-open line{
	stroke:#624F91 !important;
}
.no-after::after{
	display:none !important;
}
/* .qodef-header-standard--left #qodef-page-header-inner .qodef-header-navigation {
    margin-left: auto;
	margin-right:inherit;
} */
/* .no-after::after{
	display:none !important;
}
.qodef-header-standard--left .qodef-header-sticky-inner .qodef-header-navigation{
	margin-left: auto !important;
}
.qodef-header-standard--left .qodef-header-sticky-inner{
	    justify-content: space-between !important;
}
.qodef-header-standard--left .qodef-header-sticky-inner .qodef-widget-holder{
	    margin-left: 56px !important;
} */
/* .qodef-header--centered #qodef-page-header .qodef-header-logo-link{
	margin:inherit !important;
}
.qodef-header--centered #qodef-page-header-inner {
    flex-direction: row;
} */
a.pg-box{
	position:relative;
	display:block !important;
}
a.pg-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: 0;
    z-index: 1;
}
a.pg-box:hover::before{
	opacity:0.5;
}
.pg-box .elementor-widget-esmee_core_single_image {
    top: 0;
    left: 50%;
    transform: translate(-50%, 30%);
    transition: 0.3s ease all;
    visibility: hidden;
    opacity: 0;
}
.pg-box:hover .elementor-widget-esmee_core_single_image{
	opacity:1;
	transform: translate(-50%, -50%);
	visibility:visible;
}
.pg-box .elementor-widget-esmee_core_section_title{
	transition:0.3s ease all;
	position:relative;
}
.pg-box:hover .elementor-widget-esmee_core_section_title{
	opacity:0;
	visibility:hidden;
}
div#nav_menu-2 {
    margin-left: 50px !important;
}
.cp-box h2{
	display:inline-block;
	position:relative;
}
.cp-box h2 a{
	color:#fff !important;
}
.cp-box h2::after{
	
content: "";
    position: absolute;
    display: block;
    bottom: 6px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width .48s cubic-bezier(.77,0,.175,1);
}
.cp-box:hover h2::after{
	width:100%;
}
.cp-box .qodef-m-image{
	overflow:hidden;
}
.cp-box .qodef-m-image img{
	display: block;
    transform: scale(1.03) !important;
    transition: transform .88s cubic-bezier(.215,.61,.355,1) !important;
    will-change: transform;
}
.cp-box:hover .qodef-m-image img{
	transform: scale(1.001) !important;
}

.cp-box-ab .elementor-widget-esmee_core_section_title {
    position: absolute;
    top: 40%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
}

h6,p,div,li,button,.qodef-button.qodef-html--link{
	font-family: "Neue Haas Grot", Sans-serif !important;
}
h1,h2,h3,h4,h5,.qodef-interactive-link-showcase .qodef-m-item .qodef-e-title{
	font-family: 'RB Quaria Display Test' !important;
	font-weight: 400 !important;
}
.sr7-tabs-mask{
	display:none !important;
}
.elementor-widget-esmee_core_clients_list .swiper-wrapper{
	align-items:center;
}
	
.qodef--passepartout {
    background-color: #fff !important;
}
.qodef-banner.qodef-align--center .qodef-m-content .qodef-m-content-inner,.qodef-header-navigation ul li.qodef-menu-item--narrow ul{
	background:#624F91;
}
#qodef-page-footer-top-area{
	background-color: #383838;
}
.cp-box-ab img{
	aspect-ratio:1/1.2;
	object-fit:cover;
}
/* .qodef-swiper-container .swiper-slide img {
    filter: invert(1);
} */
.qodef-testimonials-list .qodef-e-background-text{
	-webkit-text-stroke-color :#fff !important;
}
.qodef-testimonials-list .qodef-e-text,.qodef-testimonials-list .qodef-e-title,.qodef-testimonials-list .qodef-e-title,.qodef-testimonials-list .qodef-e-quotes-icon,.qodef-testimonials-list .qodef-e-subtitle,.qodef-testimonials-list .qodef-e-subtitle,.qodef-swiper-pagination--on .swiper-pagination-fraction,.qodef-testimonials-list .qodef-e-author .qodef-e-author-name{
	color:#fff;
}
.swiper-button-next svg, .swiper-button-prev svg{
	    stroke: #fff;
}
.qodef-interactive-link-showcase .qodef-m-item .qodef-e-title{
	font-size: 35px;
}
.qodef-team-list.qodef-item-layout--info-below .qodef-team-member-social-icons .qodef-team-member-social-icon .qodef-team-member-social-icon-name{
	margin-left:5px;
}
#qodef-page-header .qodef-header-logo-link {
	height: 65px !important;
	    margin-top: 4px;
}
#qodef-side-area .textwidget p {
    margin: 0 0 5px !important;
}
.widget.widget_text a:after {
    bottom: 0px !important;
}
.widget.widget_esmee_core_side_area_opener .qodef-opener-icon{
	background-color: #fff;
}
#qodef-page-mobile-header .qodef-mobile-header-opener{
	background:#fff;
}
.qodef-opener-icon.qodef-source--predefined .qodef-m-line{
	background:#624F91;
}
.desktop-f-none{
	display:none;
}
/* #qodef-page-footer-top-area-inner .qodef-grid-item {
    display: none;
}
#qodef-page-footer-top-area-inner .qodef-grid-item:first-child {
        display: flex;
    width: 100%;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} */
@media (max-width:1800px){
	    .elementor-6004 .elementor-element.elementor-element-e02be9c {
        top: 15% !important;
    }
}
@media (max-width:1760px){
	.qodef-interactive-link-showcase .qodef-m-item .qodef-e-title {
			font-size: 25px;
		}
	.qodef-interactive-link-showcase .qodef-m-item{
	margin: 10px 0;
}
	.brand-home-title  .qodef-m-title{
		    position: relative;
    bottom: 50px;
	}
	.qodef-header-navigation>ul>li {
    margin: 0 10px;
}
/* 	.elementor-6004 .elementor-element.elementor-element-e02be9c{
		    top: 220px !important;
	} */
	.elementor-6004 .elementor-element.elementor-element-e02be9c{
		top: 22% !important;
	}
}
/* @media (max-width:1600px){
	.elementor-6004 .elementor-element.elementor-element-e02be9c{
		    top: 160px !important;
	}
}
@media (max-width:1400px){
	.elementor-6004 .elementor-element.elementor-element-e02be9c{
		    top: 100px !important;
	}
} */
@media (max-width:1320px){
	.qodef-header--divided #qodef-page-header .qodef-header-logo-link{
		order:1;
	}
	.qodef-divided-header-left-wrapper{
		order: 2;
    justify-content: flex-end;
	}
	.qodef-header--divided #qodef-page-header .qodef-divided-header-right-wrapper{
		    order: 3;
    width: max-content;
	}
}

@media (max-width:991px){
	div#nav_menu-2 {
    margin-left: 0px !important;
}
}
@media only screen and (max-width: 1024px) {
    .qodef-page-title {
        height: 300px !important;
    }
}
@media only screen and (max-width: 680px) {
	    .qodef-h1, h1 {
        font-size: 35px;
    }
    .qodef-h2, h2 {
        font-size: 30px;
        line-height: normal;
    }
	.qodef-testimonials-list .qodef-e-text {
    font-size: 16px;
    line-height: 20px;
}
	.qodef-swiper-container .swiper-slide img {
    height: 100px !important;
    object-fit: contain;
}
	.elementor-6004 .elementor-element.elementor-element-e02be9c {
        top: 160px !important;
    }
	#qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item,#qodef-page-footer #text-5 {
		display:none;
	}
	#qodef-page-footer-top-area .qodef-grid-inner .qodef-grid-item:first-child{
		        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
		text-align:center;
	}
	.desktop-f-none{
		display:block;
	}
	#qodef-page-footer-top-area-inner {
    padding-bottom: 0px !important;
    padding-top: 60px;
}
	.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images-holder .qodef-m-images .qodef-m-image{
		width: 100%;
        max-width: 100% !important;
	}
}