/* Header styles */

/* Header transformation on scroll */
.page-template-page-home header.scrolled,
header.scrolled {
  /* background-color: var(--color-primary-800); */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#menu-primary-menu a {
  /* color: white; */
  color: black;
  white-space: nowrap;
}

.page-template-page-home #menu-primary-menu a {
  color: black;
}

.page-template-page-home header.scrolled {
  /* background-color: white; */
}