/* search form */
.search-container {
	position: relative;
}

.search-container input {
	position: relative;
	width: 100%;
	padding: .625rem 1rem;
	padding-right: 40px;
	border: 1px solid var(--gray-600);
	border-radius: 2rem;
}

.search-container button {
	position: absolute;
	top: 0;
	right: 0;
	border-color: transparent;
}

/* body.search-results */

body.search-results {
	background-color: var(--true-white);
}

body.search-results .section-heading {
	margin-top: 1.5rem;
}

#results-page-search {
	max-width: 480px;
	margin: 1.5rem auto 0;
	padding-left: 0;
}

#results-page-search input {
	color: var(--true-black);
	background-color: rgba(255, 255, 255, .7);
	border: none;
}

body.search-results .article-author-section .container {
	display: none;
}

.category-filters {
	position: relative;
}

.category-filters ul {
	position: absolute;
	overflow: hidden;
	background-color: var(--true-white);
	border-radius: var(--border-radius-md);
	box-shadow: var(--drop-shadow-lg);
}

.category-filters ul a {
	padding: 0 1rem;
	font-size: var(--font-size-xs);
	font-family: var(--font-label);
	line-height: 2.5rem;
	text-decoration: none;
	white-space: nowrap;
	display: block;
	background-color: var(--true-white);
}

.category-filters ul a:hover {
	color: var(--brand-primary-darker);
	background-color: var(--brand-primary-highlight);
}