/* GP breadcrumb: compact, accessible breadcrumb strip on posts, pages and archives */
.gp-modern-breadcrumb.breadcrumb{display:block!important;width:100%;max-width:100%;margin:0 0 20px!important;padding:12px 15px!important;background:#f5f6f7!important;border:1px solid #eceef0!important;border-radius:4px!important;color:#6b7280!important;font-size:12px!important;font-weight:500!important;line-height:1.5!important;text-align:left!important;box-sizing:border-box!important;overflow:hidden!important}
.gp-modern-breadcrumb ol{display:flex;align-items:center;flex-wrap:nowrap;list-style:none!important;padding:0!important;margin:0!important;gap:0!important;min-width:0}
.gp-modern-breadcrumb li{display:flex;align-items:center;min-width:0;flex:0 0 auto;white-space:nowrap;margin:0!important;padding:0!important;max-width:36%}
.gp-modern-breadcrumb li:last-child{flex:0 1 auto;min-width:0;max-width:none}
.gp-modern-breadcrumb li a,.gp-modern-breadcrumb li .gp-crumb-current{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#68717b!important;text-decoration:none!important;min-width:0}
.gp-modern-breadcrumb li a:hover{color:var(--gp-accent-color,#e91e50)!important}
.gp-modern-breadcrumb .gp-crumb-current{color:#9299a1!important}
.gp-modern-breadcrumb .gp-crumb-divider{flex:none;margin:0 9px;color:#a5abb2;font-size:16px;line-height:1}
.gp-single-layout .post>.gp-modern-breadcrumb{margin-bottom:18px!important}
.gp-standard-page .gp-page-card>.gp-modern-breadcrumb{margin-bottom:20px!important}
.gp-archive-page .gp-archive-shell>.gp-modern-breadcrumb{margin-bottom:20px!important}
@media(max-width:767px){.gp-modern-breadcrumb.breadcrumb{padding:10px 12px!important;margin-bottom:14px!important;font-size:11px!important}.gp-modern-breadcrumb .gp-crumb-divider{margin:0 6px}.gp-modern-breadcrumb li{max-width:30%}}

.gp-modern-breadcrumb.breadcrumb{display:block!important;visibility:visible!important;opacity:1!important}
.gp-modern-breadcrumb.breadcrumb .gp-crumb-divider{margin:0 8px!important}

/* Keep the breadcrumb directly beneath the heading, not above the hero image. */
body .gp-single-layout article.post > .gp-single-title-heading + .gp-modern-breadcrumb.breadcrumb,
body .gp-standard-page .gp-page-heading + .gp-modern-breadcrumb.breadcrumb {
  margin-top: 8px!important; margin-bottom: 12px!important;
}
body .gp-archive-page .gp-archive-heading > .gp-modern-breadcrumb.breadcrumb {
  margin: 12px auto 14px!important; text-align:left!important;
}