/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[2].use[4]!./src/components/template-parts/blocks/full-width/accordion-with-image/_accordion-with-image-styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Bootstrap Variables
 */
/*
 * Color system
 */
/**
 * Grid
 */
/**
 * Fonts
 */
/**
 * Crunch Utilities
 */
*[class^=clamp] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

/**
 * Variables
 */
/* ~~~~~~~~~~ WP Admin Bar heights ~~~~~~~~~~ */
/* ~~~~~~~~~~ Settings ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fonts ~~~~~~~~~~ */
/* ~~~~~~~~~~ Plugins ~~~~~~~~~~ */
/* stylelint-disable */
/**
 * Mixins
 */
/* ~~~~~~~~~~ Helper Functions ~~~~~~~~~~ */
/* ~~~~~ Strip Unit ~~~~~ */
/* ~~~~~ Convert to REM ~~~~~ */
/* ~~~~~ Get Crunch Spacer ~~~~~ */
/* ~~~~~~~~~~~~ Fluid  ~~~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Fluid
 */
/* ~~~~~~~~ String split ~~~~~~~~ */
/* ~~~~~~~~ String replace ~~~~~~~~ */
/* ~~~~~~~~ Join sign with number  ~~~~~~~~ */
/* ~~~~~~~~~~ String to number conversion by Hugo Giraudel ~~~~~~~~~~ */
/* ~~~~~ Helper for fluid function ~~~~~ */
/* ~~~~~ Letter-spacing functions ~~~~~ */
/* ~~~~~~~~ Return index of array diff ~~~~~~~~ */
/* ~~~~~~~~~ Fluid margin/padding helpers ~~~~~~~~~ */
/**
 * Spacings
 */
/* ~~~~~~~~~~ Sizing Class Generator ~~~~~~~~~~ */
/* stylelint-disable order/order */
/**
 * Classes
 */
/* ~~~~~~~~~~ Respond to specific brekpoint ~~~~~~~~~~ */
/* ~~~~~~~~~~ Bootsrap Container Max Width ~~~~~~~~~~ */
/* ~~~~~~~~~~ Transition ~~~~~~~~~~ */
/**
 * Placeholders Template Part Styles
 */
/* ~~~~~~~~~~ Background cover ~~~~~~~~~~ */
/* ~~~~~~~~~~ Object Fit ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hide ~~~~~~~~~~ */
/* ~~~~~~~~~~ Adjustable Element ~~~~~~~~~~ */
/* ~~~~~~~~~~ Fill the whole space ~~~~~~~~~~ */
/* ~~~~~~~~~~ Optimize image contrast ~~~~~~~~~~ */
/* ~~~~~~~~~~ Font Size Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Letter Spacing Classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Animated Border Bottom ~~~~~~~~~~ */
/* ~~~~~~~~~~ Lock Postion ~~~~~~~~~~ */
/* ~~~~~~~~~~ Hover opacity classes ~~~~~~~~~~ */
/* ~~~~~~~~~~ Flex 0 0 auto ~~~~~~~~~~ */
/**
 * Placeholders Buttons Template Part Styles
 */
/* Accordion with Image Block Styles */
.acf-block-accordion-with-image {
  /* Left Side - Accordion Container */
  /* Accordion Item */
  /* Accordion Header (Clickable) */
  /* Accordion Title */
  /* Accordion Icon (Arrow) */
  /* Accordion Body (Expandable Content) */
  /* Right Side - Image Container */
  /* Responsive - Large Tablets */
}
.acf-block-accordion-with-image .accordion-content {
  max-width: 34.375rem;
}
.acf-block-accordion-with-image .accordion-item {
  border-bottom: 0.0625rem solid #616160;
  transition: background-color 0.3s ease;
}
.acf-block-accordion-with-image .accordion-item:last-child {
  border-bottom: none;
}
.acf-block-accordion-with-image .accordion-item:has(+ .active) {
  border: none;
}
.acf-block-accordion-with-image .accordion-item.active .accordion-header {
  background: #000033;
  border-radius: 1.5rem;
}
.acf-block-accordion-with-image .accordion-item.active .accordion-title {
  color: #F7F9FC;
}
.acf-block-accordion-with-image .accordion-item.active .accordion-icon {
  transform: rotate(180deg);
}
.acf-block-accordion-with-image .accordion-header {
  cursor: pointer;
  transition: all 0.3s ease;
}
.acf-block-accordion-with-image .accordion-title {
  transition: color 0.3s ease;
}
.acf-block-accordion-with-image .accordion-icon {
  transition: transform 0.3s ease;
}
.acf-block-accordion-with-image .accordion-body {
  transition: height 0.3s ease;
}
.acf-block-accordion-with-image .accordion-active-image {
  transition: opacity 0.3s ease;
}
@media (max-width: 75rem) {
  .acf-block-accordion-with-image .accordion-image {
    margin: 0 auto;
  }
  .acf-block-accordion-with-image .accordion-image-container {
    max-width: 25rem;
  }
}
@media (max-width: 62rem) {
  .acf-block-accordion-with-image .accordion-with-image-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Animation for smooth height transitions */
@keyframes accordionSlideDown {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: var(--accordion-height);
    opacity: 1;
  }
}
@keyframes accordionSlideUp {
  from {
    height: var(--accordion-height);
    opacity: 1;
  }
  to {
    height: 0;
    opacity: 0;
  }
}