/* Custom styles for project gallery to allow consistent caption height */
.gallery.with-caption.gallery-filled .photo-caption {
    min-height: 80px;
    padding-bottom: 0;
}

/* Add spacing between filter items in project gallery
   The gallery uses absolute positioning for its items, so margins
   interfere with the layout calculations. Instead, we use padding to
   push the inner content inward, creating a gap without breaking the grid. */
.gallery .filtr-item {
    margin: 0 !important;
    padding: 15px !important; /* The visible gap between items */
    box-sizing: border-box;
}

/* Adjust the container's negative margins to match our fallback padding */
.gallery.gallery-filled .photos-list {
    margin-left: -15px;
    margin-right: -15px;
}

/* Rounded corners on project images */
.gallery .photo img {
    border-radius: 8px; /* adjust radius as desired */
}


.gallery .photos-list.col-x4 li {
    width: 23%;
}