/* The dropdown container */
.dropdown {
	background-color:		#ebebe0;
	float:					left;
	overflow:				hidden;
	font-size:				16px;
	width:					171px;
	}

/* Dropdown button */
.dropdown .ddButton {
	font-size:				16px;
	border:					0;
	outline:				none;
	color:					black;
	font-weight:			900;
	padding:				7px 0px;
	background-color:		#ebebe0;
	font:					inherit;		/* Important for vertical align on mobile phones */
	margin:					0;				/* Important for vertical align on mobile phones */
	}

/* Add background color to navbar links on hover */
.dropdown:hover .ddButton {
	background-color:		#bbebbb;
	width:					171px;
	}

/* Dropdown content (hidden by default) */
.ddValue {
	display:				none;
	text-decoration:		underline;
	color:					blue;
	position:				absolute;
	background-color:		#f9f9f9;
	width:					171px;
	box-shadow:				0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:				1;
	}

/* Links inside the dropdown */
.ddValue a {
	float:					none;
	color:					#333333;
	padding:				12px 0px;
	text-decoration:		none;
	display:				block;
	text-align:				center;
	width:					171px;
	}

/* Add background color to dropdown links on hover */
.ddValue a:hover {
	background-color:		#d4d4d4;
	}

/* Show the dropdown menu on hover */
.dropdown:hover .ddValue {
	display:				block;
	}