/* Mobile header: centred logo and click-only navigation. */
.social .mobile-location { display: none; }

@media (max-width: 860px) {
  .social .mobile-location { display: inline-flex; }

  body.nav-open { overflow: hidden; }

  .navbar .nav-inner {
    position: relative;
    height: 82px !important;
    min-height: 82px;
    padding: 7px 14px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .navbar .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }

  .navbar .logo img {
    display: block;
    width: auto;
    max-width: min(190px, 58vw);
    max-height: 68px;
  }

  .navbar .menu-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 0 0 auto !important;
    position: relative;
    z-index: 3;
    cursor: pointer;
  }

  .navbar .nav,
  .navbar:hover .nav,
  .menu-toggle:focus + .nav {
    display: none !important;
  }

  body.nav-open .navbar .nav,
  body.nav-open .navbar:hover .nav,
  body.nav-open .menu-toggle:focus + .nav {
    display: flex !important;
    top: 100% !important;
  }
}