@import '../settings/variables';

.c-faq-item {
  background-color: $color-background-alternative;
  margin: $margin-normal 0 $margin-big 0;
  padding: $gutter-normal;
  @include media-breakpoint-up(md) {
    margin: $margin-normal 0 $margin-medium 0;
    padding: $gutter-medium $gutter-big;
  }

  &__content {
    font-style: $font-maersk-text;
    font-weight: 400;
    line-height: 1.75em;
    color: $color-secondary-dark;
    font-size: $font-size-caption;
    ul {
      list-style: circle;
      padding-left: $gutter-big;
      li {
        margin: $margin-small 0em;
      }
    }
    @include media-breakpoint-up(md) {
      font-size: $font-size-normal;
    }
  }

  &__question-text {
    font-size: $font-size-normal;
    @include media-breakpoint-up(md) {
      font-size: 1.25em;
    }
  }

  &__icon {
    font-size: $font-size-caption;
    margin-left: $margin-normal;
    transform: translateY(8px);
    @include media-breakpoint-up(md) {
      position: relative;
      top: 2px;
    }
  }
}