@import 'colors.less';
@import 'elements.less';

div.menu-bar{
  background: @travel-color;
  // padding-top: 5px;
  // padding-bottom: 50px;
}

ul.menu-bar{
  li{
    cursor: pointer;
    display: inline-block;
    i{
      margin-bottom: 5px;
      color: @text-color;
    }
    p{
    color: @text-color;
    }
    a:focus{
      background: transparent;
    }
    a:hover{
      background: transparent;
    }
  }

  li.active{
    border-bottom: 1px solid #FFF;
    p{
      font-weight: 600;
    }
  }
}
