/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** 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/columns.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
/*-----------------------------------------------------------------------------
# Columns and Column
-----------------------------------------------------------------------------*/
/**
 * Breakpoints & Media Queries
 */
/* Padding for colored backgrounds on columns and individual column */
.wp-block-columns.has-background {
  padding: var(--wp--preset--spacing--60);
}

.wp-block-column.has-background {
  padding: var(--wp--preset--spacing--40);
}

/* OVERRIDE horizontal padding on mobile and tablet (782px) */
@media only screen and (max-width: 781px) {
  .wp-block-columns.has-background,
  .wp-block-columns > .wp-block-column.has-background {
    padding-left: var(--wp--style--root--padding-left) !important;
    padding-right: var(--wp--style--root--padding-right) !important;
  }
}
/*-----------------------------------------------------------------------------
# Columns and Column: Custom
-----------------------------------------------------------------------------*/
.wp-block-columns.is-style-no-gap,
.wp-block-columns.is-style-no-gap .wp-block-column:not(.has-background),
.wp-block-columns.is-style-no-gap.has-background:not(.has-global-padding) {
  gap: 0 !important;
  padding: 0 !important;
}

/* Columns thick gap */
.wp-block-columns.is-style-thick-gap,
.wp-block-columns.is-style-thick-gap.has-background {
  gap: calc(2 * var(--wp--style--block-gap));
}

/* Column no padding */
.wp-block-column.is-style-no-padding {
  padding: 0;
}

/* ==========================================================================
   COLUMNS: CENTER ON MOBILE OVERRIDE
   ========================================================================== */
@media only screen and (max-width: 781px) {
  .wp-block-columns.is-style-center-on-mobile {
    /* Reduce row gap when columns stack vertically */
    row-gap: var(--wp--preset--spacing--30);
  }
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content) {
    /* 1. Inherited text centering for prose, headings, links, & template parts */
    text-align: center !important;
  }
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content),
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content) > .wp-block-template-part {
    text-align: center !important;
    --navigation-layout-justify: center;
    /* 2. Handles BOTH Row (justify-content) and Column (align-items) flex groups */
  }
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content) :is(.wp-block-buttons, .wp-block-social-links, .wp-block-group.is-layout-flex, .wp-block-navigation),
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content) > .wp-block-template-part :is(.wp-block-buttons, .wp-block-social-links, .wp-block-group.is-layout-flex, .wp-block-navigation) {
    display: flex;
    justify-content: center !important; /* Horizontal for Rows / Vertical for Columns */
    align-items: center !important; /* Vertical for Rows / Horizontal for Columns */
  }
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content),
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content) > .wp-block-template-part {
    /* 3. Center images & videos */
  }
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content) :is(.wp-block-image, .wp-block-video),
  .wp-block-columns.is-style-center-on-mobile .wp-block-column:not(.wp-block-navigation__responsive-container-content) > .wp-block-template-part :is(.wp-block-image, .wp-block-video) {
    margin-left: auto;
    margin-right: auto;
  }
  /* Override columns thick gap so vertical spacing matches up */
  .wp-block-columns.is-style-thick-gap,
  .wp-block-columns.is-style-thick-gap.has-background {
    gap: var(--wp--style--block-gap);
  }
}