/* Fixes for square-gallery-lightbox on mobile devices */
@media screen and (max-width: 720px) {
    #imagelightbox {
        width: 90% !important;
        left: 5% !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        height: auto !important;
    }

    #imagelightbox-overlay {
        top: 0 !important;
        height: 100vh !important;
    }

    #imagelightbox-x {
        top: 20px !important;
        right: 20px !important;
        background: rgba(0,0,0,0.5) !important;
    }
    
    .tile {
        width: 33.33% !important;
        padding-bottom: 33.33% !important;
    }
}

@media screen and (max-width: 480px) {
    .tile {
        width: 50% !important;
        padding-bottom: 50% !important;
    }
}