#menu {
	background:    #fff;
	height:        41px;
	margin:        0 15px;
	padding-top:   5px;
	border-bottom: 1px solid #eee;
}



/* REGULAR MENU */
#menu > .menu-item {
	text-transform: uppercase;
	float:          left;
	font-size:      14px;
	height:         30px;
	line-height:    34px;
	margin:         0 4px;
	color:          #777;
	padding:        0 8px;
	border-radius:  6px;
}

.menu-item > a {
	color:           inherit;
	text-decoration: none;
	font-weight:     400;
}

#menu > .menu-item.selected {
	color:      #fff;
	background: #3994CD;
}

#menu > .menu-item:first-child { margin-left:  24px; }
#menu > .menu-item:last-child  { margin-right: none; }



/* BURGER STYLE MENU */
#menu-clickbox {
	position:         fixed;
	display:          none;
	z-index:          100;
	top:              0;
	left:             0;
	right:            0;
	bottom:           0;
	background-color: rgba(255, 255, 255, 0.50);
}

#menu-burger-icon {
	position:         absolute;
	top:              4px;
	right:            24px;
	display:          none;
	height:           32px;
	width:            32px;
	background-image: url("/data/images/burger.svg");
}

#menu-burger {
	display:          none;
	z-index:          101;
	position:         absolute;
	top:              16px;
	right:            32px;
	border:           1px solid #666;
	background-color: #fcfcfc;
	box-shadow:       -5px 5px 8px 0px rgba(0,0,0,0.48);
	padding:          16px;
}

#menu-burger .menu-item {
	text-transform: uppercase;
	color:          #333;
	font-size:      16px;
	margin-bottom:  16px;
}
#menu-burger .menu-item:last-child { margin-bottom: 0; }

#menu-burger .menu-item.selected {
	color:       #000;
	font-weight: bold;
}



/* CURRENT SITE IN BURGER MODE */
#current-site {
	display:        none;
	position:       absolute;
	top:            6px;
	left:           15px;
	right:          15px;
	text-align:     center;
	font-size:      20px;
	text-transform: uppercase;
	color:          #555;
}