/* ==========================================================================
   FARE - site-wide overrides. Loaded on every page (functions.php).
   Product-only styles live in products.css.
   ========================================================================== */

/* Desktop menu between 1021px (where the burger menu hands over) and 1300px.
   At full spacing the five items are ~550px wide, which pushes the menu past the middle of the
   screen and onto the homepage hero photo. Gaps shrink from 40px to 18px and letter-spacing
   from 3px to 2px across this range, so the menu stays in the right half. Unchanged from 1300px up. */
@media (min-width: 1021px) and (max-width: 1299px) {
	html body .split-menu-right .horizontal-menu {
		letter-spacing: calc(0.3584vw - 1.659px);
	}
	html body .split-menu-right .horizontal-menu > li + li {
		margin-left: calc(7.885vw - 62.51px);
	}
}