ul.breadcrumb {
font-family: "Montserrat",sans-serif;
width: 100%;
padding: 6px;
list-style: none;
background-color: white;
white-space: nowrap;
overflow: scroll;
margin-top: 4px;
scrollbar-width: none; /* ширина нового скроллбара for FireFox */
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
ul.breadcrumb::-webkit-scrollbar {
height: 1px; /* ширина нового скроллбара */
}
ul.breadcrumb li {
display: inline-block;
font-size: 15px;
margin-left: 12px;
margin-right: 10px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
ul.breadcrumb li a {
color: var(--color-blue);
text-decoration: none;
}
ul.breadcrumb li a:hover {
color: var(--color-red);
}
ul.breadcrumb {
position: relative;
}
ul.breadcrumb > .li-arrow:after {
position: absolute;
content: "";
width: 16px;
height: 16px;
background-image: var(--img-arrow);
background-repeat: no-repeat;
background-size: 12px 12px;
background-position: center;
margin-right: -20px;
}
@media screen and (max-width: 800px) {
ul.breadcrumb li {
font-size: 17px;
}
}