/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/blocks/group_flow-columns.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
/**
 * Breakpoints & Media Queries
 */
/* ==========================================================================
   LUMINA: Editorial Multi-Column Group Flow (2-Col & 3-Col)
   ========================================================================== */
.wp-block-group.is-style-2-columns,
.wp-block-group.is-style-3-columns {
  -moz-column-gap: var(--wp--style--block-gap, 2.5rem);
       column-gap: var(--wp--style--block-gap, 2.5rem);
  -moz-column-rule: 1px solid color-mix(in srgb, currentColor 15%, transparent);
       column-rule: 1px solid color-mix(in srgb, currentColor 15%, transparent);
}
.wp-block-group.is-style-2-columns h1, .wp-block-group.is-style-2-columns h2, .wp-block-group.is-style-2-columns h3, .wp-block-group.is-style-2-columns h4, .wp-block-group.is-style-2-columns h5, .wp-block-group.is-style-2-columns h6,
.wp-block-group.is-style-2-columns figure,
.wp-block-group.is-style-2-columns blockquote,
.wp-block-group.is-style-2-columns .wp-block-buttons,
.wp-block-group.is-style-2-columns .wp-block-image,
.wp-block-group.is-style-3-columns h1,
.wp-block-group.is-style-3-columns h2,
.wp-block-group.is-style-3-columns h3,
.wp-block-group.is-style-3-columns h4,
.wp-block-group.is-style-3-columns h5,
.wp-block-group.is-style-3-columns h6,
.wp-block-group.is-style-3-columns figure,
.wp-block-group.is-style-3-columns blockquote,
.wp-block-group.is-style-3-columns .wp-block-buttons,
.wp-block-group.is-style-3-columns .wp-block-image {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.wp-block-group.is-style-2-columns > :first-child,
.wp-block-group.is-style-3-columns > :first-child {
  margin-top: 0;
}
@media (max-width: 781px) {
  .wp-block-group.is-style-2-columns,
  .wp-block-group.is-style-3-columns {
    -moz-column-count: 1 !important;
         column-count: 1 !important;
  }
}

.wp-block-group.is-style-2-columns {
  -moz-column-count: 2;
       column-count: 2;
}

.wp-block-group.is-style-3-columns {
  -moz-column-count: 3;
       column-count: 3;
}
@media (min-width: 782px) and (max-width: 960px) {
  .wp-block-group.is-style-3-columns {
    -moz-column-count: 2;
         column-count: 2;
  }
}

/* One-click style for Group Grids */
.wp-block-group.is-style-group-grid-dividers {
  background-color: color-mix(in srgb, currentColor 15%, transparent) !important; /* The line color */
  gap: 1px !important; /* Creates 1px dividers horizontally and vertically */
  padding: 1px; /* Prevents outer border bleeding */
  /* Ensure child cards/items cover the gap background */
}
.wp-block-group.is-style-group-grid-dividers > * {
  background-color: var(--wp--preset--color--base, #ffffff);
  margin: 0 !important;
}
