/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/shadow-box/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/* Responsive Queries
========================================================= */
/* Media Breakpoints
========================================================= */
/* Between Breakpoints
========================================================= */
/* Color VARs
========================================================= */
/* Color VARs (values defined in theme.json)
========================================================= */
/* Fonts (fonts defined in theme.json)
========================================================= */
/* EM to PX
========================================================= */
/* REM to PX
========================================================= */
/* BG Image
========================================================= */
/* Padding - Global Rows
========================================================= */
/* Global Transition ( property, duration, easing )
========================================================= */
/* Font Awesome 5 ( needs content specified )
========================================================= */
/* Additional Helper Mixins
========================================================= */
/* Shadow Borders
========================================================= */
/* Button ( color, background, border )
========================================================= */
/* Checkboxes
========================================================= */
/* Lists
========================================================= */
/* Headers and Presets
========================================================= */
.ct-block.shadow-box {
  background-color: var(--backgroundColor);
  box-shadow: 0 0 0 0 var(--shadowColor), 0 0 0 0 black;
  padding: 30px;
  transform: translateY(10px);
  transition-delay: 500ms;
  transition: 1000ms box-shadow cubic-bezier(0.3, 0.7, 0.4, 1), 1000ms transform cubic-bezier(0.3, 0.7, 0.4, 1);
}
.ct-block.shadow-box h2 {
  margin-bottom: 30px;
}
.ct-block.shadow-box h3 {
  margin-bottom: 20px;
}
.ct-block.shadow-box.full-height {
  height: 100%;
}
.ct-block.shadow-box.centered {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.ct-block.shadow-box.in-view {
  box-shadow: 0 9px 0 0 var(--shadowColor), 0 10px 0 0 black;
  transform: translateY(0);
}

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