/* no footer gap on investment pages */
.investments footer.site-footer {
    margin-top: 0 !important;
}

/* Fix bio cards in same section */
.block-provus-bio + .block-provus-bio {
    margin-top: 7rem !important;
    margin-bottom: -3.2rem !important;
}

/* Fix Extending Images */
:root { --container-w: 100vw; }
@media (min-width: 90rem) { :root { --container-w: 1296px; } }

/* Gap between the viewport edge and the container edge */
:root { --bleed: max(0px, calc((100vw - var(--container-w)) / 2)); }

@media (min-width: 90rem) {
  /* Any column containing a bleeding media block becomes the positioning context */
  .layout-builder__layout > div:has(.block-provus-media.use-as-bg) {
    position: relative;
  }

  /* Media block fills its column vertically */
  /* Not the variant header like on Private and Public Markets */
   :not(.bg-primary-variant-dk) > .block-provus-media.use-as-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    width: auto;
    z-index: 0;
  }

  /* Media in the FIRST column: bleed out to the left viewport edge */
  .layout-builder__layout > div:first-child .block-provus-media.use-as-bg {
    left: calc(-1 * var(--bleed));
    right: 0;
  }

  /* Media in the LAST column: bleed out to the right viewport edge */
  .layout-builder__layout > div:last-child:not(:first-child) .block-provus-media.use-as-bg {
    left: 0;
    right: calc(-1 * var(--bleed));
  }

  /* Every wrapper between the block and the img needs to pass the height down */
  .block-provus-media.use-as-bg :is(.content, .field, .contextual-region, picture) {
    display: block;
    height: 100%;
  }

  .block-provus-media.use-as-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Keep the other blocks in the column above the image */
  .layout-builder__layout > div > :not(.block-provus-media.use-as-bg) {
    position: relative;
    z-index: 1;
  }
}

/* Stop 100vw (which includes the scrollbar) from causing horizontal scroll */
body { overflow-x: clip; }