/* Last public sheet. Width only: 1179 and below stays the phone nav, 1180 and above is the desktop nav.
   Hover and pointer do not decide. Later sheets cannot put the phone bar back. */

@media (min-width: 1180px) {
  #nav-toggle,
  .header-book,
  .quick-cta {
    display: none !important;
  }
  .header-cta {
    display: flex !important;
  }
  #site-nav.nav-panel {
    display: flex !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: auto !important;
  }
}

@media (max-width: 1179px) {
  #nav-toggle {
    display: inline-flex !important;
  }
  .header-book {
    display: inline-flex !important;
  }
  .header-cta {
    display: none !important;
  }
  .quick-cta {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
  }
  #site-nav.nav-panel:not(.is-open) {
    display: none !important;
  }
  #site-nav.nav-panel.is-open {
    display: flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}