/* Desktop: show all thumbnails without horizontal scroll */
@media (min-width: 960px) {
    .lg-outer .lg-thumb-outer {
        height: auto !important;
        overflow: visible !important;
    }
    .lg-outer .lg-thumb {
        width: 100% !important;
        transform: none !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        transition: none !important;
    }
}

/* Light/dark toggle button */
.lg-theme-btn {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 18px;
    height: 47px;
    line-height: 47px;
    padding: 0 12px;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    transition: color .2s;
}
.lg-theme-btn:hover { color: #fff; }
.lg-container.lg-theme-light .lg-theme-btn { color: #555; }
.lg-container.lg-theme-light .lg-theme-btn:hover { color: #000; }

/* Light theme */
.lg-container.lg-theme-light .lg-backdrop {
    background-color: #f0f0f0;
}
.lg-container.lg-theme-light .lg-toolbar {
    background-image: linear-gradient(0deg, rgba(240,240,240,0), rgba(240,240,240,.95)) !important;
}
.lg-container.lg-theme-light .lg-toolbar .lg-icon {
    color: #555;
}
.lg-container.lg-theme-light .lg-toolbar .lg-icon:hover {
    color: #000;
}
.lg-container.lg-theme-light .lg-prev,
.lg-container.lg-theme-light .lg-next {
    background-color: rgba(180,180,180,.6);
    color: #333;
}
.lg-container.lg-theme-light .lg-prev:hover:not(.disabled),
.lg-container.lg-theme-light .lg-next:hover:not(.disabled) {
    color: #000;
}
.lg-container.lg-theme-light .lg-sub-html {
    background-image: linear-gradient(0deg, rgba(240,240,240,.9), rgba(240,240,240,0));
    color: #333;
}
.lg-container.lg-theme-light .lg-thumb-outer {
    background-color: #ddd;
}
.lg-container.lg-theme-light .lg-thumb-item {
    border-color: #bbb;
}
.lg-container.lg-theme-light .lg-thumb-item.active,
.lg-container.lg-theme-light .lg-thumb-item:hover {
    border-color: #555;
}