/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 21 2026 | 03:49:56 */
/* 1. Override Owl's default display:none so slide 1 is visible before JS runs */
#slider-wrapper.owl-carousel:not(.owl-loaded) {
    display: block !important;
}

/* 2. Show ONLY the first slide pre-init; hide the rest */
#slider-wrapper:not(.owl-loaded) .single-slide-item:not(:first-child) {
    display: none !important;
}

/* 3. Force the first slide to fill the hero with its background image immediately */
#slider-wrapper:not(.owl-loaded) .single-slide-item:first-child {
    display: block !important;
    min-height: 546px;               /* set to your real hero height */
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
}

/* 3b. Vertically centre the text block, matching Owl's loaded layout */
#slider-wrapper:not(.owl-loaded) .single-slide-item:first-child .slide-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

/* 4. Keep the first slide's text visible pre-init */
#slider-wrapper:not(.owl-loaded) .single-slide-item:first-child [data-animation] {
    opacity: 1 !important;
}