body .zc-yoast-breadcrumbs-shell {
  width: min(var(--zc-container-max, 1440px), calc(100% - (var(--zc-container-pad, 20px) * 2)));
  margin: clamp(18px, 2.4vw, 28px) auto clamp(18px, 2.8vw, 34px);
}

body .zc-yoast-breadcrumbs-wrap {
  display: flex;
  align-items: center;
  min-height: 28px;
}

body .zc-yoast-breadcrumbs,
body .zc-yoast-breadcrumbs > span,
body .zc-yoast-breadcrumbs > span > span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
}

body .zc-yoast-breadcrumbs {
  color: var(--zc-ui-muted, #5f7480);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

body .zc-yoast-breadcrumbs a {
  color: var(--zc-ui-teal-dark, #147f99);
  text-decoration: none;
  transition: color 160ms ease;
}

body .zc-yoast-breadcrumbs a:hover,
body .zc-yoast-breadcrumbs a:focus-visible {
  color: var(--zc-ui-orange, #ff7a00);
}

body .zc-yoast-breadcrumbs .breadcrumb_last,
body .zc-yoast-breadcrumbs [aria-current="page"] {
  color: var(--zc-ui-ink, #163f4a);
}

body .zc-yoast-breadcrumbs strong {
  color: inherit;
  font-weight: inherit;
}

body .zc-yoast-breadcrumbs .separator,
body .zc-yoast-breadcrumbs span[class*="separator"] {
  color: rgba(77, 103, 112, 0.72);
}

body .zc-yoast-breadcrumbs-shell--builder-archive,
body .zc-yoast-breadcrumbs-shell--page-hero,
body .zc-yoast-breadcrumbs-shell--post-hero {
  width: 100%;
  margin: 0 0 18px;
}

body .zc-yoast-breadcrumbs-shell--builder-archive .zc-yoast-breadcrumbs-wrap,
body .zc-yoast-breadcrumbs-shell--page-hero .zc-yoast-breadcrumbs-wrap {
  display: inline-flex;
  max-width: 100%;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 32px rgba(20, 127, 153, 0.16);
}

body .zc-yoast-breadcrumbs-shell--builder-archive .zc-yoast-breadcrumbs,
body .zc-yoast-breadcrumbs-shell--page-hero .zc-yoast-breadcrumbs,
body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs {
  font-size: 12px;
}

body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs-wrap {
  display: inline-flex;
  max-width: 100%;
}

body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs,
body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs > span,
body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs > span > span {
  color: rgba(255, 255, 255, 0.86);
}

body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs a {
  color: #ffffff;
}

body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs a:hover,
body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs a:focus-visible {
  color: rgba(255, 255, 255, 0.78);
}

body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs .breadcrumb_last,
body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs [aria-current="page"],
body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs strong {
  color: rgba(255, 255, 255, 0.94);
}

body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs .separator,
body .zc-yoast-breadcrumbs-shell--post-hero .zc-yoast-breadcrumbs span[class*="separator"] {
  color: rgba(255, 255, 255, 0.56);
}

@media (max-width: 980px) {
  body .zc-yoast-breadcrumbs-shell {
    margin: 16px auto 22px;
  }

  body .zc-yoast-breadcrumbs {
    font-size: 12px;
    gap: 4px 6px;
  }

  body .zc-yoast-breadcrumbs-shell--builder-archive,
  body .zc-yoast-breadcrumbs-shell--page-hero,
  body .zc-yoast-breadcrumbs-shell--post-hero {
    margin-bottom: 14px;
  }

  body .zc-yoast-breadcrumbs-shell--builder-archive .zc-yoast-breadcrumbs-wrap,
  body .zc-yoast-breadcrumbs-shell--page-hero .zc-yoast-breadcrumbs-wrap {
    padding: 7px 12px;
  }
}