/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.faq-wrapper {
  padding-top: 0.25rem;
  padding-bottom: 1rem;
}
.faq-wrapper p {
  display: none;
  margin-bottom: 0;
  text-align: left;
  padding-left: 1rem;
  padding-right: 1rem;
}
.faq-wrapper h2 + p:last-of-type {
  margin-bottom: 20px;
}
.faq-wrapper h2 {
  border: 2px solid #e7e7e7;
  font-size: 1rem !important;
  cursor: pointer;
  margin-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  text-align: left;
  text-transform: none !important;
  font-weight: bold;
  padding: 1rem !important;
  padding-right: 3rem !important;
}
.faq-wrapper h2:after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: 25px;
  width: 25px;
  height: 25px;
  background: url('../img/icon-plus.png');
  background-position: center;
  background-size: contain;
}
.faq-wrapper h2.open:after {
  content: "";
  width: 25px;
  height: 25px;
  background: url('../img/icon-minus.png');
  background-position: center;
  background-size: contain;
  rotate: 180deg;
}