.elementor-12858 .elementor-element.elementor-element-51c7eb7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12858 .elementor-element.elementor-element-c70ce75{--display:flex;}.elementor-12858 .elementor-element.elementor-element-923db8d{--display:flex;}.elementor-12858 .elementor-element.elementor-element-339a45a{--display:flex;}.elementor-12858 .elementor-element.elementor-element-3eb3690{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12858 .elementor-element.elementor-element-980755f{--display:flex;--min-height:70vh;}.elementor-12858 .elementor-element.elementor-element-980755f:not(.elementor-motion-effects-element-type-background), .elementor-12858 .elementor-element.elementor-element-980755f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lorigarciastudios.com/wp-content/uploads/2026/04/0-LGS_preview_MORGAN_01-copy-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12858 .elementor-element.elementor-element-dbcbdc3{--display:flex;}.elementor-12858 .elementor-element.elementor-element-05bc48f{--display:flex;}.elementor-12858 .elementor-element.elementor-element-1c9bdcb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12858 .elementor-element.elementor-element-9a53827{--display:flex;--min-height:70vh;}.elementor-12858 .elementor-element.elementor-element-9a53827:not(.elementor-motion-effects-element-type-background), .elementor-12858 .elementor-element.elementor-element-9a53827 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lorigarciastudios.com/wp-content/uploads/2025/12/0-LGS_preview_SQ-Cam_03q-copy-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12858 .elementor-element.elementor-element-e4ef49e{--display:flex;}.elementor-12858 .elementor-element.elementor-element-6b371f2{--display:flex;}.elementor-12858 .elementor-element.elementor-element-7b4e301{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12858 .elementor-element.elementor-element-a945d87{--display:flex;--min-height:70vh;}.elementor-12858 .elementor-element.elementor-element-a945d87:not(.elementor-motion-effects-element-type-background), .elementor-12858 .elementor-element.elementor-element-a945d87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lorigarciastudios.com/wp-content/uploads/2026/04/Kibby_03-copy-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12858 .elementor-element.elementor-element-36ff3c8{--display:flex;}.elementor-12858 .elementor-element.elementor-element-b63126e{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-12858 .elementor-element.elementor-element-c70ce75{--width:30%;}.elementor-12858 .elementor-element.elementor-element-923db8d{--width:70%;}}@media(max-width:1024px){.elementor-12858 .elementor-element.elementor-element-b63126e{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-12858 .elementor-element.elementor-element-b63126e{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for html, class: .elementor-element-c7a5241 */<script>
window.addEventListener('elementor/frontend/init', () => {
    const carouselSelector = '.elementor-main-swiper'; // Target the main swiper container
    const thumbClass = '.thumb-item';
    
    elementorFrontend.hooks.addAction('frontend/element_ready/image-carousel.default', ($scope) => {
        const $swiperContainer = $scope.find(carouselSelector);
        const thumbs = document.querySelectorAll(thumbClass);

        // Access the Swiper instance specifically for this widget
        const swiperInstance = $swiperContainer.data('swiper');

        if (swiperInstance) {
            thumbs.forEach((thumb, index) => {
                thumb.addEventListener('click', (e) => {
                    e.preventDefault();
                    // slideToLoop bypasses the "cloned" slides and hits the real image
                    swiperInstance.slideToLoop(index);
                    
                    // Visual update for thumbnails
                    updateActiveThumb(index);
                });
            });

            // Sync thumbnails when the user swipes the main carousel
            swiperInstance.on('slideChange', () => {
                updateActiveThumb(swiperInstance.realIndex);
            });
        }

        function updateActiveThumb(index) {
            thumbs.forEach(t => t.classList.remove('active'));
            if(thumbs[index]) {
                thumbs[index].classList.add('active');
            }
        }
    });
});
</script>/* End custom CSS */