/**
 * description: Styling sheet for the wb_nav_box shortcode ent-v2 skin
 * author: WorkerBee.TV
 * date created: September 16, 2021
 * @package Enterprise
 */

.wb-nav-box-ent-v2-skin .wb-ent-card-header.wb-ent-widget-heading-group {
    background-color: #fff;
    padding: 0;
}

.wb-nav-box-ent-v2-skin .wb-ent-card-header.wb-ent-widget-heading-group a.wb-ent-widget-heading-title-group,
.wb-nav-heading{
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-size: 13.5pt;
    text-align: left;   
    margin-bottom: 10px;
}

.wb-nav-box-ent-v2-skin .wb-ent-card-header.wb-ent-widget-heading-group a.wb-ent-widget-heading-title-group i.wb-ent-icon-group {
    display: none !important;
}

.wb-nav-box-ent-v2-skin .wb-ent-card-navigation-box-list-item li.wb-ent-card-body {
    border-top: none;
}

.wb-nav-box-ent-v2-skin .wb-ent-navigation-box-list > a.wb-ent-navigation-box-list-a,
.wb-nav-box-ent-v2-skin .wb-ent-standard-navigation-box-tree .wb-ent-navigation-box-list-left,
#wb-ent-fe-menu ul li.nav-item a.nav-link,
#wb-ent-fe-sidebar-nav a.wb-ent-navigation-box-list-a{
    color: #065F5D;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 10.5pt;
} 

.wb-nav-box-ent-v2-skin .wb-ent-navigation-box-list {
    /*padding: .75rem 0;*/
}

.wb-nav-box-ent-v2-skin .wb-ent-navigation-box-list i.wb-ent-navigation-box-collapse-icon {
    color: #34393F;
    font-size: 14pt !important;
}
.wb-nav-box-ent-v2-skin .wb-ent-navigation-box-list i.wb-ent-navigation-box-collapse-icon.fa-chevron-down,
.wb-nav-box-ent-v2-skin .wb-ent-navigation-box-list i.wb-ent-navigation-box-collapse-icon.fa-chevron-up{
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.wb-nav-box-ent-v2-skin .wb-ent-navigation-box-list i.wb-ent-navigation-box-collapse-icon.fa-chevron-down{
  background-image: url('../images/arrow-down.svg');
}
.wb-nav-box-ent-v2-skin .wb-ent-navigation-box-list i.wb-ent-navigation-box-collapse-icon.fa-chevron-up{
  background-image: url('../images/arrow-up.svg');
}

.wb-nav-box-ent-v2-skin .wb-ent-navigation-box-list i.wb-ent-navigation-box-collapse-icon:before {
  opacity: 0;
}

/* .wb-ent-card-navigation-box-list-item .wb-ent-card-navigation-box-list-item li .wb-ent-navigation-box-list,
.wb-ent-card-navigation-box-list-item .wb-ent-card-navigation-box-list-item-level-2 li .wb-ent-navigation-box-list {
    padding-left: 0 !important;
} */

.wb-nav-box-ent-v2-skin li.wb-ent-nav-box-li-level-1 > button.wb-ent-navigation-box-list,
#wb-ent-fe-sidebar-nav li.wb-ent-card-body.wb-ent-nav-box-li-has-children.menu-item-has-children > ul.wb-ent-card-navigation-box-list-item > li{
    border-left: 1px solid #E9E9E9;
    padding-left: 1.25rem;
}

.wb-nav-box-ent-v2-skin li.wb-ent-nav-box-li-level-2 > button.wb-ent-navigation-box-list {
    border-left: 1px solid #E9E9E9;
    padding-left: 1.25rem;
    margin-left: 1.25rem;
}

#wb-ent-fe-menu ul li.nav-item > a.nav-link{
  padding-top: 11px;
  padding-bottom: 11px;
}

#wb-ent-fe-menu ul,
#wb-ent-fe-menu ul > li.nav-item,
#wb-ent-fe-menu ul li.nav-item a.nav-link{
  padding-left:0;
}
#wb-ent-fe-menu ul > li.nav-item:after{
  display: none;
}
#wb-ent-fe-menu ul li.nav-item a.nav-link {
    outline: none;
}
#wb-ent-fe-menu ul li.menu-item-has-children > div > a.nav-link {
    position: absolute;
    right: 0;
    background-color: transparent !important;
    border-bottom-color: transparent !important;
    padding: 0;
    width: 15px;
    height: 10px;
    bottom: -50%;
    top: -50%;
    margin: auto;
}
#wb-ent-fe-menu .menu-item-has-children > div{
  position: relative;
}
#wb-ent-fe-menu .menu-item-has-children > div > a.nav-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 10px;
    background-image: url(../images/arrow-up.svg);
    overflow: hidden;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
}
#wb-ent-fe-menu .menu-item-has-children > div > a.nav-link::after {
}
#wb-ent-fe-menu .menu-item-has-children > div > a.nav-link.collapsed::after{
  background-image: url('../images/arrow-down.svg');
}

@media (min-width: 1366px) {
	ul.wb-ent-card-navigation-box-list-item .wb-ent-card-body:last-child:hover {
		background-color: #fff !important;
	}
}