.site-breadcrumb{padding-block:18px 6px;background:#fff;color:#6a7d8b;font-size:13px;line-height:1.6;text-align:start}
.site-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:0;list-style:none;margin-block:0}
.site-breadcrumb li{display:flex;align-items:baseline;gap:10px;min-width:0;max-width:100%}
.site-breadcrumb a{color:#46708f;text-decoration:none}
.site-breadcrumb a:hover{color:#0065ad;text-decoration:underline;text-underline-offset:3px}
.site-breadcrumb a:focus-visible{outline:3px solid #df9b17;outline-offset:4px}
.site-breadcrumb [aria-current="page"]{min-width:0;overflow-wrap:anywhere;color:#1c3446;font-weight:600}
.site-breadcrumb-separator{flex:none;display:inline-block;color:#9aabb8;font-size:15px;line-height:1;unicode-bidi:isolate}
[dir="rtl"] .site-breadcrumb-separator{transform:scaleX(-1)}
body[data-page]:not([data-page=""]) main>:is(.hero,.c-hero,.p-hero,.w-hero,.privacy-page):first-child{padding-top:24px}
@media(max-width:699px){.site-breadcrumb{padding-block:14px 4px;font-size:12px}.site-breadcrumb ol,.site-breadcrumb li{gap:4px 8px}body[data-page]:not([data-page=""]) main>:is(.hero,.c-hero,.p-hero,.w-hero,.privacy-page):first-child{padding-top:20px}}
/* The trail takes the background of the header block below it, so it reads as part of that block. */
.site-breadcrumb:has(+ main > .c-hero:first-child){background:#edf4f8}
.site-breadcrumb:has(+ main > .w-hero:first-child){background:#edf3f7}
.site-breadcrumb:has(+ main > .p-hero:first-child){background:linear-gradient(110deg,#f3f7f9 0%,#fff 78%)}
body[data-page="pitot-tube-pump"] .site-breadcrumb{background:#eaf2f8}
.site-breadcrumb:has(+ .industry-subnav){background:#f3f7f9;padding-bottom:2px}
@media(max-width:599px){.site-breadcrumb:has(+ .industry-subnav){background:#fff;padding-bottom:4px}}