/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Mar 16 2026 | 16:06:07 */
:root {
	--sections-count: 12;
}
body {
	overflow-x: hidden;
}
.menu_options_list ul {
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	row-gap: 8px;
}
.private_dining_main {
	background-attachment: fixed;
}
@media (min-width: 768px) and (max-width: 1024px) {
	.private_dining_track > .elementor-element:first-child {
		position: relative;
		z-index: 1;
	}
}
@media (min-width: 768px) {
	.private_dining_wrapper {
		height: calc(var(--sections-count) * 100vh);
	}
	.private_dining_main {
		position: sticky;
		top:0;
		height: 100vh;
		overflow: hidden;
	}
	.private_dining_track {
		display: flex;
		height: 100%;
		animation: horizontal-scroll linear;
		animation-timeline: scroll(root block);
		animation-range: 0% 100%;
		flex-direction: unset !important;
	}
	.private_dining_track > .elementor-element {
		flex: 0 0 100vw;
        height: 100vh;
	}
	
	/* Common animation for all images */
	.private_dining_track > .elementor-element .events_slide_image {
		animation: image-scroll linear forwards;
		animation-timeline: scroll(root);
	}
	
	.private_dining_track > .elementor-element:nth-child(2) .events_slide_image {
		animation-range: 50vw 200vh;
	}
	.private_dining_track > .elementor-element:nth-child(4) .events_slide_image {
		animation-range: 200vh 400vh;
	}
	.private_dining_track > .elementor-element:nth-child(6) .events_slide_image {
		animation-range: 400vh 600vh;
	}
	.private_dining_track > .elementor-element:nth-child(8) .events_slide_image {
		animation-range: 600vh 800vh;
	}
	.private_dining_track > .elementor-element:nth-child(10) .events_slide_image {
		animation-range: 800vh 1000vh;
	}
	
	@keyframes image-scroll {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-300px);
		}
	}
}
@media (min-width: 1025px) {
	.private_dining_wrapper {
		height: calc(var(--sections-count) * 100vh);
	}
	.private_dining_main {
		top: 0px;
		height: 100vh;
	}
	.private_dining_track > .elementor-element {
        height: 100vh;
	}
	
	.private_dining_track > .elementor-element:nth-child(2) .events_slide_image {
		animation-range: 0 200vh;
	}
	
	@keyframes image-scroll {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-400px);
		}
	}
}
@media (max-width: 768px) {
	.events_slide_image {
		aspect-ratio: 1.2;
	}
}
@keyframes horizontal-scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-1 * (var(--sections-count) - 1) * 100vw));
	}
}