/****************
 * Fonts
 ****************/
/****************
 * Paints
 ****************/
/****************
 * Effects
 ****************/
/****************
 * Grid Settings
 ****************/
/**
 * This block places a background image between all other blocks backgrounds and their content.
 *
 * This works because no sections or top level blocks have a z-index. This allows the children to maintain their own
 * z-index. The first children within a block get a higher z-index and the image within this block is placed lower. All
 * blocks will be allowed to have backgrounds that will be overlapped by this block.
 */
.acf-block .container,
.acf-block .container-fluid,
.acf-block .row {
  position: relative;
  z-index: 2;
}

.block-overlapping-background {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
}
.block-overlapping-background > .block-overlapping-background__inner {
  position: relative;
  z-index: 1;
}
.block-overlapping-background > .block-overlapping-background__inner > figure {
  height: auto;
  width: 100%;
}
.block-overlapping-background > .block-overlapping-background__inner > figure img {
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.block-overlapping-background--bleed-up > .block-overlapping-background__inner, .block-overlapping-background--bleed-down > .block-overlapping-background__inner {
  position: relative;
}
.block-overlapping-background--bleed-up > .block-overlapping-background__inner > figure, .block-overlapping-background--bleed-down > .block-overlapping-background__inner > figure {
  position: absolute;
  right: 0;
  left: 0;
}
.block-overlapping-background--bleed-up > .block-overlapping-background__inner > figure {
  bottom: 0;
}
.block-overlapping-background--bleed-down > .block-overlapping-background__inner > figure {
  top: 0;
}