/* Breadcrumb navigation */

.breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.5rem 1rem 0.25rem 1rem;
    border-bottom: 1px solid $lightGray;

    &__list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0;
    }

    &__item {
        font-size: 0.7rem;
        color: $gray;
        margin-bottom: 0.22rem;
        padding-left: 0;
        line-height: 1.3;

        &:not(:last-of-type) {
            padding-right: 1.5rem;
            position: relative;

            &:after {
                content: ">";
                display: block;
                position: absolute;
                right: 0.25rem;
                top: 0;
            }
        }
    }

    &__link {
        line-height: 1.3;
        display: inline-block;
    }
}
