.breadcrumbs {
    margin-top: 130px;
    position: relative;
    z-index: 80;
}

.breadcrumbs.breadcrumbs-banner {
    margin-bottom: -148px;
    height: 18px;
}


.breadcrumbs-list {
    padding: 0;
}

.breadcrumbs-list > * {
    display: inline;
}


.breadcrumbs a {
    color: var(--gray-dark);
    text-decoration: none;

    &:hover {
        color: var(--yellow);
    }
}

.breadcrumbs-light a {
    color: #FFFFFF;
}

.breadcrumbs li:last-child a {
    color: var(--foreground);
    cursor: default;
}

.breadcrumbs-light li:last-child a {
    color: #FFFFFFA8;
    text-decoration: none;
}

.breadcrumbs span {
    font-size: 40px;
    line-height: 0;
    height: 0;
    display: inline-flex;
    transform: translateY(-3px);
    color: var(--gray-dark);
    margin: 0 10px;
}

.breadcrumbs-light span {
    color: #FFFFFF;
}

@media screen and (max-width: 1199.98px) {
    .breadcrumbs {
        margin-top: 100px;
    }
}

@media screen and (max-width: 1027.98px) {
    .breadcrumbs {
        margin-top: 75px;
    }
}

@media screen and (max-width: 991.98px) {
    .breadcrumbs {
        font-size: 12px;
    }

    .breadcrumbs-list span {
        font-size: 28px;
        margin: 0 4px;
    }
}