/*the drop down buttons that say "Sort Projects" and "Filter Projects"*/
#sortProjectsButton.btn {
	background-color: #6a79b0;
	color: #ffffff;
	border-radius: 3px;
}
	#sortProjectsButton.btn:focus {
		box-shadow: 0 0 0 0.2rem #57638f;
	}

#filterProjectsButton.btn {
	background-color: #57638f;
	color: #ffffff;
	border-radius: 3px;
}
	#filterProjectsButton.btn:focus {
		box-shadow: 0 0 0 0.2rem #6a79b0;
	}


/*the actual drop down pop up*/
div.dropdown-menu.show {
	background-color: #152247;
}


/*all buttons except the selected one*/
a.dropdown-item {
	background-color: #152247;
	color: #ffffff;
}

	a.dropdown-item:hover {
		background-color: #ffffff;
		color: #000000;
	}
	a.dropdown-item:active {
		background-color: #fff7a8;
		color: #000000;
	}

/*the selected sort/filter button*/
#selectedSort, #selectedFilter {
	color: #0008ff;
	background-color: #d7c300;
}

	#selectedSort:active, #selectedFilter:active {
		color: #0008ff;
		background-color: #918300;
	}