/* @accordion */
.accordion {
  @include poly-padding-bottom--large;
  width: 100%;

  &__item {
    cursor: pointer;
    background-color: white;

    @media (max-width: 767px) {
      box-shadow: none !important;
      margin-top: 0;
    }

    &:last-child {
      border-bottom: none;
    }

    & + .accordion__item {
      @include poly-margin-top;
    }

    &-header {
      width: 100%;

      button {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        outline: none;
        position: relative;
        padding-right: 30px;
        padding-left: 10px;

        @include poly-padding-y;
        
        @media (min-width: 768px) {
          @include poly-padding-x--large;
        }

        svg {
          @include poly-margin-left;
          flex-shrink: 0;
          position: absolute;
          right: 10px;
          top: 50%;
          transform: translateY(-50%);

          @media (min-width: 768px) {
            right: 3rem;
          }

          path {
            fill: $azure-radiance;

            @include themify($themes) {
              fill: themed('ctaColor');
            }

            &:nth-of-type(2) {
              visibility: hidden;
            }
          }
        }
      }
    }

    &.active {
      .accordion__item-header {
      }
    }

    &-content {
      @include poly-padding-bottom--large;

      padding-left: 10px;
      padding-right: 10px;
      display: none;

      @media (min-width: 768px) {
        @include poly-padding-x--large;
      }

      .page-link {
        margin-top: $small-spacing;
      }
    }
  }
}