/* -------------------------------------------- */
/*--------------- PRIVATE MENU -----------------*/
/* -------------------------------------------- */
.ws_menu_bar
{
	background-color: var(--WS-col-menu-background);
	color: var(--WS-col-menu-item-text);
}

.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:35px;
	padding:14px 16px 0px 16px;
	margin:2px;
	transition-property: all;
	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);
	border:solid 1px #606060;
}

 /* 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);
	text-decoration: none;
	white-space: nowrap;
	height:40px;
	padding:10px 0px 0px 10px;		/* top,right,bottom,left */
	width:200px;
	border-bottom:solid 1px #505050;
	transition-property: all;
	transition-duration: 0.5s;
}

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


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

/* BUTTON HAMBURGER ROWS */
.ws_menu_mobile_button_rows
{
	height:5px;
	margin:0px;
	margin-right:15px;
	margin-top:4px;
	border:solid 2px var(--WS-col-menu-mobile-hamburger-border);
	background-color: var(--WS-col-menu-mobile-hamburger-background);
	border-radius: 2px;
	z-index:1000;
	width:40px;
	transition-property: all;
	transition-duration: 0.5s;
}

/* MOBILE BAR BACKGROUND */
.ws_menu_mobile_dropdown_bar
{
    background-color: var(--WS-col-menu-mobile-bar-background);
	width:100%;
	transition-property: all;
	transition-duration: 0.5s;
	 
	/* POSIZIONAMENTO BARRA MENU MOBILE */
	position:fixed;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px; 
}


/* MENU MOBILE ITEMS */
.ws_menu_mobile_dropdown_box
{
	display:flex;
	font-size:26px;
    height:40px;
	width:100%;
	text-decoration:none;
    background-color:var(--WS-col-menu-mobile-item-background);
    color: var(--WS-col-menu-mobile-item-text);
	padding:14px 0px 10px 20px;		/* top,right,bottom,left */
	transition-property: all;
	transition-duration: 0.5s;
}

/* 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);
	transition-property: all;
	transition-duration: 0.5s;
}

/* 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);
	padding-left:30px;
	transition-property: all;
	transition-duration: 0.5s;
}

/* 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);
	transition-property: all;
	transition-duration: 0.5s;
}

/* MENU ARROW */
.ws_menu_mobile_arrow_open
{
	transform:rotate(90deg);
	transition-property: all;
	transition-duration: 0.5s;
}

.ws_menu_mobile_arrow
{
	margin-right: 50px;
	vertical-align:middle;
	text-align:center;
	margin-left: auto;
	transition-property: all;
	transition-duration: 0.5s;
}