/*
 * Elementor Background Fades v1.3.0
 *
 * Elementor's responsive control CSS activates the pseudo-element directly.
 * These rules only provide default CSS variables and editor stacking helpers.
 */

.e-con,
.elementor-section,
.elementor-column {
	--ebf-enabled: 0;
	--ebf-color: #f7f6f2;
	--ebf-distance: 50%;
	--ebf-solid: 8%;
	--ebf-opacity: 100;
	--ebf-blend: normal;
	--ebf-angle: 90deg;
	--ebf-axis-angle: 90deg;
	--ebf-mist-origin: left center;
	--ebf-gradient: linear-gradient(
		var(--ebf-angle),
		var(--ebf-color) 0%,
		var(--ebf-color) var(--ebf-solid),
		color-mix(in srgb, var(--ebf-color) 90%, transparent) calc(var(--ebf-solid) + (var(--ebf-distance) - var(--ebf-solid)) * .22),
		color-mix(in srgb, var(--ebf-color) 65%, transparent) calc(var(--ebf-solid) + (var(--ebf-distance) - var(--ebf-solid)) * .48),
		color-mix(in srgb, var(--ebf-color) 28%, transparent) calc(var(--ebf-solid) + (var(--ebf-distance) - var(--ebf-solid)) * .76),
		transparent var(--ebf-distance)
	);
}

/* Graceful fallback for browsers without color-mix(). */
@supports not (color: color-mix(in srgb, white 50%, transparent)) {
	.e-con,
	.elementor-section,
	.elementor-column {
		--ebf-gradient: linear-gradient(
			var(--ebf-angle),
			var(--ebf-color) 0%,
			var(--ebf-color) var(--ebf-solid),
			transparent var(--ebf-distance)
		);
	}
}