.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0;

    > li {
        color: map-get($color-primary, 50);
        font-size: 12px;
        margin: 0;

        a {
            color: map-get($color-primary, 50);

            &:hover {
                color: map-get($color-primary, 100);
                text-decoration: none;
            }
        }

        &.active {
            color: map-get($color-primary, 50);
        }

        &:before {
            color: map-get($color-primary, 600) !important;
        }
    }
}
