.filter-header {
	position: relative;
	width: 100%;
}

.taxonomy-header-box {
	float: left;
	width: 100%;
	padding: 1rem;
	text-align: center;
	background-color: #E4E4E4;
	font-size: 1.75rem;
	cursor: pointer;
	margin-bottom: 1rem;
}

.taxonomy-header-box:hover {
	color: #FFFFFF;
	background-color: #7A7A7A;
}

.taxonomy-header-box::after {
	/*content: "▶";*/
	content: "⯈";
	color: #007DA0;
	display: inline-block;
	margin-left: 1rem;
	transform: rotate(90deg);
}

.taxonomy-header-box-active {
	background-color: #7A7A7A;
}

.taxonomy-values-box {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	padding: 1.25rem;
	/*background-color: #FCFCFC;*/
}

.active-filter-values {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	padding: 1.25rem;
	/*background-color: #FCFCFC;*/
	margin-bottom: 1rem;
}

.filter-criteria {
	display: flex;
	padding: 6px;
	background-color: #F8F8F8;
	border-radius: 20px;
	margin-right: 1rem;
}

.filter-criteria:hover {
	background-color: #7A7A7A;
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	.filter-header {
		display: flex;
		justify-content: space-between;
	}
	
	.taxonomy-header-box {
		width: calc(33% - 2rem);
		width: -webkit-calc(33% - 2rem);
		width: -moz-calc(33% - 2rem);
	}
}