/* -----------------------------------
   Starel Breadcrumbs V1
----------------------------------- */
.starel-breadcrumbs{
  width:100%;
  max-width:100%;
  padding:0;
  color:#7a7a7a;
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.starel-breadcrumbs::-webkit-scrollbar{
  display:none;
}

.starel-breadcrumbs__list{
  display:flex;
  align-items:center;
  gap:0;
  width:max-content;
  min-width:0;
  margin:0;
  padding:0;
  list-style:none;
}

.starel-breadcrumbs__item{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
  margin:0;
  padding:0;
  color:#7a7a7a !important;
}

.starel-breadcrumbs__link,
.starel-breadcrumbs__current{
  display:inline-flex;
  align-items:center;
  color:inherit;
  font-size:14px;
  font-weight:400;
  line-height:1.4;
  text-decoration:none;
  color:#7a7a7a !important;
}

.starel-breadcrumbs__link:hover,
.starel-breadcrumbs__link:focus{
  color:#000;
  text-decoration:none;
}

.starel-breadcrumbs__item.is-active,
.starel-breadcrumbs__item.is-active .starel-breadcrumbs__current{
  color:#000;
}

.starel-breadcrumbs__separator{
  display:inline-flex;
  align-items:center;
  margin:0 8px;
  color:#7a7a7a;
  font-size:14px;
  line-height:1;
}

@media (max-width:767px){
  .starel-breadcrumbs{
    margin-bottom:18px;
  }
}

/* -----------------------------------
   Active breadcrumb state
----------------------------------- */
.starel-breadcrumbs__item.is-active,
.starel-breadcrumbs__item.is-active .starel-breadcrumbs__current,
.starel-breadcrumbs__item:last-child,
.starel-breadcrumbs__item:last-child .starel-breadcrumbs__current{
  color:#000 !important;
  font-weight:600 !important;
}

.starel-breadcrumbs__item.is-active .starel-breadcrumbs__current,
.starel-breadcrumbs__item:last-child .starel-breadcrumbs__current{
  color:#000 !important;
  font-weight:600 !important;
}