/* Upcuan 1.0.0.46: single surface for the full-chevron breadcrumbs.
   The background MUST live on LI, not on the anchor, to prevent old LI
   backgrounds from covering the green arrow. */
.upc-main nav.cmp_breadcrumbs {margin:0 0 18px!important;padding:0!important;background:transparent!important;}
.upc-main nav.cmp_breadcrumbs > ol,
.upc-main nav.cmp_breadcrumbs ol {display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:5px!important;list-style:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;}
.upc-main nav.cmp_breadcrumbs ol > li,
.upc-main nav.cmp_breadcrumbs ol > li.flex,
.upc-main nav.cmp_breadcrumbs ol > li.current {
  --upc-crumb-fill:#4ca92b;
  position:relative!important;display:flex!important;flex:0 0 auto!important;
  justify-content:center!important;align-items:center!important;
  height:56px!important;min-height:56px!important;
  margin:0 0 8px!important;padding:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:var(--upc-crumb-fill)!important;
  background-color:var(--upc-crumb-fill)!important;
  background-image:none!important;
  clip-path:polygon(0 0,calc(100% - 25px) 0,100% 50%,calc(100% - 25px) 100%,0 100%)!important;
  overflow:hidden!important;white-space:nowrap!important;
}
.upc-main nav.cmp_breadcrumbs ol > li:not(:first-child)::before {
  content:""!important;position:absolute!important;top:0!important;left:0!important;
  width:25px!important;height:100%!important;background:#fff!important;
  background-image:none!important;
  clip-path:polygon(0 0,100% 50%,0 100%)!important;
  z-index:1!important;pointer-events:none!important;
}
.upc-main nav.cmp_breadcrumbs ol > li::after {content:none!important;display:none!important;}
.upc-main nav.cmp_breadcrumbs ol > li > a,
.upc-main nav.cmp_breadcrumbs ol > li > a:visited,
.upc-main nav.cmp_breadcrumbs ol > li > a:hover,
.upc-main nav.cmp_breadcrumbs ol > li > a:focus,
.upc-main nav.cmp_breadcrumbs ol > li > span:not(.separator),
.upc-main nav.cmp_breadcrumbs ol > li.current > span {
  position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;
  justify-content:center!important;height:100%!important;min-height:0!important;
  margin:0!important;padding:0 41px 0 32px!important;
  background:none!important;background-color:transparent!important;background-image:none!important;
  clip-path:none!important;border:0!important;box-shadow:none!important;
  color:#fff!important;font-size:17px!important;font-weight:700!important;
  text-decoration:none!important;text-transform:uppercase!important;
  white-space:nowrap!important;line-height:1.25!important;
}
.upc-main nav.cmp_breadcrumbs ol > li:not(:first-child) > a,
.upc-main nav.cmp_breadcrumbs ol > li:not(:first-child) > span:not(.separator) {padding-left:43px!important;}
.upc-main nav.cmp_breadcrumbs .separator {display:none!important;}
.upc-main nav.cmp_breadcrumbs ol > li:hover {background:#469c27!important;}
@media(max-width:767.98px){
 .upc-main nav.cmp_breadcrumbs ol > li {height:45px!important;min-height:45px!important;}
 .upc-main nav.cmp_breadcrumbs ol > li > a,
 .upc-main nav.cmp_breadcrumbs ol > li > span:not(.separator) {font-size:13px!important;padding:0 33px 0 23px!important;}
 .upc-main nav.cmp_breadcrumbs ol > li:not(:first-child) > a,
 .upc-main nav.cmp_breadcrumbs ol > li:not(:first-child) > span:not(.separator) {padding-left:34px!important;}
}
