/**
 * Theme Name:  La Posada App
 * Theme URI:   https://laposada.app
 * Description: WordPress theme for La Posada Campus App.
 * Author:      Creative Slice
 * Author URI:  https://creativeslice.com
 * Version:     2025.12.15
 */


/* MOBILE photo board menu */
@media (max-width: 768px) {
    .mainLinks {
        display: block !important;
    }
    .photo-board-wrapper#container {
        padding-bottom: 100px;
    }
    .hasOpenPhotoGridItem .navigationLinks {
        width: 95vw;
    }
    .photoGridCats:after {
        display: none;
    }
    .navigationLinks button {
        padding: 2px 4px;
        font-size: 14px;
        white-space: nowrap;
    }
    .instructions {
        display: none;
    }
    /* Card height for mobile */
    .card.open .details {
        overflow-y: auto !important;
        padding-bottom: 20px;
    }
    .card.open figure {
        min-height: 66vw;
    }
}

/* DESKTOP photo board bio scroll */
@media (min-width: 768px) {
    .card.open .bio {
        overflow-y: auto;
        position: relative;
    }
    .card.open .bio h2 {
        position: sticky;
        top: -32px;
        background: white;
    }
    .card.open .bio::after {
        content: "";
        position: sticky;
        bottom: -2em;
        height: 80px;
        display: block;
        background: linear-gradient(transparent, white);
        pointer-events: none;
    }
}