/*
Generated time: March 25, 2026 07:20
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
.mb-breadcrumbs-section {
    background-color: var(--bg-color)
}

.mb-breadcrumbs {
    display: flex;
    align-items: center
}

.mb-breadcrumbs.page-width {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 15px
}

.mb-breadcrumbs .breadcrumb {
    display: block;
    color: #000;
    position: relative;
    font-size: 12px;
    line-height: 100%
}

.home-link {
    color: #000
}

.mb-breadcrumbs a.breadcrumb:hover {
    text-decoration: underline;
    text-underline-offset: 2px
}

.breadcrumb-separator {
    color: #000;
    opacity: .4;
    margin: 0 var(--s);
    font-size: 10px
}

.mb-breadcrumbs .breadcrumb--active {
    color: var(--font-color) !important;
    pointer-events: none;
}

@media (max-width:989px) {
    .mb-breadcrumbs {
        padding: 10px 17px 0 17px !important;
        margin-bottom: -10px !important
    }

    .mb-breadcrumbs a:not(.home-link) {
        display: inline-block;
        max-width: 60px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .mb-breadcrumbs .breadcrumb--active {
        display: inline-block;
        max-width: 250px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}