/*******************************
    Breadcrumbs
*******************************/

.breadcrumbs-9848 .breadcrumbs-9848__bar {
    z-index: 9;
    transition: padding 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.breadcrumbs-9848.is-stuck .breadcrumbs-9848__bar {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.breadcrumbs-9848__bar > .container > h1 {
    transition: margin-bottom 0.45s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.breadcrumbs-9848.is-stuck .breadcrumbs-9848__bar > .container > h1 {
    margin-bottom: 0 !important;
}

.breadcrumbs-9848__crumbs {
    max-height: 6rem;
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
}

.breadcrumbs-9848.is-stuck .breadcrumbs-9848__crumbs {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

.breadcrumbs-9848 li {
    margin-right: 20px;
}

.breadcrumbs-9848 li > span {
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
}

.breadcrumbs-9848 li:last-child {
    margin-right: 0;
}

.breadcrumbs-9848 li:last-child > span {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .breadcrumbs-9848 .breadcrumbs-9848__bar,
    .breadcrumbs-9848__bar > .container > h1,
    .breadcrumbs-9848__crumbs {
        transition: none;
    }
}

@media (min-width: 991.92px) {

    .breadcrumbs-9848.is-stuck .breadcrumbs-9848__bar {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

/* custom title scroll classes */

.breadcrumbs-9848.is-stuck .breadcrumbs-9848__bar.breadcrumb-title-custom-sizes-on-scroll > .container > h1 {
    font-size: 24px !important;
}

@media (min-width: 766.92px) {

    .breadcrumbs-9848.is-stuck .breadcrumbs-9848__bar.breadcrumb-title-custom-sizes-on-scroll > .container > h1 {
        font-size: 28px !important;
    }
}

@media (min-width: 991.92px) {
    
    .breadcrumbs-9848.is-stuck .breadcrumbs-9848__bar.breadcrumb-title-custom-sizes-on-scroll > .container > h1 {
        font-size: 32px !important;
    }
}

@media (min-width: 1199.92px) {
    
    .breadcrumbs-9848.is-stuck .breadcrumbs-9848__bar.breadcrumb-title-custom-sizes-on-scroll > .container > h1 {
        font-size: 35px !important;
    }
}