/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/Blocks/Header/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.booom-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 50;
}
.booom-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  height: 100%;
  z-index: -1;
  transition: opacity 0.3s ease-in-out;
}
.booom-header.scrolled::before {
  opacity: 0.3;
}
.booom-header .wp-block-navigation__responsive-container-open svg {
  height: 32px;
  width: 32px;
}
.booom-header .wp-block-navigation__responsive-container-close {
  right: 1rem;
  top: 1rem;
}
.booom-header .wp-block-navigation__responsive-container-close svg {
  height: 40px;
  width: 40px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--wp--preset--color--base);
}
.booom-header .wp-block-navigation__responsive-container-content {
  padding-left: 1rem;
  padding-right: 1rem;
}
.booom-header .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
  padding-top: var(--wp--preset--spacing--xxxl);
  padding-bottom: var(--wp--preset--spacing--xxxxxxxxxl);
}
@media (min-width: 768px) {
  .booom-header .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.booom-header .wp-block-navigation__responsive-container-content .wp-block-navigation__container li {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  font-size: var(--wp--preset--font-size--xxl) !important;
  letter-spacing: 0em !important;
  color: var(--wp--preset--color--base) !important;
}
@media (min-width: 768px) {
  .booom-header .wp-block-navigation__responsive-container-content .wp-block-navigation__container li {
    font-size: var(--wp--preset--font-size--md) !important;
  }
}
.booom-header .wp-block-navigation__responsive-container {
  background-color: var(--wp--preset--color--secondary) !important;
}

/*# sourceMappingURL=style-Header.css.map*/