.u-bg-wrapper {
  position: relative;
  width: 100%;

  /*
  * Prevent collapsing margins
  * If for some reason this method fails,
  * NEVER try this with setting display inline-block!!
  */
  &::before,
  &::after {
    content: ' ';
    display: table;
  }
}


.u-hidden {
  display: none !important
}


.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}


.u-object-cover {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}


.u-margin-auto {
  margin: auto;
}

.u-text-align-center {
  text-align: center;
}

.u-reset-header-offset {
  padding-top: $site-header-bg-offset;
}

.u-reset-hero-info-panel-offset {
  @include mq(mainnav) {
    padding-top: 4vmin;
  }
}

.u-has-max-width {
  max-width: 575px;
}