.breadcrumb {
  display: block;
  margin-top: 0px;
  margin-bottom: calc(4rem + var(--ratio));
  font-size: calc(1rem + var(--ratio));
}

.breadcrumb a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
  text-underline-position: under;
}

.breadcrumb span {
  padding-left: 5px;
  padding-right: 5px;
}

@media only screen and (max-width: 992px) {
  /* BREADCRUMB */
  .breadcrumb a.crumb,
  .breadcrumb span.crumb {
    display: none;
  }

  .breadcrumb span.crumb:not(:last-child):not([class*="separator"]) {
    display: inline-block;
    font-weight: 700;
    font-size: calc(1rem + var(--ratio));
    line-height: 1.125rem;
    color: var(--primary-700, #165ac2);
  }

  .breadcrumb span.crumb:not(:last-child):not([class*="separator"]) {
    padding: 0;
  }

  .breadcrumb {
    display: block;
    margin-top: calc(3rem + var(--ratio));
    margin-bottom: calc(1rem + var(--ratio));
    background-color: transparent;
    padding: 0;
  }

  .with-sidebar.page-container-ds .breadcrumb {
    margin-bottom: 0px;
  }
}
