/**
 * Careers location select — matches the pill filters next to it.
 */

.faddom-job-location-filter .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.elementor-widget-shortcode:has(.faddom-job-department),
.elementor-shortcode:has(.faddom-job-department) {
	display: flex !important;
	align-items: center;
	height: auto !important;
	font-size: var(--faddom-type-caption-s-size, 12px) !important;
	line-height: var(--faddom-type-caption-s-line, 16px) !important;
}

.faddom-job-department {
	display: block;
	font-family: var(--faddom-type-caption-s-family, var(--faddom-font-body, inherit)) !important;
	font-size: var(--faddom-type-caption-s-size, 12px) !important;
	font-weight: var(--faddom-type-caption-s-weight, 500) !important;
	line-height: var(--faddom-type-caption-s-line, 16px) !important;
	letter-spacing: var(--faddom-type-caption-s-tracking, 0.05em) !important;
	text-transform: var(--faddom-type-caption-s-transform, uppercase) !important;
	color: var(--faddom-color-aqua-800, #032d2d) !important;
}

.faddom-job-location-filter {
	display: inline-flex;
	align-items: center;
	width: 240px;
	max-width: 100%;
}

.faddom-job-location-filter select {
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 240px !important;
	max-width: 100%;
	height: 48px !important;
	margin: 0;
	padding: 14px 16px !important;
	border: 1px solid #06232333 !important;
	border-radius: 10px !important;
	background-color: #ffffff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%235C7A7A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 16px;
	box-shadow: 0px 1px 1px 0px #1a1a1a08 !important;
	color: #5c7a7a !important;
	font-family: var(--faddom-font-body, inherit);
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	letter-spacing: -0.01em !important;
	cursor: pointer;
}

.faddom-job-location-filter select:focus {
	outline: 2px solid var(--faddom-color-aqua-300, #64c1c1);
	outline-offset: 2px;
}

.elementor-widget-loop-grid .e-loop-item.is-faddom-location-hidden,
.faddom-jobs-grid .e-loop-item.is-faddom-location-hidden {
	display: none !important;
}

@media (max-width: 767px) {
	.faddom-job-location-filter,
	.faddom-job-location-filter select {
		width: 100%;
	}
}