/* Pull quote. Measured on live /elliott-bolton/: 35.2px/400 white, centred,
   full width, sitting on the section's own background. */
.mp-quote {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  padding-block: 72px;
  background: var(--mp-blue, #3146CB);
  color: #fff;
}
.mp-quote__media { position: absolute; inset: 0; z-index: -2; }
.mp-quote__bg { width: 100%; height: 100%; object-fit: cover; display: block; }
.mp-quote__scrim { position: absolute; inset: 0; z-index: -1; background: rgba(17, 23, 45, .5); }
.mp-quote__body { margin: 0; text-align: center; }
.mp-quote__body p {
  margin: 0;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}
.mp-quote__author { display: block; margin-top: 18px; font-size: 16px; font-style: normal; opacity: .85; }
@media (max-width: 767px) {
  .mp-quote { padding-block: 48px; }
  .mp-quote__body p { font-size: 24px; }
}

/* The staff pages' quote band: kit purple (#88218E via __globals__), 500px tall,
   the quote in Jost 2.2rem/1.2 oblique white under a quotation glyph
   (Elementor blockquote skin "quotation"). */
.mp-quote.mp-quote--painted { background: var(--mp-quote-bg); }
.mp-quote__body p {
  font-family: var(--mp-quote-ff, inherit);
  font-size: var(--mp-quote-fs, 35px);
  line-height: var(--mp-quote-lh, 1.2);
  font-style: var(--mp-quote-fst, normal);
}
.mp-quote--quotation .mp-quote__body::before {
  content: "\201C";
  display: block;
  margin-bottom: -.25em;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 100px;
  line-height: 1;
  color: currentColor;
  opacity: .3;
}