/*
    - Name: "header.scss"
    - Description: "Header custom styles"
*/
/* Media query breakpoints */
header {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #e5e4dc !important;
  padding: 23px 0 !important;
  transition: background 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 1.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
  transition-delay: 0.5s;
  z-index: 2;
}
header.is-visible {
  opacity: 1;
}
header.is-unstuck {
  transform: translateY(-100%);
  transition: var(--base-trans);
}
header.is-unstuck-effect {
  transition: var(--base-trans);
}

.header__region > div {
  display: grid;
  padding: 0 35px !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.header__region .block-system-branding-block {
  grid-column: 2;
}
.header__region .block-language {
  grid-column: 3;
  justify-self: end;
}

@media (prefers-reduced-motion: reduce) {
  header {
    transition: none !important;
    opacity: 1 !important;
  }
}
/* Canvas edit mode: show header immediately with no transitions. */
body.toolbar-fixed header {
  transition: none !important;
  opacity: 1 !important;
}

.block-system-branding-block {
  display: flex;
  justify-content: center;
}
.block-system-branding-block img {
  max-height: 40px;
}
@media screen and (max-width: 40.0625em) {
  .block-system-branding-block img {
    max-height: 30px;
  }
}

main {
  padding-top: 82px !important;
}
@media (min-width: 992px) {
  main {
    padding-top: 92px !important;
  }
}
/*# sourceMappingURL=header.css.map */