/* Loaded after template CSS — keeps header fixed at top on all pages */
:root {
  --exact-header-height: 90px;
}

body.star-site {
  padding-top: var(--exact-header-height) !important;
}

body.star-site #react-header.react-header.exact-home-header {
  background: #ffffff !important;
  box-shadow: 0 4px 10px rgba(0, 14, 32, 0.06) !important;
  left: 0 !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
}

body.star-site #react-header.react-header.exact-home-header .menu-part {
  background: #ffffff !important;
}

@media (max-width: 991px) {
  :root {
    --exact-header-height: 76px;
  }
}
