/* Style The Dropdown Button */
.dropbtn {
	color: white !important;
	border: none !important;
	cursor: pointer !important;
	background-color: transparent !important;
	padding: 0px !important;
	font-family: "montserrat-bold", sans-serif !important;
	font-size: 11px !important;
	text-transform: uppercase !important;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative !important;
	display: inline-block !important;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none !important;
	position: absolute !important;
	background-color: #f9f9f9 !important;
	min-width: 150px !important;
	color: var(--black-color) !important;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2) !important;
	font-family: "montserrat-bold", sans-serif !important;
	z-index: 1 !important;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: var(--black-color) !important;
	padding: 3px 4px !important;
	width: -webkit-fill-available !important;
	text-decoration: none !important;
	line-height: 40px !important;
	display: block !important;
	padding: 5px !important;
	
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1 !important;
	color: var(--black-color) !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block !important;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: transparent !important;
	color: var(--white-color) !important;
}