/* make sure this file only outputs CSS; no BOM/whitespace before PHP header */
:root { --crumb-divider: "›"; }

.breadcrumbs{
  background:#f8f9fa;           /* light background */
  border-radius:.25rem;
  padding:.5rem 1rem;
  margin:1rem 0;
}

#breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.25rem;                    /* small base gap */
  font-size:14px;
}

#breadcrumb .breadcrumb-item{
  display:inline-flex;
  align-items:center;
}

#breadcrumb .breadcrumb-separator{
  margin:0 .5rem;                /* space around the > */
  color:#6c757d;
  line-height:1;
}

#breadcrumb .breadcrumb-item a{
  text-decoration:none;
  color:#2b74b1;
}

#breadcrumb .breadcrumb-item a:hover{
  text-decoration:underline;
}

#breadcrumb .breadcrumb-item:last-child span{
  color:#212529;                 /* active */
  font-weight:600;
}