/*
 * Caption overlay gallery style.
 * The variation class is repeated (.is-style-caption-overlay.is-style-caption-overlay)
 * purely to raise specificity above WordPress core's default gallery caption
 * rules, which are (0,3,2) and otherwise win on load order.
 */
.wp-block-gallery.is-style-caption-overlay.is-style-caption-overlay figure.wp-block-image {
  position: relative;
  margin: 0;
  /* No overflow:hidden here on purpose. In the editor this figure doubles as
     the block wrapper, and overflow:hidden would clip the editor's selection
     outline. Instead, gallery.js rounds the caption's bottom corners directly
     to match whatever radius the user set on the image. */
}
.wp-block-gallery.is-style-caption-overlay.is-style-caption-overlay figure.wp-block-image > img {
  display: block;
  width: 100%;
  height: auto;
}
.wp-block-gallery.is-style-caption-overlay.is-style-caption-overlay figure.wp-block-image figcaption,
.wp-block-gallery.is-style-caption-overlay.is-style-caption-overlay figure.wp-block-image .wp-element-caption {
  position: absolute;
  inset: auto 0 0 0;          /* pin to bottom edge */
  max-height: none;
  margin: 0;
  overflow: hidden;           /* keeps the gradient within the rounded corners */
  padding: 0.5em 1em;
  padding-top: 2em;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 200;
  text-align: left;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, .7) 50%,
    rgba(0, 0, 0, 0)   100%
  );
  /* optional: only show on hover */
  /* opacity: 0; transition: opacity .25s ease; */
}
/* optional hover reveal */
/*
.wp-block-gallery.is-style-caption-overlay.is-style-caption-overlay figure.wp-block-image:hover figcaption {
  opacity: 1;
}
*/

.wp-block-pullquote blockquote > p {
  font-size: 1.1rem;
  font-style: italic;
  color: #fff;
  line-height: 1.7;
  margin-bottom: 1rem;
}

.wp-block-pullquote cite {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.6);
  font-style: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}