
// 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;
    }
}
