/*
 * mymoval-tablet.css
 * Tablet fixes for the My MoVal pages (Templates/mymoval-lvl1.dwt) — loaded
 * last in the "stylesheet" editable region, after main-style.css and
 * mymoval-brand.css / css/ps-styles.css.
 *
 * Phones (<=768px) already get the SlickNav hamburger (main-style.css +
 * mobile-nav.css) and mv-style.css stacks the footer at <=767px; these rules
 * cover the 768–1180px gap between.
 *
 *   1. Header mega menu      2. Footer (shared nav/footer/footer-temp.html)
 */

/* ==========================================================================
   1. HEADER MEGA MENU
   --------------------------------------------------------------------------
   769–1024px: the SlickNav hamburger now comes from css/mobile-nav.css
   (site-wide). Above that the full menu returns; the 6 links are ~805px at
   the default 20px padding, so tighten them to fit beside the logo.
   ========================================================================== */
@media (min-width: 1025px) and (max-width: 1180px) {
	#big-menu .nav > li > a { padding: 0 12px; font-size: 1.05em; }
}

/* ==========================================================================
   2. FOOTER
   --------------------------------------------------------------------------
   footer-temp.html uses the legacy grid_7 / grid_5 floats, which only stack
   at <=767px (mv-style.css). In between, four ~150–220px columns squeezed the
   text and the no-wrap social row ran into "Find it Faster". Stack the two
   halves; each keeps its own two inner columns. (Scoped here rather than in
   the shared footer, which ~50 other pages load.)
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
	footer.head-foot .container > .grid_7,
	footer.head-foot .container > .grid_5 { width: 100%; margin-right: 0; float: none; }
	footer.head-foot .container > .grid_5 { margin-top: 2.4rem; }
}