.accordion-resources {
  margin: 1rem auto 3rem; }
  @media screen and (min-width: 48rem) {
    .accordion-resources {
      margin: 1rem auto 5rem; } }
  .accordion-resources .row {
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    box-sizing: border-box; }
    @media screen and (min-width: 0rem) and (max-width: 79.9375rem) {
      .accordion-resources .row {
        padding-left: 20px;
        padding-right: 20px; } }
    @media screen and (min-width: 80rem) {
      .accordion-resources .row {
        padding-left: 40px;
        padding-right: 40px; } }
  .accordion-resources .container {
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    box-sizing: border-box;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
    @media screen and (min-width: 30rem) {
      .accordion-resources .container {
        flex-wrap: wrap;
        display: flex; } }
  .accordion-resources__dl {
    width: 100%;
    max-width: inherit; }

.accordion + .accordion {
  margin-top: 0.5rem; }

.accordion__header {
  display: flex;
  justify-content: space-between;
  border: none;
  border-bottom: 2px solid #f1f1f1;
  background: transparent;
  width: 100%;
  appearance: none;
  cursor: pointer;
  font-weight: 400;
  line-height: 1;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  padding: 1rem 0 1rem; }
  @media screen and (min-width: 64rem) {
    .accordion__header {
      font-size: 21px;
      font-size: 1.3125rem; } }
  @media screen and (min-width: 80rem) {
    .accordion__header {
      font-size: 24px;
      font-size: 1.5rem; } }
  .accordion__header:focus {
    outline: 1px solid #cf000d; }
  .accordion__header.active .accordion__expander {
    transform: rotate(180deg); }

.accordion__expander {
  position: relative;
  display: block;
  width: 13px;
  height: 13px;
  top: 5px;
  right: 5px;
  transition: transform 200ms linear; }
  .accordion__expander:after {
    content: '';
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: -25%;
    transform: rotate(45deg);
    border: 2px solid #000;
    border-top: none;
    border-left: none;
    box-sizing: border-box; }

.accordion__section {
  margin: 0;
  padding: 0;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height .3s ease-in-out, opacity .5s ease-in-out, visibility .3s ease-in-out, padding .3s ease-in-out; }
  .accordion__section.active {
    padding: 1.5rem 0;
    max-height: 55rem;
    opacity: 1;
    visibility: visible;
    transition: max-height .3s ease-in-out, opacity .5s ease-in-out, visibility .3s ease-in-out, padding .3s ease-in-out; }

.accordion__description {
  margin: 0 0 1rem; }
  @media screen and (min-width: 48rem) {
    .accordion__description {
      margin: 0 0 3rem; } }

/*# sourceMappingURL=accordion-resources.css.map */