/* =========================================================
   BREADCRUMB
   ========================================================= */

.breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;

    margin: 10px 0 0 0;
    padding: 0;

    font-size: 0.75rem;
    line-height: 1.2;
    color: #607d8b;

    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.breadcrumb::-webkit-scrollbar {
    display: none;
}

.breadcrumb a,
.breadcrumb-current,
.breadcrumb-separator {
    flex-shrink: 0;
}

.breadcrumb a {
    color: #3b6f8f;
    text-decoration: none;
}

.breadcrumb a:hover {
    /* text-decoration: underline; */
}

.breadcrumb-separator {
    margin: 0 5px;
    color: #90a4ae;
}

.breadcrumb-current {
    color: #607d8b;
}

@media (max-width: 700px) {
    .breadcrumb {
        font-size: 0.7rem;
    }

    .breadcrumb-separator {
        margin: 0 2px;
    }
}