@import "../vars.less";

.hive-breadcrumb{
  font-size: @text-level-1-size;
  line-height: 17px;
  
  .hive-breadcrumb__separator{
    display: inline-flex;
    font-size: 18px;
    margin: 0 5px;
    color: @text-color-lighter-2;
  }
  .hive-breadcrumb__item{
    display: inline-flex;
    align-items: center;
    .hive-breadcrumb__item__text{
      cursor: pointer;
      color: @text-color-lighter-2;
      &:hover{
        color:@primary-color;
      }
    }
    &:last-child{
      .hive-breadcrumb__item__text{
        color: @text-color;
      }
      .hive-breadcrumb__separator{
        display: none;
      }
    }
  }
  .hive-breadcrumb__last{
    .hive-breadcrumb__item__text{
      color: @text-color;
    }
    // .hive-breadcrumb__iconseparator,.hive-breadcrumb__separator{
    //   display: none;
    // }
    .hive-icon--carret_down{
      display: inline-block;
    }
    &:hover{
      color:@primary-color;
      .hive-icon--carret_down{
        color:@primary-color;        
      }
    }
  }
}