/* ------- */

.overlapped-full-width-banner {
  position: relative;
}

.overlapped-full-width-banner .splash__bg-image {
  width: 100%;
  height: 370px;
  background-size: cover;
  background-repeat: no-repeat;
}

.overlapped-full-width-banner .splash__overlapping {
  position: relative;
  width: 45em;
  background: var(--white);
  padding: var(--line-height-em) calc(var(--line-height-em)*2) var(--line-height-em) calc(var(--line-height-em)*2);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(var(--line-height-em)*-7);
  /* margin-bottom: calc(var(--line-height-em)*3); */
}

/* ------ */