@import "settings.breakpoints";
@import "settings.colors";
@import "settings.fonts";

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

// Ellipsis for pullquote
.c-article-pullquote {
  display: flex;
  flex-direction: row;
  direction: ltr;
  width: 100%;
  margin: 0 auto;
  padding: rem(20) rem(25) rem(20) rem(25);
}

.c-article-pullquote__speech-mark {
  width: rem(130);
  max-width: rem(30);
  min-width: rem(30);
  max-height: rem(30);
  background-color: $color-stone-700;

  .c-article-pullquote--adv & {
    background-color: $color-blue-steel;
  }
}

.c-article-pullquote__col + .c-article-pullquote__col {
  margin-left: rem(20);
}

.c-article-pullquote__heading {
  @include font-gm-sans;
  font-size: rem(12);
  line-height: line-height(12, 12);
  letter-spacing: rem(1);
  text-transform: uppercase;
  margin-bottom: rem(10);
  .c-article-pullquote--adv &,
  .c-article-blockquote--adv & {
    font-family: $font-sans-stack;
  }
}

.c-article-pullquote__text {
  @include font-pratt-italic;
  color: $color-grey-700;
  font-size: rem(19);
  line-height: line-height(19, 24);
  margin-top: 0;
  margin-bottom: rem(10);
  .c-article-pullquote--adv & {
    font-family: $font-sans-stack;
    font-style: italic;
  }
}

.c-article-pullquote__citation {
  @include font-gm-sans;
  font-size: rem(16);
  line-height: line-height(16, 20);
  color: $color-grey-700;
  margin-top: 0;
  margin-bottom: 0;
  .c-article-pullquote--adv & {
    font-family: $font-sans-stack;
  }
}

// Ellipsis for blockquote
.c-article-blockquote {
  border-top: rem(1) solid $color-red-300;
  border-bottom: rem(1) solid $color-red-300;
  margin: rem(38) rem(25) rem(38) rem(25);
  padding: rem(20) 0;
  .c-article-blockquote--adv & {
    border-top: rem(1) solid #777;
    border-bottom: rem(1) solid #777;
  }
}

.c-article-blockquote__text {
  @include font-pratt-bold;
  color: $color-grey-700;
  font-size: rem(20);
  line-height: line-height(20, 26);
  margin-top: 0;
  margin-bottom: 0;
  .c-article-blockquote--adv & {
    font-family: $font-sans-stack;
  }
}
