/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.hover-box{
    position: relative;
    overflow: hidden;
    display: flex;
   
    transition: 0.4s ease;
}

.hover-box::before{
    content: "";
    position: absolute;
    inset: 0;
    background: #82725A;
    opacity: 0;
    transition: 0.5s ease;
    z-index: 2;
}
.hover-box-2::before{
	 background: #323F33;
}
.hover-content{
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px;
    opacity: 0;
    transition: 0.5s ease;
    gap: 25px;
}

.hover-box:hover::before{
    opacity: 1;
}

.hover-box:hover .hover-content{
    opacity: 1;
}

/*footer*/
.marquee-link{
    display:block;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-decoration:none;

}

.marquee-track{
    display:flex;
    align-items:center;
    width:max-content;
    animation:marquee 30s linear infinite; /* slow */
}

.marquee-link span{
    display:flex;
    align-items:center;
    gap:32px;
    margin-right:80px;

    font-family:"Gilda Display", serif;
    font-size:100px;
    font-style:normal;
    font-weight:400;
    line-height:110%;
    letter-spacing:-8.96px;

    color:#FFF5E8;
    transition:color .35s ease;
}

.marquee-link i{
    font-size:60px;
    color:inherit;
    transition:inherit;
}

.marquee-link:hover .marquee-track{
    animation-play-state:paused;
}
.arrow-icon{
    transition:.3s;
}
.marquee-link:hover span{
    color:#6B866D;
}
.marquee-link:hover .arrow-icon path{
    fill: #6B866D;
}

@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}

.hero-pagination, .project-pagination{
    display:flex;
    gap:12px;
    align-items:center;
}

.hero-bullet, .project-bullet{
    width: 3px;
    height: 12px;
    background:#FFF5E8;
    opacity:.4;
    cursor:pointer;
    transition:.3s ease;
    border-radius:10px;  
}

.hero-bullet.active{
    opacity:1;
}
.story_sec .widget-image-caption{
    width: 82%;
    padding-left: 20px;
    font-style: normal;
}
.faq_sec h4{
    margin-top: 40px;
}
.faq_star_img{ padding-top: 40px; }



.stone-gallery {
    width: 100%;
}
.stone-gallery .swiper{
    margin-left: unset;
    margin-right: unset;
}

.stone-main-slider {
    margin-bottom: 70px;
    margin-top: 50px;
}

.stone-main-slider img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    display: block;
}

/* Thumbnail section */
.stone-thumbs-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
}

/* Thumbnail slider */
.stone-thumb-slider {
   /* width: 330px; */
    overflow: hidden;
}

.stone-thumb-slider .swiper-wrapper {
    align-items: center;
}

.stone-thumb-slider .swiper-slide {
    width: 60px !important;
   /* height: 60px;*/
    opacity: 0.4;
    cursor: pointer;
    transition: opacity .3s ease;
    flex-shrink: 0;
}

.stone-thumb-slider .swiper-slide-thumb-active,
.stone-thumb-slider .swiper-slide.active {
    opacity: 1;
    border: 1px solid #2f2f2f;
}

.stone-thumb-slider img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    display: block;
}

/* Navigation */
.stone-thumb-prev,
.stone-thumb-next {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}
/*.stone-thumb-prev.swiper-button-disabled, .stone-thumb-next.swiper-button-disabled{
    opacity: 0.4;
}*/
.stone-thumb-prev img,
.stone-thumb-next img {
    width: 18px;
    height: 18px;
    display: block;
    transition: transform .3s;
}

.stone-thumb-prev:hover img,
.stone-thumb-next:hover img {
    transform: scale(1.1);
}
.stone-thumb-next.custom-next, .stone-thumb-prev.custom-prev{
    display: inline-flex;
}

/* breadcrumbs */
.custom-breadcrumb ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
}

.custom-breadcrumb li{
    display:flex;
    align-items:center;
    font-family: Raleway;
    font-size: 16px;
}

.custom-breadcrumb li:not(:last-child)::after{
    content:"";
    width:8px;
    height:12px;
    margin:0 12px;
    background:url("/wp-content/themes/hello-theme-child-master/assets/images/breadcrumb-arrow.svg") no-repeat center;
    background-size:contain;
}

.custom-breadcrumb a{
    color:#2F2F2F;
    text-decoration:none;
    font-weight: 400;
}

.custom-breadcrumb .current{
    color:#2F2F2F;
    font-weight: 500;
}

/* Project Product */
.project-product{
    display: flex;
    align-items: center;
    gap: 12px;
}
.project-product-image img{
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.project-product-title{
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: 'Raleway';
}

/* indoor-outdoor cards */
.loop-card{
    position: relative;
    overflow: hidden;
}

.loop-card .hover-content{
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: .4s;
    z-index: 1;
}

.loop-card:hover .hover-content{
    opacity: 1;
    visibility: visible;
}

.bg-image{
    position:absolute;
    inset:0;
    opacity:0;
    z-index:1;
    overflow:hidden;
    transition:.4s;
}

.bg-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1);
    transition:transform .6s ease;
}
.loop-card:hover .bg-image{
    opacity:1;
}

.sticky_header{
    background: transparent;
}
.sticky_header.header-scrolled {
    background: #FFFFFF;
}
.sticky_header.header-scrolled a.mega-menu-link{
    color: #2f2f2f !important;
}
.header-black-logo{
    display: none;
}
.sticky_header.header-scrolled .header-black-logo{
    display: block;
}
.sticky_header.header-scrolled .header-white-logo{
    display: none;
}
a.mega-menu-link{
    font-family: 'Gilda Display' !important;
    color: #FFF5E8 !important;
    font-weight: 400 !important;
    letter-spacing: 0.32px;
}
@media (max-width:1200px) {
    a.mega-menu-link{
        font-size: 14px !important;
    }
}
@media (max-width:1024px) {
    .marquee-link span{
        font-size: 80px;
        line-height: 88px;
        letter-spacing: -6.4px;
    }
}
@media (max-width:640px) {
    .story_sec .widget-image-caption{
        padding-left: 0px;
    }
    .faq_sec h4{
        margin-top: 20px;
    }
    .faq_star_img{ padding-top: 20px; }

    .stone-main-slider {
        margin-bottom: 40px !important;
        margin-top: 40px !important;
    }

    .stone-main-slider img {
        height: 450px !important;
    }
    .project-product-title{
        font-size: 16px !important;
    }
    .project-product-image img{
        width: 50px !important;
        height: 50px !important;
    }
}

.marble-consent .forminator-field{ position:relative; padding-left: 30px !important; box-sizing:border-box; }
.marble-consent .forminator-field .forminator-checkbox__wrapper{ display: inline-block; position: absolute; left: 0; top: 0; }
.marble-consent .forminator-field .forminator-checkbox__wrapper .forminator-checkbox-box{ border: 1px solid #FFF5E8 !important; background: transparent !important; }
.forminator-ui.forminator-custom-form[data-design=material] .forminator-checkbox input:checked+.forminator-checkbox-box:before{ color: #FFF5E8 !important; }
.marble-consent .forminator-field .forminator-label{ font-size: 14px !important; }
form .contact-btn{ background-color: rgba(255, 245, 232, 0.60) !important; font-family: "Gilda Display", Sans-serif !important; font-size: 16px !important; font-weight: 400 !important; text-transform: uppercase; line-height: normal; letter-spacing: 0.32px; fill: rgba(47, 47, 47, 0.80) !important; color: rgba(47, 47, 47, 0.80) !important; border-radius: 100px 100px 100px 100px !important; padding: 10px 50px 10px 20px !important; }
form .contact-btn:after{ content: "" !important; display: inline-block !important; width: 17px !important; height: 14px !important; background: url(/wp-content/themes/hello-theme-child-master/assets/images/submit-arrow.svg) no-repeat center !important; background-size: contain !important; pointer-events: none; margin: 0; position: absolute; right: 19px; top: 15px; }

/*.marble-consent .forminator-field{ position:relative; padding-left: 30px !important; box-sizing:border-box; }

.marble-consent .forminator-field .forminator-checkbox__wrapper{ display: inline-block; position: absolute; left: 0; top: 0; }

.marble-consent .forminator-field .forminator-checkbox__wrapper .forminator-checkbox-box{ border: 1px solid #FFF5E8 !important; background: transparent !important; }

.forminator-ui.forminator-custom-form[data-design=material] .forminator-checkbox input:checked+.forminator-checkbox-box:before{ color: #FFF5E8 !important; }

.marble-consent .forminator-field .forminator-label{ font-size: 14px !important; }
 
form .contact-btn{ background-color: rgba(255, 245, 232, 0.60) !important; font-family: "Gilda Display", Sans-serif !important; font-size: 16px !important; font-weight: 400 !important; text-transform: uppercase; line-height: normal; letter-spacing: 0.32px; fill: rgba(47, 47, 47, 0.80) !important; color: rgba(47, 47, 47, 0.80) !important; border-radius: 100px 100px 100px 100px !important; padding: 10px 20px 10px 20px !important; }*/