blockquote,
blockquote.wp-block-quote {
  @apply my-12
    bg-transparent
    text-left
    border-none
    relative
    pl-8;

  &::before {
    content: url(../images/quotes.svg);
    position: absolute;
    left: 0;
    top: 0;
  }

  p {
    @apply text-gray-400
      text-base
      font-serif
      italic
      font-normal;

    &:last-of-type {
      @apply mb-0;
    }

    @screen md {
      @apply text-xl;
    }
  }

  cite,
  .wp-block-quote__citation {
    @apply block
      text-lg
      not-italic
      mt-4
      text-left;
  }

  &.is-large,
  &.is-style-large {
    @apply p-0
      my-20
      mx-auto;

    p {
      @apply text-2xl;

      @screen md {
        @apply text-4xl;
      }
    }

    cite {
      @apply text-left;
    }
  }
}

/* Pull Quote
--------------------------------------------- */

.wp-block-pullquote {
  @apply border-0
    p-0;

  blockquote {
    border-top: 8px solid theme("colors.primary");
    border-bottom: 8px solid theme("colors.primary");
    padding: 16px 0;
    text-align: center;
    max-width: 50%;
    margin: 0 auto;
  }

  &.alignleft,
  &.alignright {
    blockquote {
      max-width: 100%;
    }
  }
}
