/* flatten S&F's per-batch wrapper so articles become direct grid children */
.blog-results.blog-list.cards > .search-filter-query {
	display: contents;
}

.blog-search-filter {
	display: flex;
	flex-flow: nowrap;
	align-items: center;
	gap: 1rem;
	margin: 2rem 0 4rem;
}

@media screen and (max-width: 768px) {
	.blog-search-filter {
		display: block;
	}
}

.search-filter-base {
	cursor: pointer;
}

.blog-search-filter p {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 0;
}

.blog-search-filter .search-filter-component-combobox {
	background: transparent;
	border: 0;
	border-bottom: 2px solid rgb(71, 98, 137);
	border-radius: 0;
}

.blog-search-filter .search-filter-component-combobox__listbox-toggle::before {
	border: none;
}

.blog-search-filter .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input::placeholder,
.blog-search-filter .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input::placeholder,
.blog-search-filter .search-filter-component-combobox__selection span {
	color: var(--white);
}

/* Set the plugin's color variable on the combobox wrapper (or a parent) */
.blog-search-filter .search-filter-component-combobox {
	--search-filter-input-color: #fff;
}

.blog-load-more {
	justify-content: center;
}

.blog-load-more .search-filter-input-button {
	color: var(--white);
	font-size: 12px;
	letter-spacing: 5px;
	text-transform: uppercase;
	border: 1px solid white;
	background: linear-gradient(133deg, rgb(165 239 255 / 17%) 0%, rgb(110 191 244 / 14%) 22%, rgb(70 144 212 / 0%) 100%);
	-webkit-backdrop-filter: saturate(100%) blur(20px);
	backdrop-filter: saturate(100%) blur(20px);
	padding: 13px 60px;
	border-radius: 50px;
	transition: background .2s ease, transform .15s ease;
}

/* .search-filter-input-button:hover:not(is-
disabled):not(-search-filter-input-button--is-selected) {
background: var(--blue) !important;
} */