/**
 * News page category + search filter styling.
 *
 * Ports the `.articles-filter` treatment that already ships in
 * hello-theme-child-master (used by the five brand sites) to the main VCNA
 * site, whose child theme is this one. Superior's news page is the reference.
 *
 * Everything else about the look (pill radii, grey input, button padding) comes
 * from the JetSmartFilters widget settings in the page's Elementor data. Only
 * the parts Elementor cannot express live here: the flex gap between the select
 * and the search field, and replacing the native select arrow with the chevron.
 *
 * The chevron is an inline data: URI on purpose. hello-theme-child-master
 * hardcodes https://superiorstg.vcnastaging.com/... for the same asset, so every
 * environment fetches it from WP Engine staging; this version has no such tie.
 */

.articles-filter .jet-search-filter {
	gap: 20px !important;
}

.articles-filter .jet-select__control {
	font-family: inherit;
	font-weight: 400;
	border-radius: 999px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 fill=%27none%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 stroke=%27%23666666%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: right 20px center;
	cursor: pointer;
	outline: none;
	box-shadow: none;
	transition: none;
}