.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
  margin-bottom: $breadcrumb-margin-bottom;
  list-style: none;
  background-color: $breadcrumb-bg;
  @include border-radius($breadcrumb-border-radius);
}

.breadcrumb-item {
  a {
    color: $gray-800;
  }

  &:before {
    font-weight: normal;
  }

  &.active {
    color: $breadcrumb-active-color;
    font-weight: bold;
  }
}