/* 
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 */

.hero_wrap {
	-webkit-mask-image: url("/wp-content/uploads/2024/02/hero-mask-1.webp");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 120% 120%;
	-webkit-mask-position: bottom center;	
}

.hero_wrap:before {
    content: '';
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(253,198,95);
    background: linear-gradient(180deg, rgba(253,198,95,1) 0%, rgba(249,174,106,1) 25%, rgba(234,116,130,1) 50%, rgba(179,69,164,1) 75%, rgba(139,52,149,1) 100%);
    opacity: 0.55;
    z-index: 1;
}
.hero_wrap_white {
	-webkit-mask-image: url("/wp-content/uploads/2024/03/hero-mask-1-white.webp");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 120% 120%;
	-webkit-mask-position: bottom center;	
}

.hero_wrap_white:before {
    content: '';
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(253,198,95);
    background: linear-gradient(180deg, rgba(253,198,95,1) 0%, rgba(249,174,106,1) 25%, rgba(234,116,130,1) 50%, rgba(179,69,164,1) 75%, rgba(139,52,149,1) 100%);
    opacity: 0.55;
    z-index: 1;
}
.page_wrap {
	-webkit-mask-image: url("/wp-content/uploads/2024/02/hero-mask-1.webp");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 120% 120%;
	-webkit-mask-position: bottom center;	
}

.camper_mask {
	-webkit-mask-image: url('/wp-content/uploads/2024/02/hero-mask-1.webp');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 140% 100%;
	-webkit-mask-position: center center;
}

.page_wrap:before {
    content: '';
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(253,198,95);
    background: linear-gradient(180deg, rgba(253,198,95,1) 0%, rgba(249,174,106,1) 25%, rgba(234,116,130,1) 50%, rgba(179,69,164,1) 75%, rgba(139,52,149,1) 100%);
    opacity: 0.75;
    z-index: 1;
}

.hero_title {
	
}

.section_title {
	
}

.chalet_gallery {
	-webkit-mask-image: url('/wp-content/uploads/2024/03/v_mask_01.webp');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: center center;
}

.elementor-popup-modal {
	z-index: 999;
}

#elementor-popup-modal-2155 .dialog-close-button {
	display: none !important;
}

@keyframes gradient {
    0% {background-position: 0% 50%}
    100% {background-position: 100% 100%}
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

@media (max-width: 1024px) {
	
}

@media (max-width: 767px) {
	
	.hero_wrap, .page_wrap {
		-webkit-mask-size: 200% 100%;
	}
	
	.camper_mask {
		-webkit-mask-size: 200% 100%;
		-webkit-mask-image: url("/wp-content/uploads/2024/02/post-mask-02.webp");
	}
	
	.section_title span {
		font-size: 42px !important;
    	line-height: 40px !important;
	}
	
	.section_title span {
		font-size: 42px !important;
    	line-height: 40px !important;
	}
	
	.chalet_gallery {
		bottom: 15px !important;
		top: auto !important;
	}
	
	.gallery_content {
		position: relative !important;
	}
	
	.plots_slider {
		position: relative !important;
	}
	
}

/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-10px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(10px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0, 10px, 0);
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}