/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
header.wp-block-template-part {
  margin-bottom: 3rem !important;
}

.fixed--container {
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 640px) {
  .fixed--container {
    top: 0 !important;
  }
}
.fixed--container.before-scroll {
  background-color: transparent;
}
.fixed--container.after-scroll {
  top: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(53 43 36 / var(--tw-bg-opacity));
  padding-top: 0px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(0 0 0 / .05);
  --tw-shadow: var(--tw-shadow-colored);
  display: block !important;
  height: 80px !important;
}
@media (min-width: 1024px) {
  .fixed--container.after-scroll {
    height: 100px !important;
  }
}
@media (min-width: 640px) {
  .fixed--container.after-scroll {
    height: 90px !important;
  }
}
.fixed--container.hide-header {
  opacity: 0;
}
.fixed--container.show-header {
  opacity: 1;
  display: block !important;
}

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