#breadcrumb-links .breadcrumbs > *:before {
    margin: 0 6px;
    top: 0px;
    color: #888;
}

#breadcrumb-links .breadcrumbs > *:first-child:before {
    content: "";
    margin: 0;
}

ul.breadcrumbs {
    display: block;
    padding: 0;
    margin-top: 1.25rem;
    margin-left: 0;
    list-style: none;
    overflow: hidden;
    font-family: var(--secondary-font-family);
}

    ul.breadcrumbs li {
        float: left;
        margin: 0;
        font-size: 13px;
        line-height: 16px;
    }

    ul.breadcrumbs li:before {
        position: relative;
        top: 1px;
        content: "/";
        color: #aaa;
        margin: 0 12px;
    }

    ul.breadcrumbs li:first-child:before {
        content: "";
        margin: 0;
    }

    ul.breadcrumbs .current {
        cursor: default;
        color: #333;
    }

    ul.breadcrumbs a {
        text-decoration: none;
        color: #888;
        font-size: 13px;
    }

    ul.breadcrumbs li:hover a {
        text-decoration: none;
        border-bottom: 1px solid #222;
        color: #222;
    }

    ul.breadcrumbs li,
    ul.breadcrumbs li.current {
        color: #888;
        font-size: 13px;
    }

.selected-options sup {
    vertical-align: top;
    position: relative;
    top: -3px;
}

@media (max-width: 860px) {
    #breadcrumb-links {
        display: none;
    }
}