@import "settings.colors";

@import "mixins/components.article-link";
@import "mixins/settings.fonts";
@import "mixins/tools.functions";
@import "mixins/tools.mixins";

.o-author-profile {
  padding-top: rem(20);
  a {
    @include c-article-body-link;
  }
}

.o-author-profile__expertise {
  @include font-pratt-italic;
  color: $color-grey-900;
  font-size: rem(16);
  line-height: line-height(16, 22);
  font-style: normal;
}

.o-author-profile__bio,
.o-author-profile__why {
  margin-top: rem(10);
  @include font-pratt;
  color: $color-grey-900;
  font-size: rem(16);
  line-height: line-height(16, 22);
}

.o-author-profile__why {
  padding: rem(10);
  margin-top: rem(30);
  background: $color-stone-200;

  .c-article-pullquote {
    padding: 0;
    margin: 0;
  }
  .c-article-pullquote__speech-mark {
    width: rem(26);
    height: rem(25);
    fill: $color-gold-900;
    background: none;
  }
  .c-article-pullquote__text {
    @include font-pratt;
    color: $color-grey-900;
    font-size: rem(16);
    line-height: line-height(16, 22);
  }
}

.o-author-profile__expertise__heading,
.o-author-profile__why__heading {
  @include font-gm-sans-bold;
  font-size: rem(14);
  color: $color-grey-900;
  letter-spacing: rem(1);
  line-height: line-height(14, 14);
  text-transform: uppercase;
  font-style: normal;
  margin-bottom: rem(10);
  margin-top: 0;
}

.o-author-profile__why__heading {
  margin-bottom: rem(20);
}
