/*****
 CSS Versions of SCSS include: _breadcrumb
 *****/
.breadcrumbs ul, .breadcrumbs ol {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 0;
    margin-bottom: 0;
    list-style: none;
}

/*// The separator between breadcrumbs (by default, a forward-slash: "/")*/
.breadcrumbs ul li + li,
.breadcrumbs ol li + li {
    padding-left: 0.5rem;
}

.breadcrumbs ul li + li::before,
.breadcrumbs ol li + li::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #6c757d;
    content: "/";
}
/*
// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
// without `<ul>`s. The `::before` pseudo-element generates an element
// *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
//
// To trick IE into suppressing the underline, we give the pseudo-element an
// underline and then immediately remove it.
*/
.breadcrumbs ul li + li:hover::before,
.breadcrumbs ol li + li:hover::before {
    text-decoration: underline;
}

.breadcrumbs ul li + li:hover::before,
.breadcrumbs ol li + li:hover::before {
    text-decoration: none;
}

.breadcrumbs [aria-current="page"] {
    color: #666;
    pointer-events: none;
}

/* WEBINARS */
.rank-math-breadcrumb p {
    font-size: 1rem;
}
.breadcrumb-container--dark .rank-math-breadcrumb a {
    color: #584ebd !important;
}
.breadcrumb-container--light .rank-math-breadcrumb a {
    color: #d9daf3 !important;
}