// -----------------------------------------------------------------------------
// This file contains styles that are specific to the faq page.
// -----------------------------------------------------------------------------
/*--------------------------------------------------------------
#{$o}
--------------------------------------------------------------*/

.faq {
  &__heading {
    font-weight: 700;
    font-size: 13px;
    color: $g-brand-secondary-color;
    margin-bottom: 6px;
  }

  &__text {
    font-size: 13px;
    color: $g-text-color;
  }


  &__list {
    border-top: 1px solid #eee;
    padding: 14px 0;

    &:last-child {
      border-bottom: 1px solid #eee;
    }
  }


  &__question {
    display: block;
    position: relative;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: $g-brand-secondary-color;
  }
}

.faq__question {
  &:before {
    content: "\F107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top:8px; // Same as padding
    transform: rotate(180deg);
    right: 12px;
    transition: transform 0.5s ease-in-out ;
  }
}

.faq__question.collapsed {
  &:before {
    transform: rotate(0deg);
  }
}