/*
 * Press pullquote.
 *
 * On press articles every Quote block uses this treatment — editors should
 * not have to remember a class or a Styles tab. The named style and the
 * older bb-press-pullquote class stay valid so existing articles match.
 */

.bb-press-content .wp-block-quote,
.bb-press-pullquote,
.wp-block-quote.is-style-press-pullquote,
.post-type-press .editor-styles-wrapper .wp-block-quote,
.post-type-press .wp-block-quote {
  max-width: 720px;
  margin: 64px auto;
  padding: 0;
  color: #0b0b0c;
  background: transparent;
  border: 0;
  text-align: center;
  box-shadow: none;
}

.bb-press-content .wp-block-quote::before,
.bb-press-pullquote::before,
.wp-block-quote.is-style-press-pullquote::before,
.post-type-press .editor-styles-wrapper .wp-block-quote::before,
.post-type-press .wp-block-quote::before {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  margin: 0 auto 28px;
  background: #A0B100;
}

.bb-press-content .wp-block-quote p,
.bb-press-pullquote p,
.wp-block-quote.is-style-press-pullquote p,
.post-type-press .editor-styles-wrapper .wp-block-quote p,
.post-type-press .wp-block-quote p {
  margin: 0;
  padding: 0;
  font-family: "Larken", serif;
  font-size: clamp(24px, 2.9vw, 33px);
  font-style: italic;
  line-height: 1.4;
  color: #0b0b0c;
  text-wrap: balance;
  background: transparent;
  border: 0;
}

.bb-press-content .wp-block-quote cite,
.bb-press-pullquote cite,
.wp-block-quote.is-style-press-pullquote cite,
.post-type-press .editor-styles-wrapper .wp-block-quote cite,
.post-type-press .wp-block-quote cite {
  display: block;
  margin-top: 26px;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(11, 11, 12, 0.52);
}

.bb-press-content .wp-block-quote cite::before,
.bb-press-pullquote cite::before,
.wp-block-quote.is-style-press-pullquote cite::before,
.post-type-press .editor-styles-wrapper .wp-block-quote cite::before,
.post-type-press .wp-block-quote cite::before {
  content: "— ";
  color: #A0B100;
}

@media only screen and (min-width: 850px) {
  .bb-press-content .wp-block-quote,
  .bb-press-pullquote,
  .wp-block-quote.is-style-press-pullquote,
  .post-type-press .editor-styles-wrapper .wp-block-quote,
  .post-type-press .wp-block-quote {
    margin: 78px auto;
  }
}