.elementor-1608 .elementor-element.elementor-element-6a977953{--display:flex;}.elementor-1608 .elementor-element.elementor-element-4fad031c{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1608 .elementor-element.elementor-element-7955b2cb .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1608 .elementor-element.elementor-element-7955b2cb .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1608 .elementor-element.elementor-element-7955b2cb{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}/* Start custom CSS for gallery, class: .elementor-element-7955b2cb *//* 1. Create a flowing Masonry Column Layout */
.elementor-1608 .elementor-element.elementor-element-7955b2cb .elementor-widget-container > div,
.elementor-1608 .elementor-element.elementor-element-7955b2cb .gallery {
    display: block !important;
    column-count: 3 !important; /* Creates 3 columns */
    column-gap: 20px !important; /* Space between columns */
    margin-top: 40px !important;
}

/* Kills hidden WordPress line breaks */
.elementor-1608 .elementor-element.elementor-element-7955b2cb br, 
.elementor-1608 .elementor-element.elementor-element-7955b2cb .gallery::before, 
.elementor-1608 .elementor-element.elementor-element-7955b2cb .gallery::after {
    display: none !important;
}

/* 2. Format the individual image blocks to stack cleanly */
.elementor-1608 .elementor-element.elementor-element-7955b2cb figure,
.elementor-1608 .elementor-element.elementor-element-7955b2cb .gallery-item,
.elementor-1608 .elementor-element.elementor-element-7955b2cb .e-gallery-item {
    display: inline-block !important; /* Essential for masonry */
    margin: 0 0 20px 0 !important; /* Bottom margin to match column gap */
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    break-inside: avoid !important; /* Prevents images from splitting across columns */
    border: none !important;
}

/* 3. Let images keep their natural shapes (NO CROPPING) */
.elementor-1608 .elementor-element.elementor-element-7955b2cb img {
    width: 100% !important;
    height: auto !important; /* Preserves natural height */
    display: block !important;
    border-radius: 0 !important;
    transition: opacity 0.3s ease !important;
}

/* 4. Elegant premium fade on hover */
.elementor-1608 .elementor-element.elementor-element-7955b2cb img:hover {
    opacity: 0.75 !important;
}

/* 5. Mobile Responsiveness */
@media (max-width: 768px) {
    .elementor-1608 .elementor-element.elementor-element-7955b2cb .elementor-widget-container > div,
    .elementor-1608 .elementor-element.elementor-element-7955b2cb .gallery {
        column-count: 2 !important; /* 2 columns on tablets/phones */
        column-gap: 15px !important;
    }
    .elementor-1608 .elementor-element.elementor-element-7955b2cb figure,
    .elementor-1608 .elementor-element.elementor-element-7955b2cb .gallery-item,
    .elementor-1608 .elementor-element.elementor-element-7955b2cb .e-gallery-item {
        margin: 0 0 15px 0 !important;
    }
}

@media (max-width: 480px) {
    .elementor-1608 .elementor-element.elementor-element-7955b2cb .elementor-widget-container > div,
    .elementor-1608 .elementor-element.elementor-element-7955b2cb .gallery {
        column-count: 1 !important; /* 1 column on very small phones */
    }
}/* End custom CSS */