////////////////// Blockquotes, Notes, Warnings, & Messages //////////////////

blockquote,
.block, {
  padding: 1.65rem 2rem .1rem 2rem;
  margin: 1rem 0 2rem;
  border-width: 0 0 0 4px;
  border-style: solid;
  border-radius: 0 $radius $radius 0;
  font-size: 1.05rem;

  ul,ol {
    &:last-child { margin-bottom: 1.85rem; }
  }

  & > h2,
  & > h3,
  & > h4,
  & > h5,
  & > h6 {
    &:first-child {margin-top: 0; padding-top: 0.25em;}
  }
}

blockquote {
  padding: 1rem 1rem 1rem 1.25rem;
  border-color: rgba($article-text, .25);
  p, li {
    font-size: 1.15rem;
    font-style: italic;
    color: rgba($article-text, .5);
  }
  *:last-child {margin-bottom: 0;}
  .cite {
    display: block;
    margin-top: -1rem;
    font-style: italic;
    font-size: .85rem;
    opacity: .8;
  }
}

////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

@include media(small) {
  blockquote,
  .block {
    padding: 1.35rem 1.25rem .1rem 1.25rem;
    margin: .5rem 0 1rem;
  }
}