/**
 * EdGEL Blockquote
 */

@use "../settings" as *;
@use "../tools" as *;

.blockquote-card {
  @include edgel-shadow();
  padding: space(3);
  background: $white;
  border-left: 5px solid $brand-color;
}

.blockquote {
  font-style: italic;
  line-height: 1.6;
}

.blockquote > :first-child::before,
.blockquote > :last-child::after {
  display: inline-block;
  width: 1em;
  height: 1em;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}

.blockquote > :first-child::before {
  @include margin-right(.75rem);
  background-image: escape-svg($uoe-quote-open);
}

.blockquote > :last-child::after {
  @include margin-left(.75rem);
  background-image: escape-svg($uoe-quote-close);
}

.blockquote-footer {
  margin-top: $blockquote-margin-y;
  margin-bottom: 0;
}

.blockquote-attribution-role {
  display: block;
}
