/*
 * PDF Gallery V3.1
 * Gallery styling
 * .pgf-gallery {
 *   display: grid;
 *   grid-template-columns: repeat(
 *       var(--pgf-columns, 3),
 *       minmax(0, 1fr)
 *   );
 *   gap: 24px;
* }

 */

/* Gallery grid */


 .pgf-gallery {
  display: grid;
    grid-template-columns: repeat(
        var(--pgf-columns, 3),
       minmax(0, 1fr)
    );
    gap: 24px;
 }

/* Tablet */
@media (max-width: 1100px) {

    .pgf-gallery {
        grid-template-columns: repeat(
            var(--pgf-tablet-columns, 2),
            minmax(0, 1fr)
        );
    }

}

/* Mobile */
@media (max-width: 700px) {

    .pgf-gallery {
        grid-template-columns: repeat(
            var(--pgf-mobile-columns, 1),
            minmax(0, 1fr)
        );
    }

}


/* Mobile */

@media (max-width: 640px) {

    .pgf-gallery {
        grid-template-columns: repeat(
            var(--pgf-mobile-columns, 1),
            minmax(0, 1fr)
        );
    }

}

/* Gallery item */

.pgf-item {
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    padding: 10px;
    text-align: center;
}


/* Thumbnail */

.pgf-item img {
    width: 100%;
    height: auto;
    display: block;
}


/* Title */

.pgf-title {
    margin-top: 10px;
    font-weight: 600;
    word-break: break-word;
}


/* Description */

.pgf-description {
    margin-top: 8px;
    line-height: 1.5;
}


/* Members-only message */

.pgf-locked {
    margin-top: 8px;
    font-weight: 600;
}



/* Pagination */

.pgf-pagination {
    margin-top: 25px;
    text-align: center;
}

.pgf-pagination a,
.pgf-pagination span {
    display: inline-block;
    padding: 8px 12px;
    margin: 2px;
    border: 1px solid #ccc;
    text-decoration: none;
}

.pgf-pagination .current {
    font-weight: bold;
}

.pgf-archive-select {
    min-width: 120px;
    padding: 8px 40px 8px 10px !important;
    box-sizing: border-box;

    appearance: none;
    -webkit-appearance: none;

    background-image:
        linear-gradient(45deg, transparent 50%, currentColor 50%),
        linear-gradient(135deg, currentColor 50%, transparent 50%);
    background-position:
        calc(100% - 15px) 50%,
        calc(100% - 10px) 50%;
    background-size:
        5px 5px,
        5px 5px;
    background-repeat: no-repeat;
}