/* Zion Lions - shared front-end menu look. Loaded LAST on every public page. Not minified.
	The menu items themselves live in /assets/js/site_nav.js. The phone drawer styles stay in zion_public.min.css. */

/* nothing to show until site_nav.js has filled the menu in (avoids an empty bordered box flashing on load) */
.mastNav:empty {
	visibility: hidden;
}

/* desktop: the same compact menu as the home page, on every page */
@media (min-width: 72.1rem) {
	.mastNav {
		transform: none;
		border-radius: .8rem;
		background: rgba(0, 0, 0, .55);
		backdrop-filter: blur(.6rem);
		min-width: 0;
		max-width: 100%;
		flex-wrap: wrap;		/* safety net: if a screen is ever too narrow, the menu wraps to a second row instead of cutting Archives off */
	}

	/* ".mastNav .mastNavItem" is as specific as the home page's ".hmHero .mastNavItem", and this file loads last, so the home page uses the same sizes */
	.mastNav .mastNavItem {
		flex: 1 1 auto;
		min-height: 5.2rem;
		padding: 0 clamp(.8rem, 1vw, 1.4rem);
		font-size: clamp(1.05rem, .4vw + .65rem, 1.2rem);
	}

	.mastNav .mastNavItem:last-child {
		border-right: none;
	}
}