.breadcrumb {
    font-size: 13px;
    position: relative;
    /* top: -9px; */
    /* padding-left: 0; */
    padding-top: 5px;
    padding-bottom: 5px;
}

.breadcrumb li {

    display: inline-block;

    position: relative;

    margin-right: 15px;
    color:rgba(255,255,255,0.5);
}
.breadcrumb .name{

}
.breadcrumb a {
   color:white;
    display: block;
}

.breadcrumb a:hover {

    color: var(--color);
}

.breadcrumb li:before {
    content: "/";
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: -10px;
    color: var(--color);
}

.breadcrumb li:first-of-type:before {
    content: "";
    display: none;

}

.breadcrumb li:last-of-type a {
    color: var(--color-dark)!important;

}