/* =========================================================
   BREADCRUMBS
========================================================= */

.breadcrumbs-container {
    padding: 10px 0;
    background-color: #e6e6e6;
}

/*
 * Breadcrumbs remain in normal document flow.
 * Do not add position, z-index, sticky or fixed behavior.
 */
.breadcrumbs {
    overflow-x: auto;
    color: #6c757d;
    font-size: .75em;
    white-space: nowrap;
    scrollbar-width: thin;
}

.breadcrumbs .breadcrumb-item,
.breadcrumbs .breadcrumb-item.active {
    color: #6c757d;
}

.breadcrumbs .breadcrumb-item a {
    color: #185f8c;
    text-decoration: none;
}

.breadcrumbs .breadcrumb-item a:hover,
.breadcrumbs .breadcrumb-item a:focus {
    color: #0f4568;
    text-decoration: underline;
}

.breadcrumbs .sep {
    opacity: .4;
    line-height: 1;
}