/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/team-with-details/_team-with-details.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 Team with details Template Part Styles ~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.acf-block-team-with-details .team-wrapper > .row {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.acf-block-team-with-details .team-wrapper > .row > [class*=col] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.acf-block-team-with-details .single-team-card {
  border-top: 0.1875rem solid #34c99d;
  border-bottom: 0.1875rem solid #34c99d;
  max-width: 20rem;
  height: calc(100% - 1rem);
}
@media (min-width: 576px) {
  .acf-block-team-with-details .single-team-card {
    max-width: none;
  }
}
@media (min-width: 768px) {
  .acf-block-team-with-details .single-team-card {
    max-width: 35rem;
  }
}
@media (min-width: 992px) {
  .acf-block-team-with-details .single-team-card {
    max-width: none;
  }
}
.acf-block-team-with-details .single-team-card__image-wrapper {
  width: 0.75;
  height: clamp(18rem, 17.2rem + 0.25vw, 22rem);
}
@media (min-width: 576px) {
  .acf-block-team-with-details .single-team-card__image-wrapper {
    height: 100%;
    width: 13.75rem;
  }
}
@media (min-width: 768px) {
  .acf-block-team-with-details .single-team-card__image-wrapper {
    width: 15rem;
  }
}
.acf-block-team-with-details .single-team-card__image-wrapper:hover .single-team-card__image, .acf-block-team-with-details .single-team-card__image-wrapper:focus .single-team-card__image {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.acf-block-team-with-details .single-team-card__image-wrapper:hover .single-team-card__title, .acf-block-team-with-details .single-team-card__image-wrapper:focus .single-team-card__title {
  color: #34c99d !important;
}
.acf-block-team-with-details .single-team-card__content-wrapper {
  background: #31305a;
  min-height: 0.75;
}
.acf-block-team-with-details .single-team-card__title-wrapper {
  border-top-right-radius: 0.3125rem;
  border-top-left-radius: 0.3125rem;
}
.acf-block-team-with-details .single-team-card__position {
  color: #999999;
}

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