@charset "utf-8";

:root {
    --dark_purple: hsl(245, 23%, 21%);
    --medium_purple: hsl(244, 11%, 50%);
    --light_purple: hsl(240, 22%, 90%);
    --title: hsl(245, 23%, 70%);
}

.breadcrumbs {
    line-height: 1.3;
    text-align: center;
}

.breadcrumbs li {
    display: inline;
    font-size: 0.8em;
}

.breadcrumbs li a {
    color: var(--medium_purple);
}

.breadcrumbs li a:hover {
    color: var(--title);
}

.breadcrumbs li::after {
    content: " / ";
    color: var(--light_purple);
}

.breadcrumbs li:last-child::after {
    content: "";
}

.breadcrumbs li.active::after {
    content: none;
}

.breadcrumbs li.active a,
.breadcrumbs li.active a:hover {
    cursor: text;
    color: var(--title);
}