/* ---------------------------------------------------------------------------
   archive-fixes.css
   Overrides for assets that are missing from the Wayback snapshot this static
   clone was built from. Both blocks below exist only because the plugin code
   that would normally do this work at runtime could not be downloaded.
   Remove a block if you ever restore the corresponding plugin asset.
   --------------------------------------------------------------------------- */

/* 1. Elementor entrance animations
   Elementor marks animated elements .elementor-invisible (visibility:hidden)
   and its frontend JS removes the class when the element scrolls into view.
   That JS is loaded from the dead origin and 404s, so 9 elements — including
   the three parallax photo columns — stayed permanently hidden. */
.elementor-invisible { visibility: visible !important; }

/* 2. Smart Slider 3 hero
   The slider parks every slide and slide background at translateX(-100000px)
   and relies on smartslider-frontend.min.js to move the active one into place.
   Neither that script nor smartslider.min.css exists in the archive, so the
   hero rendered as an empty 560px gap. Un-park the first slide, hide the rest,
   and give the slide image the sizing smartslider.min.css would have applied.
   Result: a static hero image instead of a rotating slider. */
div#n2-ss-2 .n2-ss-slide-background[data-public-id="1"],
div#n2-ss-2 .n2-ss-slide[data-slide-public-id="1"] {
	transform: none !important;
}

div#n2-ss-2 .n2-ss-slide-background:not([data-public-id="1"]),
div#n2-ss-2 .n2-ss-slide:not([data-slide-public-id="1"]) {
	display: none !important;
}

div#n2-ss-2 .n2-ss-slide-backgrounds > .n2-ss-slide-background {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

div#n2-ss-2 .n2-ss-slide-background-image,
div#n2-ss-2 .n2-ss-slide-background-image picture {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

div#n2-ss-2 .n2-ss-slide-background-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
}
