.breadcrumb-nav {
width: 100%;
padding: 6px 0 2px;
margin-left: 20px;
}
.breadcrumb-list {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumb-item {
display: flex;
align-items: center;
font-size: 0.83em;
line-height: 1.6;
font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
white-space: nowrap;
}
.breadcrumb-item + .breadcrumb-item::before {
content: url('https://marelias.org/assets/symbols/angle-left.svg');
margin: 0 8px;
color: #999;
font-size: 1.2em;
}
.breadcrumb-item a {
color: #5e91ff;
text-decoration: none;
}
.breadcrumb-item a:hover {
text-decoration: underline;
}
.breadcrumb-current span {
color: #555;
overflow: hidden;
text-overflow: ellipsis;
}