/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* Layout */

.overflow-hidden {
    overflow: hidden;
}

.rounded-lg {
    border-radius: 5px !important;
}

.shadow-default {
    box-shadow: 0px 0px 1rem 0px rgb(0 0 0 / 20%);
}

.gallery_grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);    
    column-gap: 2rem;
    row-gap: 2rem;
}

@media (min-width: 768px) {
    .gallery_grid {
        grid-template-columns: repeat(3, 1fr);
    } 
}

@media (min-width: 992px) {
    .gallery_grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.thematic-gallery-detail .post-item_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.thematic-gallery-detail .post-item_image {
    height: 250px;
}