.renis-breadcrumb {
    --renis-bc-text: #6f705f;
    --renis-bc-current: #1f3328;
    --renis-bc-separator: #a5a48e;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.renis-breadcrumb,
.renis-breadcrumb * {
    box-sizing: border-box;
}

.renis-breadcrumb__list {
    list-style: none !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    min-width: 0;
}

.renis-breadcrumb__item,
.renis-breadcrumb__separator {
    list-style: none !important;
    margin: 0 !important;
    padding: 0;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.renis-breadcrumb__item::marker,
.renis-breadcrumb__separator::marker {
    content: '';
    font-size: 0;
}

.renis-breadcrumb__link,
.renis-breadcrumb__current {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--renis-bc-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    text-decoration: none !important;
    white-space: nowrap;
    transition: color .22s ease, opacity .22s ease, background-color .22s ease;
}

.renis-breadcrumb__link:hover,
.renis-breadcrumb__link:focus-visible {
    color: var(--renis-bc-current);
    text-decoration: none !important;
}

.renis-breadcrumb__link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 3px;
}

.renis-breadcrumb__current {
    color: var(--renis-bc-current);
    font-weight: 600;
}

.renis-breadcrumb__separator {
    color: var(--renis-bc-separator);
    opacity: .95;
    font-size: 9px;
    line-height: 1;
    pointer-events: none;
}

.renis-breadcrumb__separator i,
.renis-breadcrumb__separator svg,
.renis-breadcrumb__home-icon i,
.renis-breadcrumb__home-icon svg {
    display: block;
    width: 1em;
    height: 1em;
}

.renis-breadcrumb__home-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

/* Flip directional separator in RTL, without affecting non-directional custom icons. */
[dir="rtl"] .renis-breadcrumb__fallback-separator,
html[dir="rtl"] .renis-breadcrumb__separator .fa-chevron-right,
html[dir="rtl"] .renis-breadcrumb__separator .eicon-chevron-right {
    transform: scaleX(-1);
}

@media (max-width: 767px) {
    .elementor-widget-renis_breadcrumb.renis-breadcrumb-scroll-yes .renis-breadcrumb__list {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 2px !important;
    }

    .elementor-widget-renis_breadcrumb.renis-breadcrumb-scroll-yes .renis-breadcrumb__list::-webkit-scrollbar {
        display: none;
    }

    .elementor-widget-renis_breadcrumb.renis-breadcrumb-scroll-yes .renis-breadcrumb__item,
    .elementor-widget-renis_breadcrumb.renis-breadcrumb-scroll-yes .renis-breadcrumb__separator {
        flex: 0 0 auto;
    }

    .elementor-widget-renis_breadcrumb.renis-breadcrumb-wrap-yes:not(.renis-breadcrumb-scroll-yes) .renis-breadcrumb__list {
        flex-wrap: wrap;
    }
}