/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/callout-transition/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-groundworx-callout-transition {
  --content-width: 580px;
  min-height: 75vh;
}
@media not all and (min-width: 1080px) {
  .wp-block-groundworx-callout-transition {
    min-height: revert !important;
  }
  .wp-block-groundworx-callout-transition > .container-wrapper > .content-wrapper > .inner-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.wp-block-groundworx-callout-transition {
  display: grid;
  container-type: inline-size;
  min-width: 270px;
}
.wp-block-groundworx-callout-transition > .container-wrapper {
  place-self: stretch;
  width: auto;
  position: relative;
  display: grid;
  grid-template-columns: [media-start content-start] 1fr [content-end media-end];
  grid-template-rows: [media-start] auto [media-end content-start] 1fr [content-end];
}
.wp-block-groundworx-callout-transition > .container-wrapper :not(svg)[aria-hidden] {
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: ease;
}
.wp-block-groundworx-callout-transition > .container-wrapper :not(svg)[aria-hidden=true] {
  opacity: 0;
}
.wp-block-groundworx-callout-transition > .container-wrapper.is-layer-open :not(svg)[aria-hidden=false] {
  opacity: 1;
}
.wp-block-groundworx-callout-transition > .container-wrapper > .content-wrapper {
  grid-area: content;
  height: auto;
  width: auto;
  position: relative;
  display: grid;
  align-self: stretch;
}
.wp-block-groundworx-callout-transition > .container-wrapper > .content-wrapper > .inner-content > * {
  margin-block-start: var(--wp--style--gap);
}
.wp-block-groundworx-callout-transition > .container-wrapper > .content-wrapper > .inner-content > *:first-child {
  margin-block-start: 0;
}
.wp-block-groundworx-callout-transition > .container-wrapper > .background-layer, .wp-block-groundworx-callout-transition > .container-wrapper > .interactive-layer, .wp-block-groundworx-callout-transition > .container-wrapper > .overlay-layer {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  aspect-ratio: 16/11;
  grid-area: media;
}
.wp-block-groundworx-callout-transition > .container-wrapper > .interactive-layer {
  pointer-events: none;
}
.wp-block-groundworx-callout-transition > .container-wrapper > .overlay-layer {
  pointer-events: none;
}
.wp-block-groundworx-callout-transition > .container-wrapper .video-background, .wp-block-groundworx-callout-transition > .container-wrapper .image-background, .wp-block-groundworx-callout-transition > .container-wrapper .image-object {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wp-block-groundworx-callout-transition > .container-wrapper .image-background {
  background-repeat: no-repeat;
}
.wp-block-groundworx-callout-transition > .container-wrapper .image-background.has-parallax.is-repeated {
  background-size: auto;
}
.wp-block-groundworx-callout-transition > .container-wrapper .image-background.is-repeated {
  background-repeat: repeat;
}

:where(.wp-block-groundworx-callout > .container-wrapper > .content-wrapper > .inner-content) {
  padding-top: var(--wp--preset--spacing--gutter, 2rem);
  padding-bottom: var(--wp--preset--spacing--gutter, 2rem);
  padding-left: var(--wp--preset--spacing--gutter, 2rem);
  padding-right: var(--wp--preset--spacing--gutter, 2rem);
  background-color: var(--wp--preset--color--base, #ffffff);
  color: var(--wp--preset--color--contrast, #343434);
}

@media not all and (min-width: 1080px) {
  .wp-block-groundworx-callout-transition.template-default {
    min-height: revert !important;
  }
}
@media (min-width: 1080px) {
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper {
    padding: 50px;
    align-items: center;
    grid-template-columns: [media-start] auto [content-start] 1fr [content-end] auto [media-end];
    grid-template-rows: [media-start content-start] auto [content-end media-end];
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-top-center {
    align-items: flex-start;
    justify-content: center;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-center-left {
    align-items: center;
    justify-content: flex-start;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-center-center {
    align-items: center;
    justify-content: center;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-center-right {
    align-items: center;
    justify-content: flex-end;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-bottom-center {
    align-items: flex-end;
    justify-content: center;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .content-wrapper {
    margin-top: 0;
    width: 100%;
    max-width: calc(var(--wp--style--global--wide-size) - 100px);
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: minmax(auto, var(--content-width, 1fr));
    grid-template-rows: 1fr;
    align-items: center;
    justify-content: center;
  }
  .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .background-layer, .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .interactive-layer, .wp-block-groundworx-callout-transition.template-default > .container-wrapper > .overlay-layer {
    aspect-ratio: unset;
    height: 100%;
  }
}

@media not all and (min-width: 1080px) {
  .wp-block-groundworx-callout-transition.template-alt {
    min-height: revert !important;
  }
}
.wp-block-groundworx-callout-transition.template-alt > .container-wrapper {
  align-items: center;
  grid-template-columns: [media-start] minmax(16px, 1fr) [content-start] minmax(280px, var(--content-width, 1fr)) [content-end] minmax(16px, 1fr) [media-end];
  grid-template-rows: [media-start] 1fr [content-start media-end] auto [content-end];
}
.wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper {
  padding: 0px;
  margin-top: calc(var(--wp--preset--spacing--relaxed) * -1);
}
@media (min-width: 1080px) {
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper {
    padding: 50px;
    align-items: center;
    grid-template-columns: [media-start] auto [content-start] 1fr [content-end] auto [media-end];
    grid-template-rows: [media-start content-start] auto [content-end media-end];
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-top-left {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-top-center {
    align-items: flex-start;
    justify-content: center;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-top-right {
    align-items: flex-start;
    justify-content: flex-end;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-center-left {
    align-items: center;
    justify-content: flex-start;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-center-center {
    align-items: center;
    justify-content: center;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-center-right {
    align-items: center;
    justify-content: flex-end;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-bottom-center {
    align-items: flex-end;
    justify-content: center;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper.has-custom-content-position.is-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper {
    margin-top: 0;
    width: 100%;
    max-width: calc(var(--wp--style--global--content-size) - 50px);
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: minmax(auto, var(--content-width, 1fr));
    grid-template-rows: 1fr;
    align-items: center;
    justify-content: center;
  }
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .background-layer, .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .interactive-layer, .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .overlay-layer {
    aspect-ratio: unset;
    height: 100%;
  }
}
@media (min-width: 1440px) {
  .wp-block-groundworx-callout-transition.template-alt > .container-wrapper > .content-wrapper {
    max-width: calc(var(--wp--style--global--wide-size) - 50px);
  }
}

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