/* PivotLab: the gallery (views/pages/pivot_gallery.php) - the old views/pivot_gallery.php <style>. */

[data-pl-view="pivot_gallery"] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ------------------ Masonry Layout ------------------ */
[data-pl-view="pivot_gallery"] .masonry-grid {
    column-gap: 1.5rem;
    column-count: 2; /* mobile: 2 columns */
}

/* medium: 3 columns */
@media (min-width: 768px) {
    [data-pl-view="pivot_gallery"] .masonry-grid {
        column-count: 3;
    }
}

/* XL: 4 columns */
@media (min-width: 1200px) {
    [data-pl-view="pivot_gallery"] .masonry-grid {
        column-count: 4;
    }
}

[data-pl-view="pivot_gallery"] .masonry-item {
    break-inside: avoid;
    margin-bottom: 1.5rem;
}

/* card */
[data-pl-view="pivot_gallery"] .project-card {
    border: none;
    border-radius: 16px;
    text-decoration: none;
    display: block;
}

[data-pl-view="pivot_gallery"] .project-card .project-title {
    font-weight: 600;
}

[data-pl-view="pivot_gallery"] .project-card .project-location {
    color: #aaaaaa;
}

[data-pl-view="pivot_gallery"] .project-card .card-img-top {
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}