/**

 * @file

 * ECL Breadcrumb Component

 * SMIP EC Knowledge Hub module.

 */


/* ==========================================================================
   ECL Breadcrumb Component (Aligned to left side of filter, transparent bg)
   ========================================================================== */
.ecl-breadcrumb,
.ecl-breadcrumb__list,
.ecl-breadcrumb__item,
.ecl-breadcrumb__link,
.ecl-breadcrumb__current {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.ecl-breadcrumb {
  margin-bottom: 24px !important;
  width: 100% !important;
  padding: 0 !important;
}

.ecl-breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

.ecl-breadcrumb__item {
  display: inline-flex !important;
  align-items: center !important;
  font-family: var(--Font-family-inter), 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: var(--ec-color-text, #00002E) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ecl-breadcrumb__link {
  color: var(--ec-color-text, #00002E) !important;
  text-decoration: underline !important;
  font-weight: 400 !important;
  transition: opacity 0.15s ease !important;
}

.ecl-breadcrumb__link:hover {
  opacity: 0.75 !important;
}

.ecl-breadcrumb__separator {
  margin: 0 8px !important;
  color: var(--ec-color-text, #00002E) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  user-select: none !important;
}

.ecl-breadcrumb__current {
  color: var(--ec-color-text, #00002E) !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}