/* ==========================================================================
  Colors
  ========================================================================== */
/* Primary Color
  ========================================================================== */
/* Secondary Color
  ========================================================================== */
/* Tertiary Color
  ========================================================================== */
/* Monochrome
  ========================================================================== */
/* Specific colors
  ========================================================================== */
/* ==========================================================================
  Typography
  ========================================================================== */
/* Settings
  ========================================================================== */
/* Families
  ========================================================================== */
/* Weights
  ========================================================================== */
/* Heading
  ========================================================================== */
/* ==========================================================================
  Grid / Responsive
  ========================================================================== */
/* Breakpoints
  ========================================================================== */
/* Spacing
  ========================================================================== */
/* ==========================================================================
  Transitions
  ========================================================================== */
/* ==========================================================================
	Breakpoints
	========================================================================== */
/* ==========================================================================
	Sizes
	========================================================================== */
/* ==========================================================================
	Colors
	========================================================================== */
/* ==========================================================================
	Vertical Align
	========================================================================== */
/* ==========================================================================
	Text Align
	========================================================================== */
/* ==========================================================================
	Font Weight
	========================================================================== */
/* ==========================================================================
	Direction
	========================================================================== */
/* ==========================================================================
	Container
	========================================================================== */
/* ==========================================================================
	Grid
	========================================================================== */
/**
 * Returns opaque color
 * Ex.: opaque(#fff, rgba(0, 0, 0, .5)) => #808080
 */
.c-accordionsBasic {
  --row-margin: 80px;
}
.c-accordionsBasic__row {
  max-width: 1117px;
  margin: 0 auto;
}
.c-accordionsBasic__row:not(:last-child) {
  margin-bottom: var(--row-margin);
}
@media (min-width: 1200px) {
  .c-accordionsBasic {
    --row-margin: 100px;
  }
}
@media (min-width: 1450px) {
  .c-accordionsBasic {
    --row-margin: 100px;
  }
}
@media (min-width: 1650px) {
  .c-accordionsBasic {
    --row-margin: 148px;
  }
}

.c-Accordions {
  --toggle-padding: 15px;
  --inner-content-padding-tb: 30px;
}
.c-Accordions__title {
  margin-bottom: 0.5em;
}
.c-Accordions__item {
  position: relative;
}
.c-Accordions__item:not(:last-child) {
  margin-bottom: 15px;
}
.c-Accordions__item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--primary);
  height: 1px;
  pointer-events: none;
}
.c-Accordions__item.is-open .c-Accordions__toggle--icon:before {
  height: 0;
}
.c-Accordions__item.is-open .c-Accordions__inner {
  opacity: 1;
  pointer-events: all;
}
.c-Accordions__item.in_packages_cards {
  --toggle-padding: 12px;
  --inner-content-padding-tb: 12px;
}
.c-Accordions__item.in_packages_cards::before {
  display: none;
}
.c-Accordions__item.in_packages_cards .c-Accordions__toggle {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.c-Accordions__item.in_packages_cards .c-Accordions__toggle p {
  font-weight: var(--font-bold);
}
.c-Accordions__item.in_packages_cards .c-Accordions__toggle--icon {
  margin-left: 0;
  margin-right: 12px;
}
.c-Accordions__toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  padding: var(--toggle-padding) 0;
  width: 100%;
}
.c-Accordions__toggle--icon {
  position: relative;
  flex: 0 0 18px;
  height: 18px;
  margin-left: 50px;
}
.c-Accordions__toggle--icon:before, .c-Accordions__toggle--icon:after {
  content: "";
  display: block;
  position: absolute;
  background: var(--primary);
  pointer-events: none;
}
.c-Accordions__toggle--icon:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: 100%;
  width: 2px;
  transition: all 0.35s cubic-bezier(0.43, 0.045, 0.1, 0.95);
}
.c-Accordions__toggle--icon:after {
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0);
  width: 100%;
  height: 2px;
}
.c-Accordions__inner {
  transition: opacity cubic-bezier(0.43, 0.045, 0.1, 0.95) 0.45s;
  opacity: 0;
  pointer-events: none;
}
.c-Accordions__inner > div {
  transition: height cubic-bezier(0.43, 0.045, 0.1, 0.95) 0.45s;
  width: 100%;
}
.c-Accordions__inner--content {
  padding: calc(var(--inner-content-padding-tb) - var(--toggle-padding)) 50px var(--inner-content-padding-tb) 0;
  max-width: 1000px;
}
@media (min-width: 1450px) {
  .c-Accordions {
    --toggle-padding: 17px;
  }
}
/*# sourceMappingURL=accordions-basic.css.map */