@charset "utf-8";

/* =========================================================
  #lightgallery
========================================================= */
.departmentContainer {
    max-width: var(--site-width);
    margin: 0 auto; /* Center the container */
    padding: 20px; /* Add some padding for spacing */
}

#lightgallery {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#lightgallery a {
    max-width: calc(25% - 20px);
    position: relative;
    overflow: hidden;
    aspect-ratio: 1; /* Set a square aspect ratio */
}

#lightgallery img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Maintain aspect ratio and cover container */
}

@media (max-width: 959px) {
.departmentContainer {
    margin-bottom: 5px;
    padding: 5px;
}
#lightgallery {
    gap: 5px;
}
#lightgallery a {
    max-width: calc(50% - 5px);
    aspect-ratio: 1; /* Set a square aspect ratio */
}
}