#header {
  transition: padding 0.3s ease, background-color 0.3s ease;
  background-color: rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
#header[style*="translateY(-100%)"] {
  transform: translateY(0) !important;
}
#header .header-inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#header.navbar-shrink .header-inner {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

#header .header-background,
#header .header-background-gradient {
  background: transparent !important;
}