.search-sort {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.search-query-container, .sort-query-container {
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	gap: 1em;
	font-size: 0.9rem;
	background-color: #EEEEEE;
	padding: 1em;
	margin-bottom: 3em;
	align-items: center;
}

@media screen and (max-width: 1100px) {
	.search-query-container, .sort-query-container {
		display: none;
		visibility: hidden;
		padding: 0;
		margin: 0;
		height: 0;
	}
}

.sortby-labels {
	display: grid;
	grid-template-columns: auto auto;
	gap: 0.6em;
}

.query-form {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
}

.search-query {
	align-self: center;
	width: 100%;
	padding: 0.41rem 0.9rem;
	font-size: 0.9rem;
	color: #000000;
	background: #E3E1E1;
	border: 2px solid #E3E1E1;
}

.search-query:focus, .search-query:hover {
	background: #E3E1E1;
}