/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./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/scss/blocks/_media-text.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
/*-----------------------------------------------------------------------------
# Media & Text (flat-blocks base layout - Matched to Group + Columns)
-----------------------------------------------------------------------------*/
/**
 * Breakpoints & Media Queries
 */
.wp-block-media-text {
  overflow: hidden;
  /* Container Background Vertical Padding */
}
.wp-block-media-text.has-background {
  padding-top: var(--wp--preset--spacing--60);
  padding-bottom: var(--wp--preset--spacing--60);
}
.wp-block-media-text.has-background:not(.alignfull) {
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
}

.wp-block-media-text.alignfull {
  box-sizing: border-box;
  width: auto !important;
  padding-left: max(var(--wp--style--root--padding-left, 2rem), 0.5 * (100% - var(--wp--style--global--wide-size, 1100px)) + var(--wp--style--root--padding-left, 2rem)) !important;
  padding-right: max(var(--wp--style--root--padding-right, 2rem), 0.5 * (100% - var(--wp--style--global--wide-size, 1100px)) + var(--wp--style--root--padding-right, 2rem)) !important;
  gap: var(--wp--preset--spacing--50, 2rem);
  justify-content: center;
}

/* 
  4. Allows CSS Grid's `auto` track to shrink into the remaining space 
  without blowing out the 1100px outer grid boundary.
*/
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
}

/* Reset child margins */
.wp-block-media-text .wp-block-media-text__content > :first-child {
  margin-block-start: 0;
}

.wp-block-media-text .wp-block-media-text__content > :last-child {
  margin-block-end: 0;
}

/* 
  5. Tablet & Mobile Stacking (<782px)
  Synchronized with Columns block collapse breakpoint
*/
@media only screen and (max-width: 781px) {
  .wp-block-media-text,
  .wp-block-media-text.alignfull {
    grid-template-columns: 1fr !important;
    gap: var(--wp--preset--spacing--40, 1.5rem) !important;
  }
  .wp-block-media-text .wp-block-media-text__media,
  .wp-block-media-text .wp-block-media-text__content {
    grid-column: 1 !important;
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
    grid-row: 1 !important;
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
    grid-row: 2 !important;
  }
}
/*-----------------------------------------------------------------------------
# Custom: Media & Text
-----------------------------------------------------------------------------*/
/* Custom Block Styles */
.wp-block-media-text.is-style-no-padding .wp-block-media-text__content {
  padding: 0;
}

/*-----------------------------------------------------------------------------
# Lumina Theme: Media & Text Custom Style (.is-style-image-border)
-----------------------------------------------------------------------------*/
.wp-block-media-text.is-style-image-border {
  /* 1. FRAME CONTAINER */
}
.wp-block-media-text.is-style-image-border .wp-block-media-text__media {
  position: relative;
  box-sizing: border-box;
  border: var(--wp--custom--border--style, solid) var(--wp--custom--border--width, 1px) var(--wp--custom--color--border, currentColor);
  border-radius: var(--wp--custom--border--radius, 0px);
  padding: var(--wp--preset--spacing--20) !important; /* Overrides Section #4 layout reset */
  overflow: hidden;
}
.wp-block-media-text.is-style-image-border .wp-block-media-text__media > a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.wp-block-media-text.is-style-image-border {
  /* 2. VIDEO: Hardware-masked to force-clip Safari GPU controls */
}
.wp-block-media-text.is-style-image-border .wp-block-media-text__media video {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
  border: none;
  padding: 0;
  border-radius: max(0px, var(--wp--custom--border--radius, 0px) - var(--wp--preset--spacing--20, 0px));
  /* WebKit Hardware Mask: Hard-clips Shadow DOM controls to the inner border-radius */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.wp-block-media-text.is-style-image-border {
  /* 3. IMAGE: Standard inline image inside figure frame */
}
.wp-block-media-text.is-style-image-border .wp-block-media-text__media img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
  border: none;
  padding: 0;
  border-radius: max(0px, var(--wp--custom--border--radius, 0px) - var(--wp--preset--spacing--20, 0px));
}
.wp-block-media-text.is-style-image-border {
  /* 4. IMAGE CROP/FILL RULES: Strictly isolated to images */
}
.wp-block-media-text.is-style-image-border.is-image-fill-element .wp-block-media-text__media, .wp-block-media-text.is-style-image-border.is-image-fill .wp-block-media-text__media {
  height: 100%;
  min-height: 250px;
}
.wp-block-media-text.is-style-image-border.is-image-fill-element .wp-block-media-text__media img, .wp-block-media-text.is-style-image-border.is-image-fill .wp-block-media-text__media img {
  position: absolute;
  top: var(--wp--preset--spacing--20, 0px);
  left: var(--wp--preset--spacing--20, 0px);
  width: calc(100% - var(--wp--preset--spacing--20, 0px) * 2);
  height: calc(100% - var(--wp--preset--spacing--20, 0px) * 2);
  -o-object-fit: cover;
     object-fit: cover;
}

/*# sourceMappingURL=media-text.css.map*/