/* Logged-out phone header for the public NCAA pages. */
@media (max-width: 820px) {
  #logo { overflow: hidden; background-image: none !important; }
  #logo_text, #logo_text h3, #logo_text h3 a { float: none !important; position: relative !important; left: 0 !important; width: 100% !important; max-width: 100% !important; text-align: center !important; }
  #logo_text h3 { padding: 8px 0 4px !important; }
  #logo img { display: inline-block !important; width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; height: auto !important; }
  body.guest-menu #menubar { clear: both !important; line-height: 0 !important; font-size: 0 !important; padding: 0 !important; height: auto !important; }
  body.guest-menu #mbmcpebul_table.guest-ready { display: flex !important; align-items: flex-start; flex-wrap: nowrap; width: 100% !important; max-width: 100% !important; height: 40px !important; box-sizing: border-box; padding: 0 0 0 20px !important; margin: 0; line-height: 0 !important; }
  body.guest-menu #mbmcpebul_table.guest-ready > li.guest-hide { display: none !important; }
  body.guest-menu #mbmcpebul_table.guest-ready > li.guest-login { margin-left: auto; }
  body.guest-menu #mbmcpebul_table.guest-ready > li.guest-signup { margin-left: 8px; }
  #mbmcpebul_table > li.guest-link { display: none !important; }
  body.guest-menu #mbmcpebul_table.guest-ready > li.guest-link { display: block !important; float: none !important; width: auto !important; }
  body.guest-menu #mbmcpebul_table.guest-ready > li.guest-link div.buttonbg { background: #C9452A !important; background-image: none !important; width: auto !important; height: 40px !important; min-height: 40px; text-align: center !important; }
  body.guest-menu #mbmcpebul_table.guest-ready > li.guest-link:hover div.buttonbg { background: #A9341C !important; background-image: none !important; }
  body.guest-menu #mbmcpebul_table.guest-ready > li.guest-link a,
  body.guest-menu #mbmcpebul_table.guest-ready > li.guest-link:hover a { color: #fff !important; display: block !important; text-align: center !important; font-size: 16px !important; line-height: 16px !important; font-weight: bold !important; padding: 13px 14px 0 !important; }
  body.guest-menu #header a[id$="lnkbtnsignup"],
  body.guest-menu #header a[id$="LoginStatus1"] { display: none !important; }
}

/* NCAA phone header (Oct 4 2026). Phone widths only; desktop is untouched.
   Makes the NCAA logo sit exactly like the NFL logo on phones: centered, 8px from the top and sides,
   full width (calc(100vw - 16px)), height from the image's own proportions. The !important rules also
   beat the inline style="height:42px;width:543px" (ncaa.pickempool.com) / "width:370px"
   (mypickempool.com/NCAA) that ASP.NET writes on the logo <img id="Image1"> for phone browsers.
   #status margin: ncaa.pickempool.com's style.css (?v=20261002u) adds "margin: 6px 0" to #status on
   phones, which NFL's style.css does not; this puts the status bar where it is on NFL. */
@media (max-width: 820px) {
  #logo #logo_text h3 a img, #logo img#Image1 { display: inline-block !important; width: calc(100vw - 16px) !important; max-width: calc(100vw - 16px) !important; height: auto !important; float: none !important; margin: 0 !important; }
  #status { margin: 0 !important; }
}