/*!
 * UI Design & Front-End Architecture by Woomark Studio
 * Exclusive theme developed for synergyo2.com
 */
/*
  WmkAccordion — structural styles (theme-agnostic).
  Customize per project with these variables on .wmk-accordion (or a parent):
    --wmk-acc-grow    how much bigger the open item is than a closed one (row layout)
    --wmk-acc-gap     space between items
    --wmk-acc-speed   open/close duration
    --wmk-acc-ease    open/close easing
  For a vertical stack (mobile), set flex-direction: column and give items a height
  (closed) and .is-open a bigger height: the same transition animates it.
  --wmk-acc-open-w is written by wmkaccordion.js (width of an open item, in px).
*/
.wmk-accordion {
  --wmk-acc-grow: 4.2;
  --wmk-acc-gap: 12px;
  --wmk-acc-speed: 0.85s;
  --wmk-acc-ease: cubic-bezier(0.65, 0, 0.25, 1);
  display: flex;
  gap: var(--wmk-acc-gap);
}
.wmk-accordion__item {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  transition:
    flex-grow var(--wmk-acc-speed) var(--wmk-acc-ease),
    height var(--wmk-acc-speed) var(--wmk-acc-ease);
}
.wmk-accordion__item.is-open {
  flex-grow: var(--wmk-acc-grow);
}