/**
 * Theme Name:     Maison Lieme
 * Author:         Dev Maison Lieme
 * Template:       hello-elementor
 * Text Domain:	   maison-lieme
 * Description:    Maison Lieme - Child Theme.
 */

.overflow-hidden{
    overflow: hidden !important;
}

/******************************************** COMMON ICON-WRAPPER START ********************************************/
.common-icon-wrapper .elementor-icon-wrapper,
.common-icon-wrapper .elementor-menu-cart__wrapper{
    display: flex !important;
}
.common-icon-wrapper a.elementor-menu-cart__toggle_button:hover{
    border: none !important;
}
.common-icon-list-title .elementor-icon-list-icon svg{
    height: 46px !important;
}
/******************************************** COMMON ICON-WRAPPER END ********************************************/

/******************************************** COMMON BUTTON START ********************************************/
.common-button a{
    outline: 1px solid #EBD2AE;
    background: linear-gradient(180deg, #B18735 0%, #B18735 100%) !important;
    box-shadow:                        
    0 0 10px 0 #CDB799 inset,                            
    0 109px 30px 0 rgba(211, 190, 160, 0.00),                            
    0 70px 28px 0 rgba(211, 190, 160, 0.03),                        
    0 39px 23px 0 rgba(211, 190, 160, 0.10),                            
    0 17px 17px 0 rgba(211, 190, 160, 0.17),                            
    0 4px 10px 0 rgba(211, 190, 160, 0.20) !important;
    transition: 0.6s ease-in-out !important;
    -webkit-transition: 0.6s ease-in-out !important;
    -moz-transition: 0.6s ease-in-out !important;
    -ms-transition: 0.6s ease-in-out !important;
    -o-transition: 0.6s ease-in-out !important;
}
.common-button a:hover{
    background: linear-gradient(180deg, #FFF 0%, #FFF 100%) !important;
    background-position: 0 100% !important;
    box-shadow: 
        0 0 10px 0 #CDB799 inset, 
        0 109px 30px 0 rgba(211, 190, 160, 0.00),
        0 70px 28px 0 rgba(211, 190, 160, 0.03),
        0 39px 23px 0 rgba(211, 190, 160, 0.10),
        0 17px 17px 0 rgba(211, 190, 160, 0.17),
        0 4px 10px 0 rgba(211, 190, 160, 0.20) !important;
}
/******************************************** COMMON BUTTON END ********************************************/

/******************************************** COMMON PARAGRAPH STYLE START ********************************************/
.common-details p:last-child,
.product-highlight-loop-item-product-price p:last-child{
    margin-bottom: 0 !important;
}
/******************************************** COMMON PARAGRAPH STYLE END ********************************************/


/******************************************** COMMON BANENR SHAPE START ********************************************/
.common-banner-shape{
    width: 100% !important;
    height: 100% !important;
}
/******************************************** COMMON BANENR SHAPE END ********************************************/

/******************************************** COMMON BANNER START ********************************************/
.common-banner-title img{
    width: 30px;
    height: 46px;
    position: absolute;
    top: 50px;
    margin-left: 15px;
}
.common-banner-title span{
    display: block !important;
    color: #D798B9 !important;
    margin-top: -48px;
}
.contact-page-title img{
    width: 30px;
    height: 46px;
    position: absolute;
    top: 50%;
    margin-left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
/******************************************** COMMON BANNER END ********************************************/


/******************************************** COMMON BREADCRUMBS START ********************************************/
.common-breadcrumb li:not(:last-child)::before{
    content: '' !important;
    width: 20px;
    height: 20px;
    position: absolute;
    background: url('./assets/images/maison-breadcrumb-icon-svg.svg') no-repeat;
    left: 100%;
    margin-left: 10px;
}

.common-breadcrumb li a span{
    opacity: 0.5;
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
}
.common-breadcrumb li a:hover span{
    opacity: 1;
}
/******************************************** COMMON BREADCRUMBS END ********************************************/



/******************************************** HEADER START ********************************************/
.header-icon-hover a path{
    transition: all 0.3s ease-in-out !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
}
.header-icon-hover a:hover svg path{
    fill: #E0C27F;
}
.header-main-block .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown{
    z-index: 999999;
}
body:has(.header-main-block .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown) .header-menu .elementor-menu-toggle,
body:has(.header-main-block .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown) .h-logo-block{
    z-index: 0 !important;
}
.header-menu .elementor-nav-menu li a{
    position: relative !important;
    display: inline !important;
}
.header-menu .elementor-nav-menu li a::before,
.footer-menu .elementor-nav-menu li a::before{
    content: '' !important;
    position: absolute !important;
    left: -12px !important;
    width: 6px !important;
    height: 6px !important;
    background: #ffffff !important;
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
    margin: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    opacity: 1 !important;
}
.header-menu .elementor-nav-menu li a:hover::before,
.header-menu .elementor-nav-menu li a.elementor-item-active::before,
.footer-menu .elementor-nav-menu li a:hover::before,
.footer-menu .elementor-nav-menu li a.elementor-item-active::before{
    background-color: #E0C27F !important;
}
.header-menu  .elementor-menu-toggle{
    padding: 0;
}
.header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container{
    position: fixed !important;
    top: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    bottom: 0 !important;
    height: 100% !important;
    overflow: auto;
    background: #000000 !important;
    padding: 250px 0px 250px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-menu .elementor-menu-toggle{
    z-index: 9999;

}
.header-menu .elementor-menu-toggle .elementor-menu-toggle__icon--open svg line{
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.header-menu .elementor-menu-toggle .elementor-menu-toggle__icon--open:hover svg line{
    stroke: #D798B9 !important;
}
.header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu li:not(:last-child){
    margin-bottom: 20px;
}

.fixed-header::before{
    content: '' !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #000000 !important;
}
.fixed-header::after{
    content: '' !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('./assets/images/header-bg.png') no-repeat !important;
    background-size: 100% 100% !important;
}
/******************************************** HEADER END ********************************************/


/******************************************** HOME PAGE START ********************************************/
.hero-banner-shape,
.our-client-shape{
    width: 100% !important;
    height: 100% !important;
}
.hero-title span{
    display: block;
    margin-top: -47px;
    padding-left: 200px;
    white-space: nowrap;
    color: #D798B9;
}
.hero-title img{
    margin-left: 15px;
    padding-bottom: 20px;
}
.hero-banner-right-block{
    position: relative !important;
    height: fit-content !important;
}
.product-highlight-loop-item .product-featured-img a{
    width: 100% !important;
}
.product-highlight-loop-item .product-featured-img a img{
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.product-highlight-loop-item .product-featured-img a:hover img{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.product-featured-img::after {
    content: '' !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    opacity: 0.3;
    pointer-events: none;
}
.product-highlight-loop-item-title a{
    position: relative !important;
}
.product-highlight-loop-item-title a::after{
    content: '' !important;
    width: 0;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.product-highlight-loop-item-title a:hover::after{
    width: 100%;
}
.product-highlight-slider .swiper-slide-next .product-featured-img img{
    border-radius: 200px 0 0 0;
    -webkit-border-radius: 200px 0 0 0;
    -moz-border-radius: 200px 0 0 0;
    -ms-border-radius: 200px 0 0 0;
    -o-border-radius: 200px 0 0 0;
}
/******************************************** HOME PAGE END ********************************************/

/******************************************** CONTACT PAGE START ********************************************/

.c-google-map,
.c-google-map .elementor-custom-embed,
.c-google-map .elementor-custom-embed iframe{
    height: 100% !important;
}


/******************************************** CONTACT PAGE END ********************************************/


/******************************************** FOOTER START ********************************************/

.footer-shape{
    width: 100% !important;
    height: 100% !important;
}

.footer-social-medias .elementor-icon-list-item a{
    width: 22px !important;
}
.footer-social-medias .elementor-icon-list-item svg{
    margin: 0 !important;
}
.footer-menu .elementor-nav-menu li a:first-child{
    margin-left: 13px;
}
.news-letter-form form input{
    padding: 16px 15px !important;
}
.news-letter-form form button,
.contact-form form button{
    outline: 1px solid #EBD2AE;
    background: linear-gradient(180deg, #B18735 0%, #B18735 100%) !important;
    box-shadow:                
    0 0 10px 0 #CDB799 inset,                    
    0 109px 30px 0 rgba(211, 190, 160, 0.00),                    
    0 70px 28px 0 rgba(211, 190, 160, 0.03),                
    0 39px 23px 0 rgba(211, 190, 160, 0.10),                    
    0 17px 17px 0 rgba(211, 190, 160, 0.17),                    
    0 4px 10px 0 rgba(211, 190, 160, 0.20) !important;
    transition: all 0.6s ease-in-out !important;
    -webkit-transition: all 0.6s ease-in-out !important;
    -moz-transition: all 0.6s ease-in-out !important;
    -ms-transition: all 0.6s ease-in-out !important;
    -o-transition: all 0.6s ease-in-out !important;
}
.news-letter-form form button:hover,
.contact-form form button:hover{
    background: linear-gradient(180deg, #FFF 0%, #FFF 100%) !important;
    box-shadow: 
        0 0 10px 0 #CDB799 inset, 
        0 109px 30px 0 rgba(211, 190, 160, 0.00),
        0 70px 28px 0 rgba(211, 190, 160, 0.03),
        0 39px 23px 0 rgba(211, 190, 160, 0.10),
        0 17px 17px 0 rgba(211, 190, 160, 0.17),
        0 4px 10px 0 rgba(211, 190, 160, 0.20) !important;
}
.news-letter-form form .elementor-message{
    text-align: center;
}
.news-letter-form form .elementor-message::before{
    display: none;
}
/******************************************** FOOTER END ********************************************/


/******************************************** MEDIA QUERIES START ********************************************/
@media(max-width: 1800px){
    .hero-title span{margin-top: 0;}
    .hero-title img{padding-bottom: 10px;}
    .common-banner-title span{ margin-top: -50px; }
}
@media(min-width: 1367px) and (max-width: 1800px){
    .footer-menu-block,
    .footer-contact-detail-block{padding-left: 50px !important;}
    .footer-contact-detail-block{column-gap: 60px !important;}
    .contact-detail-item{column-gap: 20px !important;}
    .contact-detail-title{width: 40% !important;}
    .contact-detail{width: 50% !important;}
    .product-highlight-slider .swiper-slide-next .product-featured-img img{ border-radius: 150px 0 0 0; -webkit-border-radius: 150px 0 0 0; -moz-border-radius: 150px 0 0 0; -ms-border-radius: 150px 0 0 0; -o-border-radius: 150px 0 0 0; }
}
@media(min-width: 1501px) and (max-width: 1800px){
    .footer-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>a { --e-nav-menu-horizontal-menu-item-margin: calc(65px / 2) !important; }
    .hero-title p{font-size: 100px; line-height: 120px;}
}
@media(min-width: 1367px) and (max-width: 1500px){
    .footer-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>a { --e-nav-menu-horizontal-menu-item-margin: calc(45px / 2) !important; }
    .hero-title p{font-size: 80px; line-height: 100px;}

}
@media(min-width: 1367px) and (max-width: 1440px){
    .header-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>a { --e-nav-menu-horizontal-menu-item-margin: calc(42px / 2) !important; }
}
@media(max-width: 1366px){
    .news-letter-form form input{ padding: 15px !important; }
    .hero-title span{padding-left: 100px;}
    .common-icon-list-title .elementor-icon-list-icon svg{ height: 36px !important; }
    .product-highlight-slider .swiper-slide-next .product-featured-img img{ border-radius: 100px 0 0 0; -webkit-border-radius: 100px 0 0 0; -moz-border-radius: 100px 0 0 0; -ms-border-radius: 100px 0 0 0; -o-border-radius: 100px 0 0 0; }
    .common-banner-title span{ margin-top: 0px; }
    .common-banner-title img { top: 25px; }
}
@media(max-width: 1200px){
    .hero-title span{padding-left: 50px;}
    .hero-title img{padding-bottom: 0px;}
    .hero-title span{white-space: break-spaces !important;}
    .common-banner-title img { top: 15px; }
    .contact-form form .elementor-field-type-text,
    .contact-form form .elementor-field-type-email,
    .contact-form form .elementor-field-type-tel{ width: 100% !important; }
}
@media(max-width: 1024px){
    .common-icon-list-title .elementor-icon-list-icon svg{ height: 26px !important; }
    .header-menu .elementor-nav-menu li a::before,
    .footer-menu .elementor-nav-menu li a::before{ width: 4px !important; height: 4px !important; }
    .news-letter-form form  input{ padding: 13px !important; }
    .news-letter-form form button{ padding: 10px 20px !important; }
    .footer-menu .elementor-nav-menu{ flex-direction: column !important; }
    .footer-menu .elementor-nav-menu--main.elementor-nav-menu__container .elementor-nav-menu li a{ display: inline-flex !important; width: auto !important; flex-grow: initial; }
    .footer-menu .elementor-nav-menu li a:first-child{ margin-left: 10px; }
    .footer-menu .elementor-nav-menu--main.elementor-nav-menu__container .elementor-nav-menu li:not(:last-child){ margin-bottom: 20px !important; }
    .product-highlight-slider .swiper-slide-next .product-featured-img img{ border-radius: 50px 0 0 0; -webkit-border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -ms-border-radius: 50px 0 0 0; -o-border-radius: 50px 0 0 0; }
    .common-banner-title img { top: 10px; }

}
@media(max-width: 880px){
    .header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-nav-menu li:not(:last-child){ margin-bottom: 10px; }
    .header-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container{ padding: 100px 0 100px !important; }
}
@media(max-width: 767px){
    .news-letter-form form  input{ padding: 11px 15px !important; }
    .news-letter-form form button{ padding: 10px 15px !important; }
    .hero-title span{padding-left: 30px;}
    .common-icon-list-title .elementor-icon-list-icon svg{ height: 28px !important; }
    .common-banner-title img { top: 5px; }
    .c-google-map .elementor-custom-embed iframe{ height: 937px !important; }
}
@media(min-width: 480px) and (max-width: 767px){
    .hero-big-img img{height: 400px !important; object-position: top !important;}
    .hero-bnr-right-small-img  img{ width: 150px !important; height: 120px !important; }
}
@media(min-width: 575px) and (max-width: 767px){
    .hero-320-shape,
    .footer-320-shape,
    .common-320-shape{ display: none; }
    .product-featured-img img{height: 400px !important;}
}
@media(max-width: 575px){
    .hero-767-shape,
    .footer-767-shape,
    .common-767-shape{ display: none; }
    .hero-320-shape,
    .footer-320-shape,
    .common-320-shape{ display: block; }
    .news-letter-form form .elementor-field-type-email.elementor-field-group{width: 100% !important;}
    .scroll-to-section{bottom: 14px !important;}
    .product-highlight-slider .swiper-slide-next .product-featured-img img{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .product-highlight-slider .swiper-slide-active .product-featured-img img{ border-radius: 50px 0 0 0; -webkit-border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -ms-border-radius: 50px 0 0 0; -o-border-radius: 50px 0 0 0; }
}
@media(max-width: 400px){
    .product-featured-img img{height: 400px !important;}
    .product-title-price-block{flex-direction: column !important;}
}
/******************************************** MEDIA QUERIES END ********************************************/