.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:has(figure.is-svg),
.callout .inner:has(figure.is-svg) {
  padding-block: 0;
}
.wp-block-acf-callout .inner:has(figure.is-svg) .acf-innerblocks-container,
.callout .inner:has(figure.is-svg) .acf-innerblocks-container {
  grid-template-rows: repeat(4, auto);
}
.wp-block-acf-callout .inner .acf-innerblocks-container,
.callout .inner .acf-innerblocks-container {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: var(--base-grid);
  row-gap: var(--gap-row);
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(figure),
.callout .inner .acf-innerblocks-container:has(figure) {
  transition: background-color var(--base-speed);
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(figure) figure.is-svg,
.callout .inner .acf-innerblocks-container:has(figure) figure.is-svg {
  grid-row: 1/span 4;
  grid-column: 1/-1;
  position: relative;
  overflow: clip;
  z-index: 0;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(figure) figure.is-svg svg,
.callout .inner .acf-innerblocks-container:has(figure) figure.is-svg svg {
  width: 150%;
  height: auto;
  justify-self: center;
  position: absolute;
  transform-origin: bottom center;
  animation: rotate 10s linear infinite alternate;
  transition: width var(--base-speed), transform var(--base-speed);
}
@keyframes rotate {
  0% {
    transform: rotate(0) scale(1);
  }
  50% {
    transform: rotate(10deg) scale(1.5);
  }
  100% {
    transform: rotate(-10deg) scale(1);
  }
}
@keyframes rotatehover {
  0% {
    transform: rotate(0) scale(1);
  }
  50% {
    transform: rotate(5deg) scale(1.1);
  }
  100% {
    transform: rotate(-5deg) scale(1);
  }
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(figure) figure.is-svg svg path,
.callout .inner .acf-innerblocks-container:has(figure) figure.is-svg svg path {
  fill: hsl(from var(--color-accent) h s l/0.1);
  transition: fill var(--base-speed), filter var(--base-speed);
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(figure) figure.is-svg + .content,
.callout .inner .acf-innerblocks-container:has(figure) figure.is-svg + .content {
  grid-row: 2;
  z-index: 2;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(figure) figure.is-svg + .content + .cta-container,
.callout .inner .acf-innerblocks-container:has(figure) figure.is-svg + .content + .cta-container {
  grid-row: 3;
  z-index: 2;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(figure):has(.wp-block-button:hover),
.callout .inner .acf-innerblocks-container:has(figure):has(.wp-block-button:hover) {
  background-color: hsl(from var(--section-background-color) h s calc(l + 5));
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(figure):has(.wp-block-button:hover) figure.is-svg svg,
.callout .inner .acf-innerblocks-container:has(figure):has(.wp-block-button:hover) figure.is-svg svg {
  width: 15%;
  filter: blur(0);
  animation: rotatehover 10s linear infinite alternate;
}
.wp-block-acf-callout .inner .acf-innerblocks-container:has(figure):has(.wp-block-button:hover) figure.is-svg svg path,
.callout .inner .acf-innerblocks-container:has(figure):has(.wp-block-button:hover) figure.is-svg svg path {
  fill: hsl(from var(--color-white) h s l/0.1);
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0));
}
.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: 890px) {
  .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;
  }
}