/* Old Gander v2 - overrides the site shell's fixed 950px layout for the v2 pages only (loaded after the theme CSS).
 * Wider on big screens, fluid below that, and the header / menu / footer reflow on tablets and phones. Not used by v1. */

.container { box-sizing: border-box; width: calc(100% - 40px); max-width: 1180px; }
.header_feat { width: calc(100% - 20px); }
#topbar_menu { width: auto; max-width: 1180px; }
.subfooter2, .subfooter { width: auto; max-width: 1000px; }
div.footer_block3 { box-sizing: border-box; width: auto; max-width: 900px; padding: 0 15px; }
div.footer_block3 .text2 { width: auto; max-width: 900px; }   /* the theme gives this paragraph a fixed 900px, which made the page scroll sideways */

@media (max-width: 1100px) {
	#topbar_menu a:link, #topbar_menu a:visited { font-size: 15px; padding-left: 9px; padding-right: 9px; }
}

/* tablets and below: the seven menu links no longer fit on one line, so the bar grows and the menu wraps */
@media (max-width: 900px) {
	#topbar { height: auto; min-height: 60px; padding-bottom: 8px; }
	#topbar_menu { top: 0; height: auto; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 8px; }
	#topbar_menu a:link, #topbar_menu a:visited { height: auto; padding: 9px 12px; font-size: 15px; border-right: 1px solid rgba(255,255,255,.5); }
	#topbar_spacer { margin-top: 6px; }
}