/*
    - Name: "header.scss"
    - Description: "Header custom styles"
*/
/* Media query breakpoints */
@font-face {
  font-family: "Cardo Bold";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Bold.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cardo Regular";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Regular.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cardo Italic";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Italic.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Libre Caslon Display";
  src: url("/themes/custom/historias/assets/fonts/librecaslon/LibreCaslonDisplay-Regular.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/librecaslon/LibreCaslonDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/themes/custom/historias/assets/fonts/icomoon/icomoon.tff") format("tff"), url("/themes/custom/historias/assets/fonts/icomoon/icomoon.eot?") format("eot"), url("/themes/custom/historias/assets/fonts/icomoon/icomoon.woff") format("woff");
}
header {
  position: fixed;
  top: var(--admin-toolbar-top-bar-height);
  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;
  }
}
.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: 92px !important;
}
/*# sourceMappingURL=header.css.map */