/*
 Breadcrumbs
 -------------------------------------------------*/
.breadcrumb {
    display: block;
    font-size: .875em;
    margin: 0 0 1rem 0;
    padding: 0;
}

.breadcrumb li {
    display: inline-block;
    margin: 0;
    padding: 1em;
    position: relative;
}

.breadcrumb li a {
    display: inline-block;
    padding: 1em;
    margin: -1em;
}

.breadcrumb li:not(:last-child)::after {
    content: "chevron_right";
    display: block;
    font-family: "Material Icons", sans-serif;
    position: absolute;
    left: 100%; top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

@media screen and (max-width: 720px) {

    .breadcrumb li:first-child {
        width: 58px;
    }

    .breadcrumb li:first-child a {
        color: transparent;
    }
}