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

.scroll-fade-in-up {
	will-change: opacity, transform;
}

.slides-container {
	position: relative;
	display: block !important;
	overflow: visible;
	isolation: isolate;
	--slides-count: 1;
	padding-bottom: 0;
}

.slides-container > .slide {
	position: sticky;
	top: 0;
	min-height: 100vh;
	width: 100%;
	overflow: hidden;
	--overlay-opacity: 0;
	--content-opacity: 0;
	--content-shift: 32px;
	pointer-events: none;
}

.slides-container > .slide + .slide {
	margin-top: -100vh;
}

.slides-container > .slide.is-active {
	pointer-events: auto;
}

.slides-container > .slide::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: var(--slide-image, none);
	background-position: var(--slide-bg-position, center center);
	background-repeat: no-repeat;
	background-size: cover;
	opacity: var(--overlay-opacity);
	pointer-events: none;
	z-index: 0;
}

.slides-container > .slide > .e-con-inner,
.slides-container > .slide .elementor-widget {
	position: relative;
	z-index: 1;
}

.slides-container > .slide > .e-con-inner {
	opacity: var(--content-opacity);
	transform: translate3d(0, var(--content-shift), 0);
	will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
	.scroll-fade-in-up {
		will-change: auto;
	}

	.slides-container {
		padding-bottom: 0;
	}

	.slides-container > .slide {
		position: relative;
		top: auto;
		min-height: auto;
		pointer-events: auto;
	}

	.slides-container > .slide + .slide {
		margin-top: 0;
	}

	.slides-container > .slide::before,
	.slides-container > .slide > .e-con-inner {
		opacity: 1;
		transform: none;
		will-change: auto;
	}
}