/* Match the phone navigation spacing approved on GreggCostin.com. */
@media (max-width:640px) {
  body .main-banner,body .spa-nav {border-bottom:1px solid #ccb98255!important}
  body .main-banner .banner-row,body .spa-nav>div:first-of-type {
    display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
    justify-content:space-evenly!important;gap:8px!important;padding:4px 16px 0!important;min-height:0!important;
  }
  body .main-banner .banner-row>*,body .spa-nav>div:first-of-type>div {flex:0 0 auto!important;min-width:0}
  body .main-banner .banner-lrr,body .spa-nav>div:first-of-type>div:first-child {display:block!important}
  body .main-banner .banner-row img,body .spa-nav>div:first-of-type img {height:36px!important;width:auto!important;max-width:100%;object-fit:contain}
  body .main-banner .banner-contact,body .spa-nav>div:first-of-type>div:nth-child(3) {display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}
  body .main-banner .banner-phone,body .spa-nav a[href^="tel:"] {display:block!important;min-height:0!important;padding:0!important;font-size:13px!important;line-height:1.75!important;letter-spacing:.5px!important}
  body .main-banner .banner-email,body .spa-nav a[href^="mailto:"] {display:block!important;padding:0!important;font-size:9px!important;line-height:1.75!important;letter-spacing:.3px!important}
  body .main-banner .banner-tabs,body .spa-nav .tabbar {
    display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
    justify-content:center!important;align-items:center!important;gap:0!important;padding:2px 5px 4px!important;position:static!important;
  }
  body .main-banner .banner-tabs>a,body .main-banner .banner-tabs>button,body .main-banner .banner-tabs>.banner-search,
  body .main-banner .banner-tabs .dropdown>button,body .main-banner .banner-tabs .dropdown>a,
  body .spa-nav .tabbar>button,body .spa-nav .tabbar>a,
  body .spa-nav .tabbar .spa-drop>button,body .spa-nav .tabbar .spa-drop>a {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:18px!important;width:auto!important;margin:0!important;padding:1px 8px!important;
    font-size:10px!important;font-weight:500!important;letter-spacing:.2px!important;line-height:1.1!important;
    white-space:nowrap!important;text-transform:uppercase!important;border-radius:6px!important;
    background:transparent!important;color:rgba(255,255,255,.85)!important;border-bottom:0!important;
  }
  body :is(.main-banner,.spa-nav) :is(.banner-tabs,.tabbar) [data-pmh-current][aria-current] {
    color:#d4b768!important;box-shadow:inset 0 -2px #d4b768!important;
  }
  body .main-banner .banner-search svg,body .spa-nav [aria-label="Search the site"] svg {width:14px!important;height:14px!important}
  /* Keep open menus below the ribbon and inside the phone viewport. */
  body .main-banner .banner-tabs .dropdown,body .spa-nav .tabbar .spa-drop {display:flex!important;align-items:center!important;position:static!important;padding:0!important;line-height:1.1!important}
  body .main-banner .dropdown-menu,body .spa-nav .spa-dropmenu {
    position:absolute!important;top:100%!important;left:12px!important;right:12px!important;
    min-width:0!important;max-width:none!important;max-height:min(60dvh,440px)!important;overflow-y:auto!important;
  }
  body .main-banner .dropdown-menu>a,body .spa-nav .spa-dropmenu>a,body .spa-nav .spa-dropmenu>button {
    display:block!important;width:100%!important;min-height:36px!important;padding:9px 12px!important;
    font-size:13px!important;line-height:1.4!important;white-space:normal!important;text-align:left!important;
  }
}
@media (max-width:360px) {
  body .main-banner .banner-email,body .spa-nav a[href^="mailto:"] {display:none!important}
  body .main-banner .banner-tabs>a,body .main-banner .banner-tabs>button,body .main-banner .banner-tabs>.banner-search,
  body .main-banner .banner-tabs .dropdown>button,body .main-banner .banner-tabs .dropdown>a,
  body .spa-nav .tabbar>button,body .spa-nav .tabbar>a,
  body .spa-nav .tabbar .spa-drop>button,body .spa-nav .tabbar .spa-drop>a {padding-left:6px!important;padding-right:6px!important}
}