.job-listing {
	font-size: 14px;
}
.job-listing .label {
	display: none;
}

.job-listing table {
	display: inline-table;
}

.facet-wrapper span {
	white-space: nowrap;
	padding: 2px;
}
.controls {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 2px;
	margin: 2px;
}
.controls button {
	padding: 2px;
}
.facetwp-facet {
	margin-bottom: 0 !important;
}

th .facetwp-facet {
	padding: 2px;
	min-width: 50px;
}
td {
	padding: 2px;
}

select.facetwp-dropdown {
	width: 100%;
}
@media screen and (min-width: 768px) {
	table, td, tr {
		border: 1px solid #eee;
	}
	tr:nth-child(even) {
		background-color: #d6eeee75;
	}
}

@media screen and (max-width: 768px) {
	table {
		width: 100%;
		border: none;
	}
	.listing-header tr {
		display: flex;
		flex-direction: column;
	}
	.facetwp-template tr:not(:first-child) {
		flex: 1;
	}
	tbody.facetwp-template tr{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		margin-top: 10px;
		padding: 5px;
		border: 1px solid #eee;
		border-radius: 10px;
	}

	.facetwp-template td.job_type,
	.facetwp-template td.job_title {
		flex: 0 0 100%;
		font-size: 18px;
	}
	.facetwp-template td.city,
	.facetwp-template td.state {

		font-weight: bold;
	}
	.facetwp-template td.city:after {
		content: ', ';
	}

	.facetwp-template td:not(.job_title, .city, .job_type, .state) {
		background: #efefef;
		border-radius: 10px;
		padding: 5px;
		margin: 5px;
	}
	.facetwp-template td:empty {
		display: none;
	}
}