#main_content .public-committee-breadcrumbs {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 1.25rem;
}

#main_content .public-committee-breadcrumbs .breadcrumb {
  position: static;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: fit-content;
  margin: 0;
  padding: 0.65rem 1rem;
  border: 1px solid #d6e2ed;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 4px 12px rgba(36, 67, 98, 0.06);
  color: #6b7d8f;
  font-size: 0.875rem;
  line-height: 1.2;
  list-style: none;
}

#main_content .public-committee-breadcrumbs .breadcrumb-item {
  display: flex;
  align-items: center;
  padding: 0;
  color: #6b7d8f;
}

#main_content .public-committee-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
  float: none;
  padding: 0 0.75rem;
  color: #9aabba;
  content: "\203A";
  font-family: inherit;
}

#main_content .public-committee-breadcrumbs .breadcrumb-item::after {
  content: none;
}

#main_content .public-committee-breadcrumbs .breadcrumb-item a {
  color: #2f6fbd;
  font-weight: 650;
  text-decoration: none;
}

#main_content .public-committee-breadcrumbs .breadcrumb-item a:hover,
#main_content .public-committee-breadcrumbs .breadcrumb-item a:focus-visible {
  color: #174f88;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

#main_content .public-committee-breadcrumbs .breadcrumb-item.active {
  color: #344b62;
  font-weight: 700;
}

@media (max-width: 575px) {
  #main_content .public-committee-breadcrumbs {
    justify-content: flex-start;
    margin-bottom: 1rem;
  }

  #main_content .public-committee-breadcrumbs .breadcrumb {
    border-radius: 12px;
  }
}
