/*PRIMARY MENU */

.bg-primary{
	background-color: var(--primary) !important;
	color: var( --primary-text )  !important;

}

.bg-primary a{

	color: var( --primary-text )  !important;
} 


.bg-primary .navbar-toggler .fas{
	color: var( --primary-text )  !important;
} 


.buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links){

	background-color: var(--primary);


	color: var( --primary-text );

	border-bottom: 1px solid  var( --primary );
	border-top: 1px solid var( --primary );

	-webkit-box-shadow: 0 2px 12px 0 #fafafa;
	-moz-box-shadow: 0 2px 12px 0 #fafafa;
	box-shadow: 0 2px 12px 0 #fafafa;




}


/*link*/
.buddypress-wrap:not(.bp-single-vert-nav) .main-navs > ul > li > a,

.bp-navs ul li a, 
.bp-navs ul li span{

	/*grid */
    padding: var( --grid-md ) var( --grid ) ;
     background-color: var( --secondary ) !important;

    /*color: var(--white) !important;*/
    border:1px solid var( --trans );
}



/*link - Hover*/
.buddypress-wrap:not(.bp-single-vert-nav) .main-navs > ul > li > a:hover{
	/*grid */
    color: var( --primary ) !important;
    background-color: var( --white );

    border-left:1px solid var(  --primary );
     border-right:1px solid var(  --primary );
}



/*link - active*/
.buddypress-wrap .main-navs:not(.dir-navs) li.current a, 
.buddypress-wrap .main-navs:not(.dir-navs) li.selected a,
.bp-navs ul li span{

 	color: var(--primary) !important;

 	  border-left:1px solid var(  --primary );
     border-right:1px solid var(  --primary );
}



/*SUB*/

.buddypress-wrap .bp-subnavs li.current a, 
.buddypress-wrap .bp-subnavs li.selected a{
	color: var(--primary) !important;

}


#subnav{
	background-color: var(--trans);
	margin: 0px;
	border:1px solid var( --trans );

	/*width:100% !important;*/
	display: inline-block;
	width:40%;
}

 #subnav ul li  a{
 	background-color: var(--secondary);
 	color: var(--primary) !important ;
 }


.buddypress-wrap .item-body{
	margin:0px;
}


/*hover - sub*/

.buddypress-wrap .bp-navs li:not(.current) a:focus, 
.buddypress-wrap .bp-navs li:not(.current) a:hover, 
.buddypress-wrap .bp-navs li:not(.selected) a:focus, 
.buddypress-wrap .bp-navs li:not(.selected) a:hover{
	background-color: var(--white);
	  border-left:1px solid var(  --secondary );
     border-right:1px solid var(  --secondary );
}