.breadcrumb {
    position: relative;
    /* IE 10-11 workaround - https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items */
    flex: 0 0 auto;
    height: 45px;
    cursor: default;
    border-bottom: 1px solid #777;
    display: none;
    z-index: 3;
}
.breadcrumb__list {
    display: flex;
    height: 100%;
    margin: 0 auto;
    padding: 0 5px;
    list-style: none;
}
.breadcrumb__list-item {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    margin: 6px 0 6px 5px;
}
.breadcrumb__list-item:first-child {
    margin-left: 0;
}
.breadcrumb__list-item > .svg-icon {
    position: absolute;
    left: -6px;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(-90deg);
}
.breadcrumb__list-item:first-child > .svg-icon {
    display: none;
}
.breadcrumb__list-item--current {

}
.breadcrumb__link,
.breadcrumb__current {
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.no-touchevents .breadcrumb__link:hover,
.breadcrumb__link:focus {

}
.breadcrumb__current {
    border-color: transparent;
    padding-right: 5px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media ( min-width: 768px ) {
    .breadcrumb {
        display: block;
    }
}