/* MJM Custom Gallery Styles */

/* Gallery container */
.mjm-gallery {
    display: block;
    width: 100%;
    margin: 0 auto;
    overflow: hidden; /* prevents overflow issues with float */
}

/* Gallery items for Masonry tiling */
.mjm-gallery-item {
    width: 33.333%; /* three columns, adjust as needed */
    padding: 5px;
    float: left;
    box-sizing: border-box;
}

/* Gallery images */
.mjm-gallery-item img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 0; /* remove extra bottom spacing */
    border-radius: 2px; /* optional visual styling */
}

/* Links styling */
.mjm-gallery-item a {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Hover effect for lightbox */
.mjm-gallery-item a:hover img {
    opacity: 0.9;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .mjm-gallery-item {
        width: 50%; /* two columns on tablets */
    }
}

@media (max-width: 600px) {
    .mjm-gallery-item {
        width: 100%; /* one column on small screens */
    }
}