/**
 * 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: $line-height-lg;
}

.blockquote > :first-child::before,
.blockquote > :last-child::after {
  display: inline-block;
  width: 1.5em;
  height: 1.2em;
  margin-bottom: -.25em;
  content: "";
  background-image: escape-svg($uoe-quote);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100%;
}

.blockquote > :first-child::before {
  @include margin-right(.75rem);
  margin-left: -.3em;
}

.blockquote > :last-child::after {
  @include margin-left(.75rem);
  transform: rotate(-180deg);
}

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

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