/**
 * Fixed hero photography.
 *
 * Desktop browsers use the native fixed background. Mobile and tablet browsers
 * use a native sticky image layer because fixed backgrounds are unreliable
 * there and JavaScript scroll compensation can visibly jitter.
 */

body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-308 > .elementor-element.elementor-element-d4ffd3e,
body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-310 > .elementor-element.elementor-element-122e55f,
body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-309 > .elementor-element.elementor-element-1b6161c,
body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-13 > .elementor-element.elementor-element-19b8c8c,
body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-15 > .elementor-element.elementor-element-9731434 {
	background-attachment: fixed !important;
}

@media (max-width: 1024px) {
	body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-308 > .elementor-element.elementor-element-d4ffd3e,
	body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-310 > .elementor-element.elementor-element-122e55f,
	body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-309 > .elementor-element.elementor-element-1b6161c,
	body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-13 > .elementor-element.elementor-element-19b8c8c,
	body.kerbet-site:not(.elementor-editor-active) .site-content .elementor-15 > .elementor-element.elementor-element-9731434 {
		background-attachment: scroll !important;
	}

	body.kerbet-site:not(.elementor-editor-active) .site-content .kerbet-hero-mobile-fixed-background {
		position: relative;
		isolation: isolate;
		overflow: clip;
		clip-path: inset(0);
		/* Keep Elementor's image underneath as an iOS Safari repaint fallback. */
	}

	body.kerbet-site:not(.elementor-editor-active) .site-content .kerbet-hero-mobile-fixed-background > .kerbet-hero-mobile-background-layer {
		position: -webkit-sticky;
		position: sticky;
		z-index: -2;
		top: var(--kerbet-hero-mobile-sticky-top, 0px);
		width: 0;
		height: 0;
		flex: 0 0 0;
		align-self: flex-start;
		pointer-events: none;
	}

	body.kerbet-site:not(.elementor-editor-active) .site-content .kerbet-hero-mobile-background-visual {
		position: absolute;
		top: var(--kerbet-hero-mobile-visual-top, 0px);
		left: var(--kerbet-hero-mobile-visual-left, 0px);
		width: var(--kerbet-hero-mobile-visual-width, 100vw);
		height: var(--kerbet-hero-mobile-visual-height, 100vh);
		background-color: transparent;
		pointer-events: none;
	}
}