:root {
    --wpgb-accent-scheme-1: #0069ff;
    --wpgb-dark-scheme-1: #262626;
    --wpgb-dark-scheme-2: #565656;
    --wpgb-dark-scheme-3: #767676;
    --wpgb-light-scheme-1: #ffffff;
    --wpgb-light-scheme-2: #f6f6f6;
    --wpgb-light-scheme-3: #f5f5f5;
    --wpgb-lightbox-background: linear-gradient(180deg, rgba(30, 30, 30, 0.45) 0%, rgba(30, 30, 30, 0.9) 100%);
    --wpgb-lightbox-controls: #ffffff;
    --wpgb-lightbox-spinner: #ffffff;
    --wpgb-lightbox-title: #ffffff;
    --wpgb-lightbox-desc: #bbbbbb;
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .wpgb-grid-7:not(.wpgb-enabled) .wpgb-viewport>div {
        margin: 0 -6px
    }

    .wpgb-grid-7:not(.wpgb-enabled) .wpgb-card {
        width: calc((100% - 3 * 24px) / 3 - 0.1px);
        margin: 12px
    }
}

.wpgb-grid-7:not(.wpgb-enabled) .wpgb-viewport>div {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px
}

@media screen and (max-width: 991px) {
    @media all and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .wpgb-grid-7:not(.wpgb-enabled) .wpgb-viewport>div {
            margin: 0 -6px
        }

        .wpgb-grid-7:not(.wpgb-enabled) .wpgb-card {
            width: calc((100% - 2 * 24px) / 2 - 0.1px);
            margin: 12px
        }
    }

    .wpgb-grid-7:not(.wpgb-enabled) .wpgb-viewport>div {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 24px
    }

    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="2"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="3"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="4"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="5"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="6"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="7"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="8"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="9"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="10"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="11"] {
        grid-column: span 2
    }
}

@media screen and (max-width: 767px) {
    @media all and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .wpgb-grid-7:not(.wpgb-enabled) .wpgb-viewport>div {
            margin: 0 -6px
        }

        .wpgb-grid-7:not(.wpgb-enabled) .wpgb-card {
            width: calc((100% - 1 * 24px) / 1 - 0.1px);
            margin: 12px
        }
    }

    .wpgb-grid-7:not(.wpgb-enabled) .wpgb-viewport>div {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 24px
    }

    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="1"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="2"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="3"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="4"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="5"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="6"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="7"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="8"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="9"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="10"],
    .wp-grid-builder.wpgb-grid-7:not(.wpgb-enabled) .wpgb-card[data-col="11"] {
        grid-column: span 1
    }
}

.wpgb-grid-7 .wpgb-card .wpgb-lazy-load {
    color: var(--wpgb-accent-scheme-1);
    background: #e0e4e9
}

.wp-grid-builder .wpgb-card-wrapper {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease
}

.wp-grid-builder .wpgb-card-wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .1)
}

.wp-grid-builder .album-img {
    overflow: hidden;
    height: 280px
}

.wp-grid-builder .album-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease
}

.wp-grid-builder .wpgb-card-wrapper:hover .album-img img {
    transform: scale(1.05)
}

.wp-grid-builder .album-info {
    padding: 1.5rem !important; 
}

.wp-grid-builder .album-info h3 {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .75rem;
    color: var(--color-primary)
}

.wp-grid-builder .album-info p {
    font-size: .9rem;
    color: var(--color-text-light);
    line-height: 1.6;
    margin-bottom: .75rem
}

.wp-grid-builder .album-meta {
    font-size: .8rem;
    font-weight: 500;
    color: var(--color-accent);
    letter-spacing: .05em;
    text-transform: uppercase
}

.wp-grid-builder:not(.wpgb-template) {
    opacity: 1 !important
}