.cd-breadcrumb {
    --cd-breadcrumb-gap: .5rem;
}

.cd-breadcrumb ol {
    list-style-type: none;

    display: inline-flex;
    gap: var(--cd-breadcrumb-gap);

    margin: 0 auto;
}

.cd-breadcrumb li {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--cd-breadcrumb-gap);
}

.cd-separator,
.cd-breadcrumb a,
.cd-breadcrumb a:hover,
.cd-breadcrumb a:focus,
.cd-breadcrumb a:active,
.cd-breadcrumb a:visited {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    font-family: "Noto Sans", sans-serif;

    color: #FFF;
    text-decoration: none;
}

@media (min-width: 992px) {
    .cd-breadcrumb ol {
        padding: .25rem .75rem;
    }

    .cd-separator,
    .cd-breadcrumb a,
    .cd-breadcrumb a:hover,
    .cd-breadcrumb a:focus,
    .cd-breadcrumb a:active,
    .cd-breadcrumb a:visited {
        font-size: 1.25rem;
    }
}