/*
 * SDC Callout
 *
 * Pull-quote treatment for blog posts (core/quote + core/paragraph block style)
 * and case studies (TinyMCE "SDC Callout" format inside ACF WYSIWYG fields).
 *
 * The custom properties come from header.php on the front end. TinyMCE and the
 * block editor canvas do not always have them, so every var() carries a literal
 * fallback.
 */

.sdc-callout,
blockquote.sdc-callout,
p.is-style-sdc-callout,
.wp-block-quote.is-style-sdc-callout,
.wp-block-paragraph.is-style-sdc-callout {
  margin: 30px 0;
  padding: 2px 0 2px 24px;
  border: 0;
  border-left: 3px solid var(--primary, #1574c4);
  background: none;
  font-family: var(--font2, montserrat, sans-serif);
  font-style: italic;
  font-weight: 700;
  color: var(--primary, #1574c4);
  line-height: 1.65;
  quotes: none;
}

.sdc-callout > *,
blockquote.sdc-callout > *,
.wp-block-quote.is-style-sdc-callout > * {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

.sdc-callout p,
blockquote.sdc-callout p,
.wp-block-quote.is-style-sdc-callout p {
  margin: 0 0 14px;
}

.sdc-callout > :last-child,
blockquote.sdc-callout > :last-child,
.wp-block-quote.is-style-sdc-callout > :last-child {
  margin-bottom: 0;
}

.sdc-callout cite,
blockquote.sdc-callout cite,
.wp-block-quote.is-style-sdc-callout cite {
  display: block;
  margin-top: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 0.85em;
  color: #333131;
}

/* Core drops decorative quote marks on some quote variations. Keep ours clean. */
.sdc-callout::before,
.sdc-callout::after,
.wp-block-quote.is-style-sdc-callout::before,
.wp-block-quote.is-style-sdc-callout::after {
  content: none;
}

@media (max-width: 767px) {

  .sdc-callout,
  blockquote.sdc-callout,
  p.is-style-sdc-callout,
  .wp-block-quote.is-style-sdc-callout,
  .wp-block-paragraph.is-style-sdc-callout {
    margin: 24px 0;
    padding-left: 18px;
  }
}