/**
 * Team Filter Widget Styles
 * Based on static website design with proper class names
 */

.filter-wrapper {
	font-family: 'Quicksand-Light', 'Quicksand', sans-serif;
	color: #323e48;
	float: left;
	margin: 0 1% 1.8em;
}

.filter-reset {
	float: left;
	line-height: 1.5;
	cursor: pointer;
}

.filter-reset:hover {
	font-weight: bold;
}

.filter-reset:after {
	content: "FILTER:";
}

.filter-reset:hover:after {
	content: "RESET";
}

.filter-clear {
	display: block;
	clear: left;
}

.filter-wrapper .filter-clear.clr {
	clear: left;
}

.filter-container {
	display: inline-block;
	line-height: 1.5;
}

.filter-control {
/* 	min-width: 15em; */
	display: inline-block;
/* 	position: relative; */
}

.filter-wrapper .filter-label {
	color: #323e48;
	cursor: pointer;
	display: inline-block;
}

.filter-wrapper .filter-label:hover {
	font-weight: bold !important;
}

.filter-selected {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue', Arial, sans-serif;
	color: #DEB900;
}

.filter-arrow {
	color: #323e48;
}

.filter-menu {
	position: absolute;
	display: none;
	font-family: 'HelveticaNeue-Thin', 'Helvetica Neue', Arial, sans-serif;
	background-color: rgba(255, 255, 255, 0.98);
	z-index: 10;
	color: #323e48;
	line-height: 1.5;
	padding: 0.9em 1.4em;
	box-shadow: 0 0 30px rgb(200, 200, 200);
/* 	min-width: 200px; */
}

.filter-menu-position {
	margin: -1.03em 0 0 5.8em;
}

.filter-menu-location {
	margin: -1.03em 0 0 6.2em;
}
.filter-menu-sector {
	margin: -1.03em 0 0 5em;
}
.filter-menu-discipline {
	margin: -1.03em 0 0 6.2em;
}
.filter-menu-scope {
	margin: -1.03em 0 0 4.4em;
}

.filter-menu-item {
	cursor: pointer;
	line-height: 1.8;
}

.filter-menu-item:hover {
	font-weight: bold;
}

.filter-menu-item.filter-active {
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue', Arial, sans-serif;
	color: #DEB900;
}

/* Filter spacer (for project filter with 3 filters) */
.filter-spacer {
	display: inline-block;
	width: 1em;
}


/* Clear float utility */
.clr {
	clear: left;
}
body .filter-wrapper {
    font-family: var(--e-global-typography-7eb8abb-font-family), Sans-serif;
    font-size: var(--e-global-typography-7eb8abb-font-size);
    font-weight: normal;
    line-height: var(--e-global-typography-7eb8abb-line-height);
    color: var(--e-global-color-96809d7);
	display: flex;
    flex-direction: column;
	align-items: flex-start;
}
body .filter-wrapper .filter-spacer,
body .filter-clear.clr,
body .filter-wrapper .filter-reset-inner{
	display: none;
}
body .filter-wrapper .filter-container {
    display: flex;
    gap: 50px;
}
body .filter-wrapper .filter-control {
    /*min-width: auto;*/
}
body .filter-wrapper .filter-menu {
    border-radius: min(25px, calc(12px + (25 - 12) * (100vw - 501px) / (1920 - 501)));
}
body .filter-wrapper .filter-menu-item:hover {
    text-shadow: 0.25px 0 black;
}
body .filter-wrapper .filter-active:hover {
    text-shadow: 0.25px 0 #DEB900;
}

@media (max-width: 767px) {
	body .filter-wrapper {
		flex-direction: row;
		gap: 20px;
	}
	body .filter-wrapper .filter-container {
		flex-direction: column;
		gap: 10px;
	}
}