/* section-breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs-section {
    width: 100%;
    min-height: 35px;
    position: sticky;
    top: 180px;
    background-color: #fff;
    overflow-x: hidden;
    line-height: 1;
    z-index: 1;
}
    @media (min-width: 768px) {
        .breadcrumbs-section {
            top: 250px;
        }
    }    
    .breadcrumbs-section a {
        background: #fff;
        color: #333 !important;
        outline: none;
        /*padding: 0.75em 0.75em 0.75em 1.25em;*/
        padding: .5em .65em .5em 1.25em;
        position: relative;
        text-decoration: none;
        transition: background 0.2s linear;
        white-space: nowrap;
    }
    .breadcrumbs-section a:after,
    .breadcrumbs-section a:before {
        background: white;
        bottom: 0;
        clip-path: polygon(50% 50%, -50% -50%, 0 100%);
        content: "";
        left: 100%;
        position: absolute;
        top: 0;
        transition: background 0.2s linear;
        width: 1em;
        z-index: 1;
    }
    
    .breadcrumbs-section a[href]:hover:after,
    .breadcrumbs-section a[href]:hover {
        background: var(--department-color-2);
    }
    .breadcrumbs-section a:not([href]) {
        color: #333333aa !important;
        transition: color .5s;
    }
    .breadcrumbs-section a:not([href]):hover {
        color: #111 !important;
    }
    
    .breadcrumbs-section a.single:not([href]),
    .breadcrumbs-section a.single:not([href]):hover,
    .breadcrumbs-section a.first,
    .breadcrumbs-section a.first:hover {
        color: #333333aa !important;
        cursor: default !important;
    }
    
    
    .breadcrumbs-section a:before {
        background: #cbd2d9;
        margin-left: 1px;
    }
    .breadcrumbs-section a.last,
    .breadcrumbs-section a.single.last,
    .breadcrumbs-section a.single.last:hover {
        border-right: none;
        color: #fff !important;
        background: var(--department-color-3);
        cursor: default;
    }
    .breadcrumbs-section a.last:hover {
        color: #fff !important;
    }
    .breadcrumbs-section a.last:after,
    .breadcrumbs-section a.last:before {
        background: transparent !important;
    }
    .breadcrumbs-section a.last:after {
        background: var(--department-color-3);
        margin-left: 1px;
    }


.breadcrumbs-section .owl-item,
.breadcrumbs-section .owl-stage,
.breadcrumbs-section .owl-stage-outer {
    display: inline-flex !important;
}

.breadcrumbs-section .owl-nav,
.breadcrumbs-section .owl-dots {
    display: none !important;
}