/* Dark Mode CSS Variables */
:root {
    --search-page-bg: #f8f9fa;
    --search-hints-color: #888888;
    --search-terms-color: #0e6efd;
    --search-highlighted-color: #0e6efd;
    --search-bit-title-link: #18274b;
    --search-bit-snippet-color: #212529;
    --search-bit-author-color: #18274b;
    --search-bit-length-color: #6c757d;
    --search-time-color: #6c757d;
    --search-number-color: #212529;
}

[data-theme="dark"] {
    --search-page-bg: #1a1a2e;
    --search-hints-color: #a0a0a0;
    --search-terms-color: #6ea8fe;
    --search-highlighted-color: #6ea8fe;
    --search-bit-title-link: #e0e0e0;
    --search-bit-snippet-color: #b0b0b0;
    --search-bit-author-color: #6ea8fe;
    --search-bit-length-color: #a0a0a0;
    --search-time-color: #a0a0a0;
    --search-number-color: #e0e0e0;
}

.search_page {
    background: var(--search-page-bg);
}
.search_hints {
	margin-top: 5px;
	color: var(--search-hints-color);
}
.search_sections {
}
.search_button {
	margin-top: 20px;
}
.search_titles_only {
	margin-top: 20px;
}
.search_number_of_results {
	margin-top: 20px;
	font-size: 18px;
	color: var(--search-number-color);
}
.search_search_terms {
	color: var(--search-terms-color);
}
.search_author_filter {
	margin-top: 20px;
}
.search_time {
	padding-left:  3px;
	font-size: 13px;
	color: var(--search-time-color);
}
.search_bits {
	margin-top: 20px;
}
.search_highlighted_text {
	color: var(--search-highlighted-color);
}
.search_bit {
	margin-bottom: 20px;
}
.search_bit_snippet {
	font-size: 18px;
	color: var(--search-bit-snippet-color);
}
.search_bit_author {
	font-style: italic;
}
.search_bit_length {
	margin-left: 20px;
	font-style:  italic;
	color: var(--search-bit-length-color);
}
.search_bit_title {
	font-size: 20px;
}
.search_bit_title a:link {
	color: var(--search-bit-title-link);
	text-decoration: none;
}
.search_bit_title a:visited  {
	color: var(--search-bit-title-link);
	text-decoration: none;
}
.search_bit_title a:active {
	color: var(--search-bit-title-link);
	text-decoration: none;
}
.search_bit_title a:hover {
	color: var(--search-bit-title-link);
	text-decoration: underline;
}
.search_bit_subtitle1 {

}
.search_bit_subtitle2 {

}
.search_bit_subtitle3 {

}
.search_bit_author_preacher a:link {
	color: var(--search-bit-author-color);
	text-decoration: none;
}
.search_bit_author_preacher a:visited  {
	color: var(--search-bit-author-color);
	text-decoration: none;
}
.search_bit_author_preacher a:active {
	color: var(--search-bit-author-color);
	text-decoration: none;
}
.search_bit_author_preacher a:hover {
	color: var(--search-bit-author-color);
	text-decoration: underline;
}
