/* St. Mary Queen of Angels, Russell (smq-rus) — header menu
   SOL-30673. Two jobs:
   1. Fit — the ten top-level items must stay on one row, so the item type is
      reduced slightly at each width (they needed 1260px in a 1200px bar).
   2. Layout — the row is centred under the logo and the free space is spread
      evenly between the items, capped at 1200px so the gaps never grow
      beyond the bar. Mobile (<768px) is untouched. */

@media only screen and (min-width: 1200px) {
	#rt-header .gf-menu.l1 > li > .item { font-size: 1.1em; }   /* 16.5px, was 18.75px */
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	#rt-header .gf-menu.l1 > li > .item { font-size: .85em; }   /* 12.75px, was 15px */
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#rt-header .gf-menu.l1 > li > .item { font-size: .68em; }   /* 10.2px, was 12px */
}

@media only screen and (min-width: 768px) {
	/* the menu block floats left, so it would sit hard against the left edge */
	#rt-header .menu-block { float: none; }

	/* one row, items spread evenly across the bar; max-width caps the gaps */
	#rt-header .gf-menu.l1 {
		display: flex;
		justify-content: space-between;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	/* item side padding moves out, so the space between items is even */
	#rt-header .gf-menu.l1 > li > .item {
		padding-left: 0;
		padding-right: 0;
	}
}
