/* Listenonclick */
/* Dropdown Button */
.dropbtn {
	margin: 5px;
	float: left;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	color: #110e0e;
	background-color: #d3cbc7;
	border: solid 1px #afafaf;
	padding: 5px;
	padding-right: 10px;
	letter-spacing: 0.5px;
	font-family: Calibri;
	font-size: 10px;
	font-weight: 700;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
   	color: #d3cbc7;
	background-color: #110e0e;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  		float:left;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	color: #110e0e;
	background-color: #d3cbc7;
	border: solid 1px #afafaf;
	padding: 5px;
    display: none;
    position: absolute;
	top: 40px;
    max-width: 160px;
    z-index: 1;
}


.dropdown-content a:link,
.dropdown-content a:visited,
.dropdown-content a:active {
	display: block !important;
	color: #110e0e !important;
	background-color: #d3cbc7 !important;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	padding: 5px;
	letter-spacing: 0.5px;
	width: 130px;
	border: 0px solid !important;
}

.dropdown-content a:hover{
   	color: #d3cbc7 !important;
	background-color: #110e0e !important;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}


/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}