/*
 * Shared fixes for template content sections used outside the original theme.
 *
 * The theme's own main.js is not loaded (see template-header.css for why), and a
 * couple of classes the theme's markup uses are not defined in main.css or
 * vendors.css at all. Both gaps are closed here.
 */

/* Used under every `sectionTitle__title` but defined in neither stylesheet. */
.sectionTitle__text {
  color: #697488;
  font-size: 16px;
}

.section-bg .sectionTitle__text,
.bg-dark-2 .sectionTitle__text {
  color: rgba(255, 255, 255, 0.85);
}

/*
 * Accordion. main.css ships `.accordion__content { max-height: 0 }` and expects
 * main.js to set an inline max-height when opening; public/accordion.js does
 * that instead. Only the +/- icon swap is missing, so it lives here.
 */
.accordion__item .icon-minus {
  display: none;
}

.accordion__item.is-active .icon-minus {
  display: inline-block;
}

.accordion__item.is-active .icon-plus {
  display: none;
}

.accordion__button {
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.accordion__item.is-active .accordion__icon {
  color: #fff;
  background-color: #003b95;
}