/* ============================================================
   Mobile adaptation for pxcw.com (legacy ASP classic site)
   Loaded by all public pages. Desktop layout is NOT changed.
   All rules are inside media queries, applied only on phones.
   ============================================================ */

@media (max-width: 760px) {

  /* --- fluid layout: fixed-width tables shrink to screen --- */
  body { margin: 0 !important; padding: 0 !important; }
  table { max-width: 100% !important; }
  td, th { max-width: 100% !important; }

  /* --- readable text size and line height --- */
  body, td, th, div, span, p, li, a, font { font-size: 15px !important; }
  td, p, li, div { line-height: 1.6 !important; }
  a { text-decoration: none; }

  /* --- scale images down to fit screen --- */
  img { max-width: 100% !important; height: auto !important; }

  /* --- hide 1px layout spacer images (slice tables) --- */
  img[height="1"], img[width="1"], img[width="2"], img[width="3"] { display: none !important; }

  /* --- hide Flash banners (unsupported on mobile) --- */
  object, embed { display: none !important; }

  /* --- expand the secondary menu as a flat list --- */
  .tabcontent { display: block !important; }
  #tabcontentcontainer { height: auto !important; width: 100% !important; max-width: 100% !important; }
  .cx_tabmenu { width: 100% !important; max-width: 100% !important; height: auto !important; }
  #ddimagetabs, .tabcontent { text-align: left; }
  #ddimagetabs a, .tabcontent a { float: left; padding: 6px 8px; }

  /* --- forms fit the screen, no iOS zoom on focus --- */
  input, textarea, select { font-size: 16px !important; max-width: 100% !important; box-sizing: border-box; }

  /* --- fixed bottom quick bar (rendered by mobile_nav.asp) --- */
  #m_footer { display: block !important; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; background: #066198; border-top: 1px solid #04507c; }
  #m_footer a { display: block; float: left; width: 33.333%; text-align: center; color: #ffffff !important; font-size: 15px; line-height: 46px; text-decoration: none !important; }
  #m_footer a + a { border-left: 1px solid #04507c; }
  #m_footer a:active { background: #04507c; }
  body { padding-bottom: 50px !important; }
}

@media (min-width: 761px) {
  /* desktop never shows the quick bar */
  #m_footer { display: none !important; }
}