/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/block-styles/flashblocks/header.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-flashblocks-header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
  top: var(--wp-admin--admin-bar--height, 0px);
  transition: all var(--site-transition, 0.3s);
  height: var(--fb-header-height);
  align-content: center;
}

.headroom--not-top .wp-site-blocks {
  --fb-header-height: 100px;
}
.headroom--not-top .wp-block-flashblocks-header {
  background: var(--wp--preset--color--secondary) !important;
}
.headroom--not-top .wp-block-flashblocks-header.header-light {
  background: var(--wp--preset--color--base) !important;
}

div .is-position-sticky {
  top: calc(var(--fb-header-height) + var(--wp-admin--admin-bar--height, 0px));
  transition: top var(--site-transition, 0.3s);
}

.headroom--unpinned .wp-block-flashblocks-header {
  transform: translateY(-100%);
}
.headroom--unpinned .is-position-sticky {
  top: var(--wp-admin--admin-bar--height, 0px);
}

/*# sourceMappingURL=header.css.map*/