/* Navigation bar styling */

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