@import '../helpers/helpers';

.my-account {
  @include make-row;
  @include media-breakpoint-down(sm) {
    padding: 0 15px;
  }
}

.my-account-data {
  @include make-col(12);
  @include make-col-ready;
  padding: 10px 50px;

  @include media-breakpoint-up(md) {
    @include make-col(6);
    margin-bottom: 30px;
  }

  @include media-breakpoint-down(sm) {
    padding: 20px;

    &:not(:last-child) {
      border-bottom: 1px solid $gray-light;
    }
  }

  &__heading {
    white-space: nowrap;
    margin: 0 0 15px;
  }

  &__icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 40px 0 0;
    font-size: 1.5rem;
    color: $warm-grey;
  }

  h4 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    color: $gray-dark;
  }

  &__list {
    margin: 0 0 0 70px;
    padding: 0;
    list-style: none;
    line-height: 1.375rem;
  }

  &__list-item {
    margin: 0 0 10px;
  }
}

@include media-breakpoint-up(md) {
  .my-account-data {
    &:nth-child(2n) {
      border-left: 1px solid $gray-light;
    }
  }
}