// breadcrumbs
//***********************************

.breadcrumbs-section {
  border-bottom: 1px solid $color-grey-light-5;
  padding: 15px 0;
  background-color: $color-white;

  .breadcrumbs {
    display: inline;
    list-style: none;
    padding-left: 10px;

    &__item {
      display: inline;

      &.hidden {
        display: none;
      }

      &:not(:first-child) {
        &::before {
          content: '/';
          display: inline-block;
          padding-right: 10px;
          padding-left: 10px;
        }
      }
    }
  }

  // < MD - for screen readers only
  @include media-breakpoint-down(md) {
    //@extend .visually-hidden !optional;
  }
}
