/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 26 Mar 2025, 11:03 am
*/

.fg-item {
    display: none !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1/1;
    max-height: none !important;
}

.fg-item img {
    object-fit: cover !important
}

.fg-item.visible {
    display: block !important;
}

#load-more-btn {
    display: block;
    text-transform: uppercase;
    margin: 20px auto;
    padding: 10px 15px;
    background-color: white;
    border: black 2px solid;
    color: black;
    cursor: pointer;
    font-size: 16px;
}

#load-more-btn:hover {
    background-color: #ddd;
}

.foogallery {
    display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
     height: fit-content !important;
     margin-bottom: 40px
}