.breadcrumb.cms-breadcrumb{
  padding-inline: 0;
  margin: 0;
}

nav[aria-label="breadcrumb"] {
  padding-inline: 2rem;
  background-color: $lighter;
  margin-bottom: 1.5rem;
  width: 100%;

  @include media-breakpoint-down(md) {
    margin-inline: calc(-1 * (var(--bs-gutter-x) * .5));
  }

  ol.breadcrumb {
    margin-bottom: 0;
    line-height: 50px;

    a {
      color: $body-color;
      font-weight: $font-weight-light;
      white-space: nowrap;

      &.is-active {
        font-weight: $font-weight-light;
        color: $primary;
      }
    }
  }
}