/* MAPSA_HEADER_LOGO_V3_START */
/* Header-only override. All site content, widths, and colors outside the header are unchanged. */
html body header.header {
  box-sizing: border-box !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  padding-block: 0 !important;
}
html body header.header > .wrap.nav,
html body header.header > .nav {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  box-sizing: border-box !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}
/* The approved MAPSA logo had very large blank margins: use the same artwork, tightly trimmed. */
html body header.header a.brand {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  flex: 0 0 180px !important;
  overflow: visible !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  gap: 0 !important;
}
html body header.header a.brand::before {
  content: '' !important;
  display: block !important;
  position: static !important;
  box-sizing: border-box !important;
  flex: 0 0 180px !important;
  width: 180px !important;
  height: 45px !important;
  min-width: 180px !important;
  min-height: 45px !important;
  max-width: 180px !important;
  max-height: 45px !important;
  background: url('../assets/images/mapsa-logo-tight-v3.png') center center / contain no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}
html body header.header a.brand > img,
html body header.header a.brand > span,
html body header.header a.brand > small,
html body header.header a.brand > strong,
html body header.header a.brand > em {
  display: none !important;
}
/* Reconcile the navigation line-height with the shorter header. */
html body header.header nav#nav {
  height: 100% !important;
  min-height: 0 !important;
  align-items: center !important;
}
html body header.header nav#nav > a {
  box-sizing: border-box !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}
html body header.header .nav-tools {
  height: 100% !important;
  align-items: center !important;
}
html body header.header .nav-tools button,
html body header.header .menu-toggle {
  max-height: 34px !important;
}
@media (max-width: 700px) {
  html body header.header,
  html body header.header > .wrap.nav,
  html body header.header > .nav {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
  html body header.header a.brand {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
    flex-basis: 168px !important;
  }
  html body header.header a.brand::before {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    flex-basis: 168px !important;
  }
  html body header.header nav#nav {
    top: 44px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    align-items: stretch !important;
  }
  html body header.header nav#nav > a {
    display: block !important;
    height: auto !important;
    padding: 9px !important;
  }
}
@media (max-width: 390px) {
  html body header.header a.brand {
    width: 151px !important;
    min-width: 151px !important;
    max-width: 151px !important;
    flex-basis: 151px !important;
  }
  html body header.header a.brand::before {
    width: 151px !important;
    min-width: 151px !important;
    max-width: 151px !important;
    flex-basis: 151px !important;
  }
}
/* MAPSA_HEADER_LOGO_V3_END */