#breadcrumbs {
    font-size: 1.5rem;
    align-content: space-between;
    padding: 0;
    background: var(--bleu);
    display: grid;
    height: 3.5vh;
    /* padding-left: 0.5%; */
    border-bottom: solid 1px var(--beige);
    grid-template-columns: repeat(24, 1fr);

}
#breadcrumbs span {
display: unset;
grid-column: 7/ 24;
align-content: center;
height: 3.5vh;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
}

#breadcrumbs span a {
letter-spacing: -0.01rem;
font-family: 'fluxisch-bold';
font-size: 1.5rem;
word-spacing: 0.05rem;
color: var(--beige);
text-transform: uppercase;
}

/* #breadcrumbs span a:hover {
font-variant: normal;
text-transform: lowercase;
} */


#breadcrumbs img {
padding-right: 0.4rem;
padding-left: 0.4rem;
}

span.cat-links {
width: 100%;
border-left: dashed 1px;
padding-left: 1rem;
}

@media print {
    #breadcrumbs {
        display: none;
    }
}