/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
*  Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
 * Long content fade mixin
 *
 * Creates a fading overlay to signify that the content is longer
 * than the space allows.
 */
/**
 * Breakpoint mixins
 */
/**
 * Focus styles.
 */
/**
 * Applies editor left position to the selector passed as argument
 */
/**
 * Styles that are reused verbatim in a few places
 */
/**
 * Allows users to opt-out of animations via OS-level preferences.
 */
/**
 * Reset default styles for JavaScript UI based pages.
 * This is a WP-admin agnostic reset
 */
/**
 * Reset the WP Admin page styles for Gutenberg-like pages.
 */
/**
 * Breakpoints & Media Queries
 */
.has-group-settings.has-group-display-iframe-group {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.has-group-settings.has-group-display-iframe-group iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.has-group-settings.has-group-display-cta-puffs .wp-block-columns .wp-block-column {
  min-height: auto;
  height: auto;
  position: relative;
  border-radius: 4px;
}
.has-group-settings.has-group-display-cta-puffs .wp-block-columns .wp-block-column .wp-block-cover {
  border-radius: 4px;
  min-height: 100%;
  height: auto;
  position: relative;
}
.has-group-settings.has-group-display-cta-puffs .wp-block-columns .wp-block-column .wp-block-cover h3 {
  margin-top: 0;
}
.has-group-settings.has-group-display-post .wp-block-image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.has-group-settings.has-group-display-post .wp-block-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  transition: all ease 350ms;
}
.has-group-settings.has-group-display-post:hover h3 {
  opacity: 0.55;
}
.has-group-settings.has-group-display-post:hover .wp-block-image img {
  transform: scale(1.05);
}

.has-cover-settings.has-cover-display-calculator {
  margin-top: -80px;
  padding: 80px 0 !important;
}
.has-cover-settings.has-cover-display-hero-page .wp-block-heading {
  margin: 10px 0;
}
.has-cover-settings.has-cover-display-hero-page h1.wp-block-post-title {
  position: relative;
}
.has-cover-settings.has-cover-display-hero-page h1.wp-block-post-title:after {
  content: ".";
  position: relative;
  color: var(--wp--preset--color--yellow) !important;
  margin-left: 2.5px;
  font-size: 70px;
}
@media (max-width: 1024px) {
  .has-cover-settings.has-cover-display-hero-page h1.wp-block-post-title:after {
    font-size: 65px;
  }
}
@media (max-width: 600px) {
  .has-cover-settings.has-cover-display-hero-page h1.wp-block-post-title:after {
    font-size: 45px;
  }
}
.has-cover-settings.has-cover-display-process {
  position: relative;
}
.has-cover-settings.has-cover-display-process figure {
  position: absolute;
  left: 10%;
  top: -70px;
  opacity: 0.25;
}
@media (max-width: 1280px) {
  .has-cover-settings.has-cover-display-process figure {
    left: 5%;
  }
}
@media (max-width: 1170px) {
  .has-cover-settings.has-cover-display-process figure {
    opacity: 0.45;
  }
  .has-cover-settings.has-cover-display-process figure img {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (max-width: 960px) {
  .has-cover-settings.has-cover-display-process figure {
    position: relative;
    opacity: 1;
    left: initial;
    top: initial;
  }
}
@media (max-width: 768px) {
  .has-cover-settings.has-cover-display-process figure img {
    width: 100px !important;
    height: 100px !important;
  }
}
.has-cover-settings.has-cover-display-process figure img {
  width: 200px;
  height: 200px;
}

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