#site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.admin-bar #site-header {
  top: 32px;
}
#site-header.scroll {
  position: sticky;
  left: auto;
  box-shadow: 0 2px 12px rgba(28, 24, 20, 0.18);
}
#site-header.scroll .header-top {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
}
#site-header.scroll .topbar {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
}
#site-header.scroll .header-center {
  padding-top: 8px;
  padding-bottom: 8px;
}
#site-header.scroll .site-logo .logo-img {
  max-height: 40px;
}
@media (max-width: 767.98px) {
  #site-header.scroll .header-top {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  #site-header.scroll .site-logo .logo-img {
    max-height: 36px;
  }
}

body.scroll {
  margin-top: 0;
}

@media (prefers-reduced-motion: no-preference) {
  #site-header .topbar {
    transition: padding 0.3s ease, font-size 0.3s ease;
  }
  #site-header .header-center {
    transition: padding 0.3s ease;
  }
  #site-header .site-logo .logo-img {
    transition: max-height 0.3s ease;
  }
}