:root {
    --breadcrumb-font-size: 14px;
    --breadcrumb-separator-margin: 18px;
    --breadcrumb-color-primary: #232f58;
    --breadcrumb-color-hover: #ce0e2d;
    --breadcrumb-color-inactive: #909090;
    --breadcrumb-font-weight: 400;
}

.uk-breadcrumb {
    padding: 0;
    list-style: none;
    font-size: 0;
}

.uk-breadcrumb>* {
    display: inline-block; /* Fallback for older browsers */
    display: contents; /* Modern browsers */
}

.uk-breadcrumb>*>* {
    font-size: var(--breadcrumb-font-size);
    color: var(--breadcrumb-color-primary);
    font-weight: var(--breadcrumb-font-weight);
}

.uk-breadcrumb>*>:hover {
    color: var(--breadcrumb-color-hover);
    text-decoration: none;
}

.uk-breadcrumb>:last-child>a:not([href]), .uk-breadcrumb>:last-child>span {
    color: var(--breadcrumb-color-inactive);
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    content: "/";
    display: inline-block;
    margin: 0 var(--breadcrumb-separator-margin);
    font-size: var(--breadcrumb-font-size);
    color: var(--breadcrumb-color-inactive);
}