.breadcrumb-nav { 
  font-size: 1rem;
  font-weight: 700;
}

.font-strong { font-weight: 700; }

.breadcrumb { 
  --bc-sep: ">";
  display: flex; 
  flex-wrap: wrap; 
  gap: .25rem;
  background: transparent; 
  padding: 0; 
  margin: 0;
}

.breadcrumb li { 
  list-style: none; 
  display: inline; 
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: var(--bc-sep);
  padding: 0 .5rem;
  color: #6c757d;
}

.breadcrumb-link {
  color: #004EA3 !important;
  text-decoration: none;
}

.breadcrumb-link:hover,
.breadcrumb-link:focus {
  text-decoration: underline;
}
.breadcrumb-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.breadcrumb .active {
  color: #000;
}

.breadcrumb a,
.breadcrumb .breadcrumb-text,
.breadcrumb .active {
  display: inline-block;
  max-width: 24ch;  
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

@media (max-width: 576px) {
  .breadcrumb a,
  .breadcrumb .breadcrumb-text,
  .breadcrumb .active {
    white-space: normal;
  }
}