.wp-block-acf-callout,
.callout {
  text-wrap: balance;
  margin-bottom: 0;
}
.wp-block-acf-callout.contained,
.callout.contained {
  border-radius: var(--base-radius);
}
.wp-block-acf-callout:has(> .photo),
.callout:has(> .photo) {
  display: grid;
  grid-template-columns: 100%;
}
.wp-block-acf-callout.text-center,
.callout.text-center {
  text-align: center;
}
.wp-block-acf-callout.text-right,
.callout.text-right {
  text-align: right;
}
.wp-block-acf-callout:has(> .photo) .inner,
.callout:has(> .photo) .inner {
  grid-column: 1;
  grid-row: 1;
  z-index: 2;
}
.wp-block-acf-callout .inner .acf-innerblocks-container,
.callout .inner .acf-innerblocks-container {
  grid-column: content;
  display: grid;
  grid-template-columns: var(--base-grid);
  row-gap: var(--gap-row);
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image:is(:first-child),
.callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image:is(:first-child) {
  grid-column: 1/span 3;
  grid-row: 1/span 2;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image:is(:first-child) + .content,
.callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image:is(:first-child) + .content {
  grid-column: 4/-1;
  grid-row: 1;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image:is(:first-child) + .content + .cta-container,
.callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image:is(:first-child) + .content + .cta-container {
  grid-column: 4/-1;
  grid-row: 2;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(> .acf-block-image) .content:is(:first-child),
.callout .inner .acf-innerblocks-container:has(> .acf-block-image) .content:is(:first-child) {
  grid-column: 1/span 8;
  grid-row: 1;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(> .acf-block-image) .content:is(:first-child) + .cta-container,
.callout .inner .acf-innerblocks-container:has(> .acf-block-image) .content:is(:first-child) + .cta-container {
  grid-column: 1/span 8;
  grid-row: 2;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(> .acf-block-image) .content:is(:first-child) ~ .acf-block-image,
.callout .inner .acf-innerblocks-container:has(> .acf-block-image) .content:is(:first-child) ~ .acf-block-image {
  grid-column: 10/-1;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image,
.callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image {
  grid-row: 1/span 2;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image img,
.callout .inner .acf-innerblocks-container:has(> .acf-block-image) .acf-block-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top center;
}
.wp-block-acf-callout > .photo,
.callout > .photo {
  grid-row: 1;
  grid-column: 1;
  z-index: 1;
  position: relative;
  background-color: var(--section-background-color);
}
.wp-block-acf-callout > .photo img,
.callout > .photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  opacity: 0.5;
}
.wp-block-acf-callout p.heading + p,
.wp-block-acf-callout ul.ctas,
.callout p.heading + p,
.callout ul.ctas {
  margin-top: 0;
}
.wp-block-acf-callout p.heading + p,
.callout p.heading + p {
  margin-top: 0;
}
.wp-block-acf-callout .acf-block-preview.wp-block-acf-callout-inner,
.callout .acf-block-preview.wp-block-acf-callout-inner {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: var(--base-grid);
}
.wp-block-acf-callout .content,
.callout .content {
  grid-column: 2/span 12;
  display: grid;
  grid-template-columns: 100%;
  row-gap: var(--gap-column);
}
@media (min-width: 767px) {
  .wp-block-acf-callout .content,
  .callout .content {
    grid-column: 2/span 12;
  }
}
@media (min-width: 1024px) {
  .wp-block-acf-callout .content,
  .callout .content {
    grid-column: 3/span 10;
  }
}
.wp-block-acf-callout .wp-block-acf-quote,
.callout .wp-block-acf-quote {
  grid-column: 2/span 12;
  display: grid;
  grid-template-columns: 100%;
  row-gap: var(--gap-column);
}
.wp-block-acf-callout ul.ctas,
.callout ul.ctas {
  margin-top: 0;
}
.wp-block-acf-callout .ctas,
.wp-block-acf-callout .cta-container,
.callout .ctas,
.callout .cta-container {
  grid-column: 1/-1;
  justify-content: center;
}
@media (min-width: 1024px) {
  .wp-block-acf-callout .ctas,
  .wp-block-acf-callout .cta-container,
  .callout .ctas,
  .callout .cta-container {
    grid-column: 2/span 12;
  }
}