/*
 * Sections of the school website come in several designs (variations) that can be mixed on one page.
 * Each variation's stylesheet is scoped to its wrapper (.tv-v1, .tv-v2, .tv-v3); the wrapper itself
 * takes no part in the layout.
 */
.tv {
    display: contents;
    font-family: var(--bs-body-font-family);
    color: var(--bs-body-color);
}

body { overflow-x: hidden; }

/* Design 3 draws its menu as a floating card over the hero: the zero-height anchor keeps it there
   whichever design the hero section uses */
.tv-header-overlay {
    position: relative;
    height: 0;
    z-index: 50;
}