/* PZF Theme 0.11.95
   One identical layout for both article reading modes, with only text colour changing.
   Must be enqueued after the legacy article CSS. No change to social embeds. */

html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content) {
  --pzf-quote-red:var(--pzf-brand-red, #cc2b1d);
  --pzf-quote-text:#171d26;
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:21px 0 28px!important;
  padding:0 0 0 36px!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--pzf-quote-text)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-style:italic!important;
  font-weight:700!important;
  font-size:20px!important;
  line-height:1.39!important;
  letter-spacing:-.01em!important;
  text-align:left!important;
  quotes:none!important;
  overflow:visible!important;
  text-indent:0!important;
}

html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content)::before {
  content:'“'!important;
  box-sizing:border-box!important;
  position:absolute!important;
  display:block!important;
  top:2px!important;
  left:0!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--pzf-quote-red)!important;
  font:normal 700 49px/.85 Georgia,"Times New Roman",serif!important;
  letter-spacing:0!important;
  text-align:left!important;
  opacity:1!important;
  transform:none!important;
  text-shadow:none!important;
  pointer-events:none!important;
}

html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content)::after {
  content:none!important;
  display:none!important;
  background:none!important;
}

html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content) :is(p,li,span,strong,b,em,i,a) {
  color:inherit!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:inherit!important;
  font-style:italic!important;
  font-weight:700!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-align:inherit!important;
  text-indent:0!important;
  background:none!important;
  opacity:1!important;
}

html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content) p {
  margin:0 0 .5em!important;
}
html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content) p:last-child,
html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content) p:last-of-type {
  margin-bottom:0!important;
}

html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content) :is(cite,footer) {
  display:none!important;
}

/* The dark mode gets exactly the same geometry, font and quotation mark.
   Only the quote text changes to white for the dark background. */
html[data-pzf-theme="dark"] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content) {
  --pzf-quote-text:#f4f6fb;
}

@media (min-width:601px) {
  html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content) {
    margin:24px 0 31px!important;
    padding-left:42px!important;
    font-size:clamp(21px,1.72vw,26px)!important;
    line-height:1.38!important;
  }
  html[data-pzf-theme] body #wrapper .pzf-article .pzf-article__content blockquote:not(.twitter-tweet):not(.instagram-media):not(.tiktok-embed):not(.fb-post):not(.wp-embedded-content)::before {
    top:3px!important;
    font-size:56px!important;
  }
}