/**
 * Styling for the live-filter search shortcodes:
 *   [vpnlegal_search_field] ... (page markup) ...
 *   [dynamic_search_field] ... [dynamic_search_field_end]
 *
 * Both are powered by the bundled HideSeek plugin (assets/hideseek.js). The
 * legacy theme styled the input via Bootstrap's `.form-control`; these rules
 * recreate a neutral search field plus the highlight marker HideSeek wraps
 * around matched terms.
 */
.dynamic-search-input-container {
	margin: 20px 0 12px;
}

.dynamic-search-input-container p {
	margin: 0 0 6px;
}

#dynamic-search,
#vpnlegal-search {
	display: block;
	width: 100%;
	padding: 10px 14px;
	border: 1px solid #c4ccd6;
	border-radius: 4px;
	font-size: 1em;
	line-height: 1.4;
}

/* HideSeek clones the first row as a "no results" placeholder. */
.dynamic-list .no-results,
.list .no-results {
	color: #888;
	font-style: italic;
}

/* Marker HideSeek wraps around matched substrings when highlight: true. */
mark.highlight {
	background: #ffef9a;
	color: inherit;
	padding: 0;
}