/* Xyod Parallax BG — Elementor Free (class: xyod-parallax-bg) */

.xyod-parallax-bg,
[data-xyod-parallax-bg='1'] {
	--xyod-parallax-speed: 0.5;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

/* Host fill is moved onto the media layer once parallax boots */
.xyod-parallax-bg.xyod-parallax-bg--active,
.xyod-parallax-bg[data-xyod-parallax-ready='1'] {
	background-image: none !important;
	background-color: transparent !important;
}

.xyod-parallax-bg__media {
	position: absolute !important;
	left: 50% !important;
	width: 100vw !important;
	margin-left: -50vw !important;
	z-index: 0 !important;
	pointer-events: none;
	will-change: transform;
	transition: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/*
 * Elementor Background Overlay (::before) sits above the moving image.
 * Legacy Xyod featured-bg tint uses ::after the same way.
 */
.xyod-parallax-bg.xyod-parallax-bg--active::before,
.xyod-parallax-bg.xyod-parallax-bg--active::after {
	z-index: 1 !important;
}

.xyod-parallax-bg.xyod-parallax-bg--active
	> :not(.xyod-parallax-bg__media):not(.xyod-post-featured-bg__layer) {
	position: relative;
	z-index: 2;
}

@media (max-width: 1024px), (prefers-reduced-motion: reduce) {
	.xyod-parallax-bg__media {
		top: 0 !important;
		height: 100% !important;
		transform: none !important;
		will-change: auto;
	}
}