.accordion dt,
.accordion dd {
  margin-top: 0;
}
.accordion dt {
  margin-top: 2px;
}
.accordion .trigger {
  background-color: #bddbc6;
  color: black;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  height: auto;
  position: relative;
  padding: 1.5em 1em 1.5em 15px;
  text-align: left;
  width: 100%;
}
.accordion .trigger.active,
.accordion .trigger:focus,
.accordion .trigger:hover {
  background-color: #a2cecf;
  color: #034747;
}
.js .accordion .trigger {
  padding-left: 2.5em;
}
.js .accordion .trigger::before {
  background: url(/UI/icon-arrowDown.svg) no-repeat center center;
  background-size: 18px;
  content: "";
  display: block;
  height: 14px;
  left: 7px;
  position: absolute;
  top: 1.6em;
  width: 29px;
  -webkit-transition: transform 0.15s;
  -moz-transition: transform 0.15s;
  -o-transition: transform 0.15s;
  transition: transform 0.15s;
}
.js .accordion .trigger.active::before,
.js .accordion .trigger:focus::before,
.js .accordion .trigger:hover::before {
  background-image: url(/UI/icon-arrowDown-active.svg);
}
.accordion .trigger.active::before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
@media screen and (min-width: 35em) {
  .accordion .trigger {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .js .accordion .trigger {
    padding-left: 3.5em;
  }
  .js .accordion .trigger::before {
    background-size: 27px;
    left: 19px;
    top: 1.75em;
  }
}
@media screen and (min-width: 50em) {
  .accordion .trigger {
    padding-left: 30px;
  }
}
.accordion dd {
  background-color: white;
  padding: 1em 15px;
}
@media screen and (min-width: 50em) {
  .accordion dd {
    padding-right: 30px;
    padding-left: 30px;
  }
}