/* masonry image gallery | Created: 10/06/2025 | Author: ASamra  | Usage Example: /inclusion/celebration-graduates.pcf | Requires: bootstrap 4 */
.masonry{column-count:3;column-gap:1rem}@media(max-width:1200px){.masonry{column-count:2}}@media(max-width:768px){.masonry{column-count:2}}@media(max-width:576px){.masonry{column-count:1}}.masonry-item{break-inside:avoid;margin-bottom:0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.masonry-item img{width:100%;height:auto;display:block;transition:transform .3s ease;}.masonry-item:hover img{transform:scale(1.03)} .masonry-item-caption{break-inside:avoid;margin-bottom:1rem;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.masonry-img-wrapper{position:relative;overflow:hidden}.masonry-item-caption img{width:100%;height:auto;display:block;transition:transform .3s ease;border:1px solid #fff}.masonry-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);color:#fff;text-align:center;padding:.5rem;font-size:1rem;opacity:0;transform:translateY(100%);transition:all .3s ease}.masonry-img-wrapper:hover .masonry-caption{opacity:1;transform:translateY(0)} .modal-content { text-align: center; } #lightboxModal button.close{ padding: 5px; color: black; opacity: 1;}