/* -------------------------------------------- */
/*--------------- PRIVATE MENU -----------------*/
/* -------------------------------------------- */
.ws_menu_bar
{
    margin: 2px;
}

.ws_menu_bar a
{
	text-decoration: none;
}

/* ITEM IN THE ORIZZONTAL MENU BAR */
 .ws_menu_box
{
    text-decoration:none;
	background-color:var(--WS-col-menu-item-background);
    color: var(--WS-col-menu-item-text);
    font-size:20px;
    vertical-align:central;
    border-radius: 3px;
	white-space: nowrap;
    color: white;
	height:40px;
	padding:14px 16px 0px 16px;
	margin:2px;
	transition-property: background-color,color;
	transition-duration: 0.5s;
	cursor:pointer;
}

.ws_menu_box:hover 
{
	background-color:var(--WS-col-menu-item-background-hover);
    color:var(--WS-col-menu-item-text-hover);
	transition-property: all;
	transition-duration: 0.5s;
}

.ws_menu_selected
{
    border:none;	/* NO ACTIVE*/
}

/* VERICAL MENU BAR */
.ws_menu_dropdown_bar
{
	background-color: var(--WS-col-menu-bar-background);
}

 /* DESKTOP VERICAL MENU ITEM  */
 
.ws_menu_dropdown_box
{
	font-size:20px;
	background-color: var(--WS-col-menu-dropdown-item-background);
    color: var(--WS-col-menu-dropdown-item-text);
	border-bottom:solid 1px #505050;
}

.ws_menu_dropdown_box:hover
{
	background-color: var(--WS-col-menu-dropdown-item-background-hover);
    color: var(--WS-col-menu-dropdown-item-text-hover);
}


/* ------------------------- */
/*      MENU MOBILE          */
/* ------------------------- */

/* BUTTON HAMBURGER ROWS */
.ws_menu_mobile_button_rows
{
	border:solid 2px var(--WS-col-menu-mobile-hamburger-border);
	background-color: var(--WS-col-menu-mobile-hamburger-background);
}

/* MOBILE BAR BACKGROUND */
.ws_menu_mobile_dropdown_bar
{
    background-color: var(--WS-col-menu-mobile-bar-background);
}


/* MENU MOBILE ITEMS */
.ws_menu_mobile_dropdown_box
{
    background-color:var(--WS-col-menu-mobile-item-background);
    color: var(--WS-col-menu-mobile-item-text);
}

/* MENU MOBILE ITEMS (HOVER)*/
.ws_menu_mobile_dropdown_box:hover
{
    background-color:var(--WS-col-menu-mobile-item-background-hover);
    color: var(--WS-col-menu-mobile-item-text-hover);
}

/* SUB MENU MOBILE ITEMS */
.ws_sub_menu_mobile
{
    background-color:var(--WS-col-menu-mobile-sub-item-background);
    color: var(--WS-col-menu-mobile-sub-item-text);
}

/* SUB MENU MOBILE ITEMS (HOVER) */
.ws_menu_mobile_dropdown_box:hover .ws_sub_menu_mobile
{
    background-color:var(--WS-col-menu-mobile-sub-item-background-hover);
    color: var(--WS-col-menu-mobile-sub-item-text-hover);
}

/* MENU ARROW */
.ws_menu_mobile_arrow
{

}

.ws_menu_mobile_arrow_open
{

}