// ---- Pull quotes ------------------------------------------------------------
//
pull-quote > blockquote,
.pullquote {
  margin: 0 0 $spacer-md;
  border: 1px solid $pull-quote-border-color;
  border-width: 1px 0;
  padding: $spacer-sm;

  &,
  & > p {
    @extend %heading-font-bold;

    text-align: center;
    line-height: $paragraph-line-height;
    color: $pull-quote-color;
    font-size: $font-size-sm;
  }

  & > p {
    margin-bottom: 0;
  }
}

@media screen and (min-width: $grid-breakpoint-md) {
  pull-quote > blockquote,
  .pullquote {
    margin: 0 auto $spacer-md;
    width: 80%;
  }
}