/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_columns_dividers.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/*--------------------------------------------------------------
# LUMINA Custom: Gutter Dividers (Columns)
--------------------------------------------------------------*/
/**
 * Breakpoints & Media Queries
 */
/**
 * Typography
 */
/**
 * SCSS Variables.
 *
 * Please use variables from this sheet to ensure consistency across the UI.
 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 */
/**
 * Colors
 */
/**
 * Fonts & basic variables.
 */
/**
 * Typography
 */
/**
 * Grid System.
 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
 */
/**
 * Radius scale.
 */
/**
 * Elevation scale.
 */
/**
 * Dimensions.
 */
/**
 * Mobile specific styles
 */
/**
 * Editor styles.
 */
/**
 * Block & Editor UI.
 */
/**
 * Block paddings.
 */
/**
 * React Native specific.
 * These variables do not appear to be used anywhere else.
 */
/**
 * SCSS Variables.
 *
 * Please use variables from this sheet to ensure consistency across the UI.
 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 */
/*--------------------------------------------------------------
# LUMINA Custom: Gutter Dividers (Columns)
--------------------------------------------------------------*/
/**
*  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.
 */
/**
 * Creates a checkerboard pattern background to indicate transparency.
 * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
 */
.wp-block-columns.is-style-gutter-dividers {
  position: relative;
  /* 1. YOUR SPACING UTILITY: Base gap set to 2x the preset spacer */
  --gutter-divider-gap: calc(var(--wp--style--block-gap, 2rem) * 2);
  gap: var(--gutter-divider-gap) !important;
  /* 2. YOUR CLASS: Wide variant set to 3x the preset spacer */
}
.wp-block-columns.is-style-gutter-dividers.is-style-wide-gap {
  --gutter-divider-gap: calc(var(--wp--style--block-gap, 2rem) * 3);
}
.wp-block-columns.is-style-gutter-dividers {
  /*--------------------------------------------------------------
  ## MOBILE VIEWPORTS BY DEFAULT (< 782px)
  --------------------------------------------------------------*/
  /* Full-width horizontal shelf lines between collapsed columns */
}
.wp-block-columns.is-style-gutter-dividers > .wp-block-column:not(:first-child) {
  position: relative;
}
.wp-block-columns.is-style-gutter-dividers > .wp-block-column:not(:first-child)::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  top: calc(var(--gutter-divider-gap) / -2);
  background-color: color-mix(in srgb, currentColor 20%, transparent);
  z-index: 2;
  pointer-events: none;
}
.wp-block-columns.is-style-gutter-dividers {
  /* Full-width horizontal row divider between separate stacked block groups */
}
.wp-block-columns.is-style-gutter-dividers + .wp-block-columns.is-style-gutter-dividers {
  position: relative;
  margin-top: var(--gutter-divider-gap) !important;
}
.wp-block-columns.is-style-gutter-dividers + .wp-block-columns.is-style-gutter-dividers::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  top: calc(var(--gutter-divider-gap) / -2);
  background-color: color-mix(in srgb, currentColor 20%, transparent);
  z-index: 2;
  pointer-events: none;
}
.wp-block-columns.is-style-gutter-dividers {
  /*--------------------------------------------------------------
  ## DESKTOP & TABLET VIEWPORTS (>= 782px)
  ## Hooks natively into WordPress Core's layout engine thresholds
  --------------------------------------------------------------*/
}
@media (min-width: 782px) {
  .wp-block-columns.is-style-gutter-dividers {
    /* THE DESKTOP FLIP: Pivot mobile shelf lines into vertical gutter tracks */
  }
  .wp-block-columns.is-style-gutter-dividers > .wp-block-column:not(:first-child)::before {
    height: 100%;
    width: 1px;
    top: 0;
    left: calc(var(--gutter-divider-gap) / -2);
  }
  .wp-block-columns.is-style-gutter-dividers {
    /* Continuous Row Stacking Engine */
  }
  .wp-block-columns.is-style-gutter-dividers + .wp-block-columns.is-style-gutter-dividers {
    /* The Reach-Up: Seamlessly extends the vertical lines backward 
       through your custom 2x/3x margin gaps to seal the grid crosshairs */
  }
  .wp-block-columns.is-style-gutter-dividers + .wp-block-columns.is-style-gutter-dividers > .wp-block-column:not(:first-child)::before {
    height: calc(100% + var(--gutter-divider-gap));
    top: calc(var(--gutter-divider-gap) * -1);
  }
}

/*# sourceMappingURL=columns_dividers.css.map*/