/* --------- START Mobile Header FOUC Fix --------- */
@media screen and (max-width: 1023px) {
    body:not(.jenison-public-schools) {
        #app:has(#h2) #view-header #cms-header #h2 .header-container {
            padding-top: 49px;
        }
    }

    #app:has(#h2) #view-header #cms-header #h2 {
        .header-container {
            min-height: auto;
            margin: 0;
            padding: 20px 0;
            justify-content: center;

            .left {
                position: relative;
                top: unset;
                left: unset;
                transform: unset;
                justify-content: center;
                gap: 0;
                margin: 0;
                padding: 0;
                max-width: 100%;

                .logo {
                    margin-left: -20px;
                    margin-right: 0;
                    margin-bottom: 0;
                    height: 64px;

                    img {
                        max-width: 100%;
                        object-fit: contain;
                    }
                }
            }
        }

        .right-mobile,
        .right,
        .utilities-top #searchbutton,
        .logo-circle .circle,
        .mobile-header .school-info:empty,
        #schoolsbutton {
            display: none;
        }

        .mobile-header.menu-open .main-content {
            padding-bottom: 20px;
        }
    }
}

@media screen and (max-width: 960px) {
    #app:has(#h2) #view-header #cms-header #h2 {
        .header-container {
            .left {
                margin-right: 0;

                .logo {
                    margin-left: 0;
                    margin-right: 4px;
                    height: 48px;
                }
            }
        }
    }
}

@media screen and (max-width: 500px) {
    #app:has(#h2) #view-header #cms-header #h2 {
        .header-container {
            height: auto;
            justify-content: flex-end;

            .left {
                justify-content: flex-end;
                margin-left: auto;
                margin-right: 20px;

                .logo {
                    margin-right: 0;
                }
            }
        }
    }
}
/* --------- END Mobile Header FOUC Fix --------- */