/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/components/blocks/content-with-custom-grid/_content-with-custom-grid.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~ Bootstrap Variables ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~ Color system ~~~~~ */
/* ~~~~~ Grid ~~~~~ */
/* ~~~~~ Fonts ~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Variables ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ WP Admin Bar heights ~~~~~~~~~~ */
/* ~~~~~~~~~~ Settings ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fonts ~~~~~~~~~~ */
/* ~~~~~~~~~~ Plugins ~~~~~~~~~~ */
/* ~~~~~ OWL Carousel ~~~~~ */
/* ~~~~~~~~~~ CSS Custom Properties (2025 Modern Pattern) ~~~~~~~~~~ */
/* Phase 2.5: Mobile Navigation Modernization */
:root {
  /* Spacing Scale (8px base unit) */
  --space-unit: 0.5rem; /* 8px */
  --space-xs: calc(var(--space-unit) * 1); /* 8px */
  --space-sm: calc(var(--space-unit) * 1.5); /* 12px */
  --space-md: calc(var(--space-unit) * 2); /* 16px */
  --space-lg: calc(var(--space-unit) * 3); /* 24px */
  --space-xl: calc(var(--space-unit) * 4); /* 32px */
  /* Typography Scale */
  --text-sm: 0.875rem; /* 14px */
  --text-base: 1rem; /* 16px */
  --text-lg: 1.125rem; /* 18px */
  /* Touch Targets (44px minimum per Apple HIG) */
  --tap-target: 2.75rem; /* 44px */
  /* Mobile Navigation */
  --nav-width-mobile: 80vw;
  --nav-width-max: 400px;
  --nav-padding-inline: var(--space-lg);
  --nav-padding-block: var(--space-md);
  /* Context-Aware Component Variables (inherited by children) */
  --button-width: auto; /* Default: shrink to content */
  --button-min-width: 9.375rem; /* Default: 150px (desktop base) */
  --button-align: flex-start; /* Default: left-aligned */
  --contact-icon-size: 32px; /* Default: desktop size */
  /* Button Size Presets (Phase 4.5) */
  --button-min-width-small: 1rem; /* 16px */
  --button-min-width-medium: 12.5rem; /* 200px */
  --button-min-width-large: 15.625rem; /* 250px */
  /* Logo Sizing (Phase 4.5: Responsive) */
  --logo-size: 80px; /* Desktop default */
  --logo-size-tablet: 60px; /* Tablet (768px-991px) */
  --logo-size-mobile: 60px; /* Mobile (<768px) */
}

/* Responsive Scaling (mobile-first) */
@media (max-width: 375px) {
  :root {
    --space-unit: 0.4rem; /* Tighter spacing on small screens */
  }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Mixins ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Helper Functions ~~~~~~~~~~ */
/* ~~~~~ String Split (needed by spacings/classes) ~~~~~ */
/* ~~~~~ Strip Unit ~~~~~ */
/* ~~~~~ Convert to REM ~~~~~ */
/* ~~~~~ Get Crunch Spacer ~~~~~ */
/* ~~~~~ Fluid Helper (from legacy fluid.scss) ~~~~~ */
/* ~~~~~~~~~~~~ Modern Fluid Typography (2025 - Native CSS clamp) ~~~~~~~~~~~~ */
/* ~~~~~~~~~~ DEPRECATED: Fluid type ~~~~~~~~~~ */
/* ~~~~~~~~~ Fluid margin/padding helpers ~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~ Spacings ~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ DEPRECATED: Letter spacing ~~~~~~~~~~~ */
/* ~~~~~~~~~~ Sticky WordPress Admin Bar Fix ~~~~~~~~~~ */
/* ~~~~~~~~~~ Sizing Class Generator ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~ Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ DEPRECATED: Element spacing ~~~~~~~~~~ */
/* ~~~~~~~~~~ Respond to specific brekpoint ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Placeholders ~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~ Single transition ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fill the whole space ~~~~~~~~~~ */
/* ~~~~~~~~~~ Font Size Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Letter Spacing Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~ ACF Block Content With Custom Grid Template Part Styles ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.acf-block-content-with-custom-grid__content-wrapper {
  margin-top: clamp(-1.5rem, -1.4rem + -0.03125vw, -2rem);
}
.acf-block-content-with-custom-grid__content-wrapper--with-title {
  margin-top: clamp(1.5rem, 1.4rem + 0.03125vw, 2rem);
}
.acf-block-content-with-custom-grid__icon-wrapper {
  width: 0.75;
  height: 0.75;
  left: calc(50% - 2.53125rem);
  top: 0.75;
}
.acf-block-content-with-custom-grid__image-box-wrapper {
  height: clamp(12rem, 11.15rem + 0.265625vw, 16.25rem);
}
.acf-block-content-with-custom-grid__image {
  max-width: 100%;
  width: 100%;
}
.acf-block-content-with-custom-grid .single-video {
  background: #000;
  padding-bottom: 65%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
.acf-block-content-with-custom-grid .single-video iframe,
.acf-block-content-with-custom-grid .single-video object,
.acf-block-content-with-custom-grid .single-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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