* {
	font-variant-ligatures: no-contextual;
}

:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

#discovery-search-box {
	height: 59px;
	background-color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--contrast);
	border-radius: 6px;
}

.dis-SearchBox,
.dis-SearchBox-suggestions,
.dis-SearchBox-input {
	background-color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--contrast);
}

.dis-SearchBox-suggestionType {
	color: var(--wp--preset--color--contrast);
}

.dis-Hits {
	margin-top: 1em;
}

.dis-SearchResults-summary {
	margin-bottom: 0;
}

.dis-SearchResults-filters {
	z-index: 12;
	background-color: var(--wp--preset--color--base);
}

.dis-SearchResults-filtersContent {
	padding-right: var(--wp--style--root--padding-right);
	padding-left: var(--wp--style--root--padding-left);
	width: calc(
		100% - var(--wp--style--root--padding-right) -
			var(--wp--style--root--padding-left)
	);
}

.dis-SearchResults-filtersHeader {
	background-color: var(--wp--preset--color--base);
}

.dis-SearchResults-filtersHeader::after {
	background: linear-gradient(
		180deg,
		var(--wp--preset--color--base) 50%,
		rgba(0 0 0 / 0%) 100%
	);
}

.dis-SearchResults-filtersOverlay {
	z-index: 11;
}

.dis-CurrentQuery-query,
.dis-HitsCount-elapsed {
	font-size: 80%;
}

.dis-QueryBuilder button,
.dis-QueryBuilder input,
.dis-QueryBuilder select {
	font-size: var(--wp--preset--font-size--normal);
	padding: 0.5rem;
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
}

.dis-QueryBuilderContainer-searchButton {
	padding: 10px;
	background-color: #3e69ff;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	color: #fff;
	font-size: large;
	margin-top: 1rem;
}

.dis-QueryBuilder-dropdownDialog
	.dis-QueryBuilder-searchInputContainer
	.dis-QueryBuilder-searchIcon {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 1rem;
	height: 1rem;
}

.main-header {
	background-color: var(--wp--preset--color--base);
}

@media screen and (width <= 430px) {
	.desktop-only {
		display: none;
	}
	.dis-CurrentFilters-list {
		font-size: smaller;
	}
}

@media screen and (width > 430px) {
	.header-searchbox {
		height: 92.031px;
	}
	.dis-SearchResults {
		margin-top: 1rem;
	}
	.not-sticky-on-desktop {
		position: relative;
		top: 0;
	}
	.dis-SearchResults-filters {
		padding: 0 0 0 2rem;
		z-index: 3;
		width: 100%;
		margin-left: -2rem;
	}
	.dis-SearchResults-filtersOverlay {
		z-index: 2;
	}
	.dis-SearchResults-filtersContent {
		padding: 0;
		width: 100%;
	}
	.height-placeholder {
		min-height: calc(100vh - 212px);
	}
	.dis-CurrentQuery {
		margin-bottom: 0.5rem;
	}
	.dis-CurrentFilters {
		margin-bottom: 0.5rem;
	}
}