/* Wrapper */
.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--fs-12);
    opacity: 0.9;
}

.breadcrumbs a span {
    color: var(--color-gray) !important;
    font-family: var(--fs-12);
    text-decoration: none;
    transition: opacity .2s;
}

.breadcrumbs a:hover {
    opacity: 0.7;
}

.breadcrumbs .navigation-bullet {
    color: var(--color-gray) !important   ; 
    padding: 0 4px;
    font-weight: 300;
}

.breadcrumbs .current {
    color: var(--color-white) !important;
    font-weight: 300;
}

.breadcrumbs .navigation-bullet {
    color: transparent !important;
    position: relative;
    display: inline-block;
    width: 40px; 
}

.breadcrumbs .navigation-bullet::before {
    content: ":";
    color: var(--color-gray) !important;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}