/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./src/components/template-parts/blocks/full-width/three-columns-with-images/_three-columns-with-images.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Bootstrap Variables
 */
/*
 * Color system
 */
/**
 * Grid
 */
/**
 * Border Radius
 */
/**
 * Fonts
 */
/**
 * Crunch Utilities
 */
/**
 * Variables
 */
/* ~~~~~~~~~~ WP Admin Bar heights ~~~~~~~~~~ */
/* ~~~~~~~~~~ Settings ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fonts ~~~~~~~~~~ */
/* ~~~~~~~~~~ Plugins ~~~~~~~~~~ */
/* stylelint-disable */
/**
 * Mixins
 */
/* ~~~~~~~~~~ Helper Functions ~~~~~~~~~~ */
/* ~~~~~ Strip Unit ~~~~~ */
/* ~~~~~ Convert to REM ~~~~~ */
/* ~~~~~ Get Crunch Spacer ~~~~~ */
/* ~~~~~~~~~~~~ Fluid  ~~~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Fluid
 */
/* ~~~~~~~~ String split ~~~~~~~~ */
/* ~~~~~~~~ String replace ~~~~~~~~ */
/* ~~~~~~~~ Join sign with number  ~~~~~~~~ */
/* ~~~~~~~~~~ String to number conversion by Hugo Giraudel ~~~~~~~~~~ */
/* ~~~~~ Helper for fluid function ~~~~~ */
/* ~~~~~ Letter-spacing functions ~~~~~ */
/* ~~~~~~~~ Return index of array diff ~~~~~~~~ */
/* ~~~~~~~~~ Fluid margin/padding helpers ~~~~~~~~~ */
/**
 * Spacings
 */
/* ~~~~~~~~~~ Sizing Class Generator ~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Classes
 */
/* ~~~~~~~~~~ Respond to specific brekpoint ~~~~~~~~~~ */
/* ~~~~~~~~~~ Bootsrap Container Max Width ~~~~~~~~~~ */
/* ~~~~~~~~~~ Transition ~~~~~~~~~~ */
/**
 * Placeholders Template Part Styles
 */
/* ~~~~~~~~~~ Background cover ~~~~~~~~~~ */
/* ~~~~~~~~~~ Object Fit ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hide ~~~~~~~~~~ */
/* ~~~~~~~~~~ Adjustable Element ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fill the whole space ~~~~~~~~~~ */
/* ~~~~~~~~~~ Optimize image contrast ~~~~~~~~~~ */
/* ~~~~~~~~~~ Font Size Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Letter Spacing Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Animated Border Bottom ~~~~~~~~~~ */
/* ~~~~~~~~~~ Lock Postion ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hover opacity classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Flex 0 0 auto ~~~~~~~~~~ */
/**
 * Placeholders Buttons Template Part Styles
 */
/**
 *  ACF Three Columns with Images
 *  Full Width Block
 */
.acf-block-three-columns-with-images {
  /**
   *  Foundation "Overview" layout variants (Homepage).
   *  Tilted rounded photos, brush-font uppercase heading, underline divider,
   *  uppercase body copy. Opt-in via the block's Layout select field; the
   *  default layout is unaffected. Element classes are emitted without the
   *  modifier suffix, so they are scoped here as descendants of the modifier.
   *
   *  Two variants share this element styling:
   *   - `--foundation-overview`       purple full-bleed field, white copy.
   *   - `--foundation-overview-no-bg` transparent, pulled up to overlap the
   *                                   previous section (see below). Colours are
   *                                   inherited from the Overview treatment so
   *                                   it merges cleanly into a dark section above.
   */
}
@media (max-width: 767.98px) {
  .acf-block-three-columns-with-images h2.h1 span {
    font-size: 3.125rem !important;
  }
}
.acf-block-three-columns-with-images__featured-links a {
  font-size: 1.1875rem;
  text-decoration: underline;
}
.acf-block-three-columns-with-images__decor-image {
  bottom: -7rem;
  right: 0rem;
  height: 10rem;
}
@media (min-width: 576px) {
  .acf-block-three-columns-with-images__decor-image {
    bottom: -8.45rem;
    right: 0rem;
    height: 11.65rem;
  }
}
@media (min-width: 768px) {
  .acf-block-three-columns-with-images__decor-image {
    bottom: -9.9rem;
    right: 0rem;
    height: 13.3rem;
  }
}
@media (min-width: 992px) {
  .acf-block-three-columns-with-images__decor-image {
    bottom: -11.35rem;
    right: 0rem;
    height: 14.95rem;
  }
}
@media (min-width: 1200px) {
  .acf-block-three-columns-with-images__decor-image {
    bottom: -12.8rem;
    right: 0rem;
    height: 16.6rem;
  }
}
@media (min-width: 1360px) {
  .acf-block-three-columns-with-images__decor-image {
    bottom: -14.25rem;
    right: 0rem;
    height: 18.25rem;
  }
}
:where(.acf-block-three-columns-with-images--foundation-overview), :where(.acf-block-three-columns-with-images--foundation-overview-no-bg), :where(.acf-block-three-columns-with-images--foundation-overview-no-bg-flush) {
  padding-top: 5rem;
  padding-bottom: 6.25rem;
}
.acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-item, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-item, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-item {
  width: 100%;
}
.acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-image, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-image, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-image {
  overflow: hidden;
  width: 100%;
  max-width: 22rem;
  border-radius: 0;
  -webkit-box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.18);
          box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.18);
  aspect-ratio: 321/300;
}
.acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-image img, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-image img, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-image img {
  border-radius: inherit;
}
.acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-heading {
  color: #9ce6e2;
  font-family: "Sumber Brush", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1;
}
.acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-heading {
  font-size: 1.75rem;
}
@media (min-width: 576px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-heading {
    font-size: 1.8375rem;
  }
}
@media (min-width: 768px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-heading {
    font-size: 1.925rem;
  }
}
@media (min-width: 992px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-heading {
    font-size: 2.0125rem;
  }
}
@media (min-width: 1200px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-heading {
    font-size: 2.1rem;
  }
}
@media (min-width: 1360px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-heading, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-heading {
    font-size: 2.1875rem;
  }
}
.acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-divider, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-divider, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-divider {
  display: block;
  width: 10rem;
  max-width: 60%;
  height: 0.25rem;
  margin-top: 0.625rem;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.85);
}
.acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-text {
  color: #fff;
  font-family: "Barlow Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.05;
  text-transform: uppercase;
}
.acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-text {
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-text {
    font-size: 1.3125rem;
  }
}
@media (min-width: 768px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-text {
    font-size: 1.375rem;
  }
}
@media (min-width: 992px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-text {
    font-size: 1.4375rem;
  }
}
@media (min-width: 1200px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-text {
    font-size: 1.5rem;
  }
}
@media (min-width: 1360px) {
  .acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-text, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-text {
    font-size: 1.5625rem;
  }
}
.acf-block-three-columns-with-images--foundation-overview .acf-block-three-columns-with-images__overview-text p, .acf-block-three-columns-with-images--foundation-overview-no-bg .acf-block-three-columns-with-images__overview-text p, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .acf-block-three-columns-with-images__overview-text p {
  margin-bottom: 0;
}
.acf-block-three-columns-with-images--foundation-overview .col-lg-4:nth-child(3n+1) .acf-block-three-columns-with-images__overview-image, .acf-block-three-columns-with-images--foundation-overview-no-bg .col-lg-4:nth-child(3n+1) .acf-block-three-columns-with-images__overview-image, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .col-lg-4:nth-child(3n+1) .acf-block-three-columns-with-images__overview-image {
  -webkit-transform: rotate(11deg);
          transform: rotate(11deg);
}
.acf-block-three-columns-with-images--foundation-overview .col-lg-4:nth-child(3n+2) .acf-block-three-columns-with-images__overview-image, .acf-block-three-columns-with-images--foundation-overview-no-bg .col-lg-4:nth-child(3n+2) .acf-block-three-columns-with-images__overview-image, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .col-lg-4:nth-child(3n+2) .acf-block-three-columns-with-images__overview-image {
  -webkit-transform: rotate(-11deg);
          transform: rotate(-11deg);
}
.acf-block-three-columns-with-images--foundation-overview .col-lg-4:nth-child(3n) .acf-block-three-columns-with-images__overview-image, .acf-block-three-columns-with-images--foundation-overview-no-bg .col-lg-4:nth-child(3n) .acf-block-three-columns-with-images__overview-image, .acf-block-three-columns-with-images--foundation-overview-no-bg-flush .col-lg-4:nth-child(3n) .acf-block-three-columns-with-images__overview-image {
  -webkit-transform: rotate(7deg);
          transform: rotate(7deg);
}
.acf-block-three-columns-with-images--foundation-overview {
  background-color: #532365;
  color: #fff;
}
.acf-block-three-columns-with-images--foundation-overview-no-bg {
  position: relative;
  z-index: 2;
  margin-top: -3rem;
}
@media (min-width: 992px) {
  .acf-block-three-columns-with-images--foundation-overview-no-bg {
    margin-top: -10.5rem;
  }
}