/* -- FIXES -- */

.breadcrumbs a {
    text-decoration: none;
}

/* -- LAYOUT -- */

.breadcrumbs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.breadcrumbs .item {
    /*flex-shrink: 0;*/
}

.breadcrumbs .item + .item::before {
    display: inline-block;
    content: "";
}

/* -- STYLING -- */

.breadcrumbs {
    background-color: #eeeeee;
}

.breadcrumbs a {
    color: #757575;
}

.breadcrumbs span:last-child,
.breadcrumbs a:last-child {
    color: #212121;
}

.breadcrumbs a:hover {
    color: red;
}

.breadcrumbs .item {
    font-size: 11px;
    vertical-align: middle;
    white-space: normal;
}

.breadcrumbs .item + .item::before {
    width: 5px;
    height: 24px;
    background-image: url('../img/kroshki-arrow.png');
    vertical-align: middle;
}

/* -- SPACING -- */

.breadcrumbs {
    min-height: 30px;
    padding-left: 30px;
}

.breadcrumbs .item + .item::before {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
}