/* Musecorp visible breadcrumb component */
.mc-site-breadcrumbs,
.mc-site-breadcrumbs *{
  box-sizing:border-box
}

.mc-site-breadcrumbs{
  width:100%;
  min-width:0;
  font-family:inherit
}

.mc-site-breadcrumbs__list{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  min-width:0;
  margin:0;
  padding:0;
  list-style:none;
  overflow-x:auto;
  scrollbar-width:none;
  white-space:nowrap
}

.mc-site-breadcrumbs__list::-webkit-scrollbar{
  display:none
}

.mc-site-breadcrumbs__item{
  display:inline-flex;
  align-items:center;
  min-width:0;
  margin:0;
  padding:0;
  font-size:13.5px;
  line-height:1.4;
  font-weight:650
}

.mc-site-breadcrumbs__item + .mc-site-breadcrumbs__item::before{
  content:"/";
  flex:0 0 auto;
  margin:0 10px;
  opacity:.48
}

.mc-site-breadcrumbs__link,
.mc-site-breadcrumbs__current{
  display:inline-block;
  max-width:min(44vw,420px);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.mc-site-breadcrumbs__link{
  color:#004cd3;
  text-decoration:none
}

.mc-site-breadcrumbs__link:hover,
.mc-site-breadcrumbs__link:focus-visible{
  text-decoration:underline;
  text-underline-offset:3px
}

.mc-site-breadcrumbs__link:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
  border-radius:3px
}

.mc-site-breadcrumbs__current{
  color:#585858
}

/* Standalone pages without an mc-service hero */
.mc-site-breadcrumbs--standalone{
  width:min(100%,1296px);
  margin:0 auto;
  padding:112px 20px 18px
}

/* Service/hub pages: breadcrumb lives inside the accepted hero inner wrapper */
.mc-service-hero .mc-site-breadcrumbs{
  align-self:stretch;
  margin:0 0 24px;
  text-align:left
}

.mc-service-hero .mc-site-breadcrumbs__link{
  color:rgba(255,255,255,.78)
}

.mc-service-hero .mc-site-breadcrumbs__current{
  color:#fff
}

.mc-service-hero .mc-site-breadcrumbs__item + .mc-site-breadcrumbs__item::before{
  color:rgba(255,255,255,.72);
  opacity:1
}

@media(max-width:767px){
  .mc-site-breadcrumbs__list{
    justify-content:flex-start
  }

  .mc-site-breadcrumbs--standalone{
    padding:92px 16px 14px
  }

  .mc-site-breadcrumbs__item{
    font-size:13px
  }

  .mc-site-breadcrumbs__item + .mc-site-breadcrumbs__item::before{
    margin:0 8px
  }

  .mc-site-breadcrumbs__link,
  .mc-site-breadcrumbs__current{
    max-width:68vw
  }

  .mc-service-hero .mc-site-breadcrumbs{
    margin-bottom:20px
  }
}

@media(prefers-reduced-motion:reduce){
  .mc-site-breadcrumbs__list{
    scroll-behavior:auto
  }
}
