.accordion{
  .card-header {
    background: $secondary-color;
    border: none;

    &:first-child{
      border-radius: 0;
    }

    .card-title{
      color: $primary-color;
      font-weight: $font-weight-normal;
      text-transform: none;
      padding: 10px 30px 10px 0;

      a, a:hover {
        text-decoration: none;
      }

      .accordion-toggle{
        &:after{
          content: "\f067";
          font-family: "Font Awesome 5 Pro";
          font-weight: 900;
          font-size: 1.25rem;
          line-height: 1.25rem;
          border: none;
          position: absolute;
          top: 20px;
          right: 20px;
          margin: 0;
          transition: 0.25s;
        }

        &[aria-expanded="true"]:after{
          content: "\f077";
        }
      }
    }
  }

  .card {
    background: $tertiary-bg;
  }

  .card-body .frame-type-text p, .card-body{
    color: $tertiary-color;
    a {
      color: $tertiary-color;
      text-decoration-color: $tertiary-color;
    }
  }
}