/* Keep long page titles from making the breadcrumb dominate small screens. */
.page-breadcrumb-bar .page-breadcrumb {
  min-width: 0;
  text-transform: none;
}
.page-breadcrumb-bar .page-breadcrumb ol {
  width: 100%;
  min-width: 0;
  flex-wrap: nowrap;
}
.page-breadcrumb-bar .page-breadcrumb li {
  min-width: 0;
}
.page-breadcrumb-bar .page-breadcrumb li:not(:last-child),
.page-breadcrumb-separator {
  flex-shrink: 0;
}
.page-breadcrumb-bar .page-breadcrumb li:last-child > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 767px) {
  /* The grid already supplies a gap; Bootstrap's row margins doubled it. */
  .footer-grid.row > .footer-column {
    margin-top: 0;
  }
}