/* INS-QTE+ unified charcoal header — intentionally loaded after page styles. */
html body header.site-header,
html body header.new-header,
html body.about-kevin-page header.new-header {
  background: #1d1d1f !important;
  background-image: none !important;
  color: #f5f5f3 !important;
  border: 0 !important;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .16) !important;
}

html body header.site-header .header-inner {
  background: transparent !important;
  min-height: 74px !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

html body header.new-header,
html body.about-kevin-page header.new-header {
  width: 100% !important;
  max-width: none !important;
  min-height: 74px !important;
  margin: 0 !important;
  padding-top: 11px !important;
  padding-right: max(20px, calc((100vw - 1480px) / 2 + 20px)) !important;
  padding-bottom: 11px !important;
  padding-left: max(20px, calc((100vw - 1480px) / 2 + 20px)) !important;
}

html body header.new-header > a,
html body header.new-header > a > img,
html body header.site-header .logo,
html body header.site-header .logo img {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body header.site-header .nav a,
html body header.new-header > nav > a {
  color: #f2f2ef !important;
  text-shadow: none !important;
}

html body header.site-header .nav a:hover,
html body header.site-header .nav a:focus-visible,
html body header.site-header .nav a.active,
html body header.new-header > nav > a:hover,
html body header.new-header > nav > a:focus-visible,
html body.about-kevin-page header.new-header > nav > a[href*="about"] {
  color: #a66f19 !important;
}

html body header.site-header .site-menu-toggle,
html body header.new-header .new-menu > summary {
  color: #f2f2ef !important;
}

html body header.site-header .site-menu-dropdown,
html body header.new-header .new-menu > nav {
  background: #242426 !important;
  color: #f2f2ef !important;
  border: 0 !important;
  box-shadow: 0 10px 25px rgba(24, 24, 24, .12) !important;
}

html body header.site-header .site-menu-dropdown a,
html body header.new-header .new-menu > nav a {
  color: #f2f2ef !important;
}

html body header.site-header .logo img {
  width: 165px !important;
  max-width: 165px !important;
  height: auto !important;
  image-rendering: auto;
  filter: contrast(1.20) saturate(1.18) brightness(1.10)
    drop-shadow(0 1px .5px rgba(255, 255, 255, .16)) !important;
}

html body header.new-header > a > img {
  width: 165px !important;
  max-width: 165px !important;
  height: auto !important;
  image-rendering: auto;
  filter: contrast(1.20) saturate(1.18) brightness(1.10)
    drop-shadow(0 1px .5px rgba(255, 255, 255, .16)) !important;
}

@media (max-width: 900px) {
  html body header.site-header .logo img {
    width: 155px !important;
    max-width: 155px !important;
  }

  html body header.new-header > a > img {
    width: 155px !important;
    max-width: 155px !important;
  }
}

@media (max-width: 520px) {
  html body header.site-header .logo img,
  html body header.new-header > a > img {
    width: 150px !important;
    max-width: 150px !important;
  }
}
