.elementor-149762 .elementor-element.elementor-element-dsrbes{padding:44px 20px 10px 20px;}.elementor-149762 .elementor-element.elementor-element-dsrbec > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-149762 .elementor-element.elementor-element-dsrkes{padding:18px 20px 10px 20px;}.elementor-149762 .elementor-element.elementor-element-dsrkec > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-149762 .elementor-element.elementor-element-dsrk2e{--grid-columns:6;--grid-row-gap:34px;--grid-column-gap:20px;}.elementor-149762 .elementor-element.elementor-element-dsraes{padding:18px 20px 10px 20px;}.elementor-149762 .elementor-element.elementor-element-dsraec > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-149762 .elementor-element.elementor-element-dsra2e{--grid-columns:6;--grid-row-gap:30px;--grid-column-gap:24px;}.elementor-149762 .elementor-element.elementor-element-dsrees{padding:18px 20px 10px 20px;}.elementor-149762 .elementor-element.elementor-element-dsreec > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-149762 .elementor-element.elementor-element-dsre2e{--grid-columns:3;--grid-row-gap:30px;--grid-column-gap:24px;}.elementor-149762 .elementor-element.elementor-element-dsrpes{padding:18px 20px 64px 20px;}.elementor-149762 .elementor-element.elementor-element-dsrpec > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-149762 .elementor-element.elementor-element-dsrk2e{--grid-columns:3;}.elementor-149762 .elementor-element.elementor-element-dsra2e{--grid-columns:3;}.elementor-149762 .elementor-element.elementor-element-dsre2e{--grid-columns:2;}}@media(max-width:767px){.elementor-149762 .elementor-element.elementor-element-dsrbes{padding:44px 20px 10px 20px;}.elementor-149762 .elementor-element.elementor-element-dsrkes{padding:18px 20px 10px 20px;}.elementor-149762 .elementor-element.elementor-element-dsrk2e{--grid-columns:2;}.elementor-149762 .elementor-element.elementor-element-dsraes{padding:18px 20px 10px 20px;}.elementor-149762 .elementor-element.elementor-element-dsra2e{--grid-columns:2;}.elementor-149762 .elementor-element.elementor-element-dsrees{padding:18px 20px 10px 20px;}.elementor-149762 .elementor-element.elementor-element-dsre2e{--grid-columns:1;}.elementor-149762 .elementor-element.elementor-element-dsrpes{padding:18px 20px 64px 20px;}}/* Start custom CSS *//* ==================== Diwan Core · search.css ==================== */

/**
 * The search results page.
 *
 * Four bands of results under one box. Which bands are on the page is decided on
 * the server and said as classes on the body, and this is where that decision is
 * carried out: a group the search found nothing in is hidden here rather than
 * taken out of the document, so a designer who opens the page in Elementor still
 * finds all four where they left them.
 */

/* -------------------------------------------------------------- the box */

.diwan-search-bar {
	display: grid;
	gap: 14px;
}

.diwan-search-bar__head {
	color: var(--diwan-heading, #246b8f);
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0;
	text-transform: uppercase;
}

.diwan-search-bar__form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.diwan-search-bar__box {
	align-items: center;
	background: var(--diwan-white, #fff);
	border: 1px solid var(--diwan-border-strong, #d5d5d5);
	border-radius: var(--diwan-radius-sm, 4px);
	display: flex;
	flex: 1 1 320px;
	gap: 10px;
	padding-inline: 14px;
}

.diwan-search-bar__box .diwan-icon {
	color: var(--diwan-text-muted, #6e6e6e);
	flex: none;
}

/* Written one step deeper than the theme's rule for a search input, which draws
   a border and a radius of its own: without this the box has a second box
   inside it. The header's own field is answered the same way. */
.diwan-search-bar__box .diwan-search-bar__field {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 18px;
	inline-size: 100%;
	padding: 14px 0;
}

/* Written one step deeper than the theme's rule for a focused field, which draws
   a blue ring of its own around the whole box. */
.diwan-search-bar__box .diwan-search-bar__field:focus {
	box-shadow: none;
	outline: 0;
}

.diwan-search-bar__box:focus-within {
	border-color: var(--diwan-black, #000);
}

.diwan-search-bar__go {
	background: var(--diwan-btn-bg, #000);
	border: 1px solid var(--diwan-btn-border, #000);
	border-radius: var(--diwan-radius-sm, 4px);
	color: var(--diwan-btn-text, #fff);
	cursor: pointer;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 13px 28px;
	text-transform: uppercase;
}

.diwan-search-bar__go:hover {
	background: var(--diwan-blue, #246b8f);
	border-color: var(--diwan-blue, #246b8f);
}

/* The button is what a reader with no script presses. Once the script is
   running, typing asks on its own and the button is one press too many. */
.diwan-js .diwan-search-bar__go {
	display: none;
}

.diwan-search-bar__count {
	color: var(--diwan-text-soft, #444);
	font-size: 16px;
	margin: 0;
}

.diwan-search-bar__count.is-empty {
	color: var(--diwan-black, #000);
	font-weight: 600;
}

/* ------------------------------------------------------------- the tabs */

.diwan-search-bar__tabs {
	border-block-end: 1px solid var(--diwan-border, #e6e6e6);
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.diwan-search-bar__tab {
	align-items: center;
	border-block-end: 3px solid transparent;
	color: var(--diwan-text-soft, #444);
	display: inline-flex;
	font-size: 13px;
	gap: 8px;
	letter-spacing: 0.04em;
	margin-block-end: -1px;
	padding: 12px 16px;
	text-decoration: none;
	text-transform: uppercase;
}

.diwan-search-bar__tab b {
	font-weight: 600;
}

/* The count beside the label: a number, not a word, so it is set apart from the
   label rather than looking like part of it. */
.diwan-search-bar__tab i {
	background: var(--diwan-surface-alt, #fafaf8);
	border-radius: 999px;
	font-size: 11px;
	font-style: normal;
	font-weight: 700;
	padding: 2px 8px;
}

.diwan-search-bar__tabs .diwan-search-bar__tab:hover {
	color: var(--diwan-black, #000);
	text-decoration: none;
}

.diwan-search-bar__tab.is-on {
	border-block-end-color: var(--diwan-blue, #246b8f);
	color: var(--diwan-black, #000);
}

.diwan-search-bar__tab.is-on i {
	background: var(--diwan-blue, #246b8f);
	color: var(--diwan-white, #fff);
}

/* A group with nothing in it keeps its place in the row and says so. */
.diwan-search-bar__tab.is-empty {
	color: var(--diwan-text-muted, #6e6e6e);
	opacity: 0.55;
}

/* ------------------------------------------------------------ the bands */

.diwan-search-group {
	align-items: baseline;
	border-block-start: 1px solid var(--diwan-border, #e6e6e6);
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	justify-content: space-between;
	padding-block-start: 18px;
}

.diwan-search-group__title {
	color: var(--diwan-heading, #246b8f);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0;
	text-transform: uppercase;
}

.diwan-search-group__count {
	color: var(--diwan-text-muted, #6e6e6e);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
}

.diwan-search-group__more {
	align-items: center;
	color: var(--diwan-blue, #246b8f);
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 6px;
	letter-spacing: 0.03em;
	text-decoration: none;
	text-transform: uppercase;
}

.diwan-search-group__more:hover {
	color: var(--diwan-black, #000);
}

/* The arrow points the way the language runs. */
[dir="rtl"] .diwan-search-group__more .diwan-icon {
	transform: scaleX(-1);
}

/* --------------------------------------------------- the next twelve books */

.diwan-search-more {
	display: grid;
	gap: 8px;
	justify-items: center;
	margin-block-start: 28px;
}

.diwan-search-more__link {
	border: 1px solid var(--diwan-border-strong, #d5d5d5);
	border-radius: var(--diwan-radius-sm, 4px);
	color: var(--diwan-black, #000);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 13px 30px;
	text-decoration: none;
	text-transform: uppercase;
}

.diwan-search-more__link:hover {
	background: var(--diwan-black, #000);
	border-color: var(--diwan-black, #000);
	color: var(--diwan-white, #fff);
}

.diwan-search-more__count {
	color: var(--diwan-text-muted, #6e6e6e);
	font-size: 12px;
	letter-spacing: 0.04em;
	margin: 0;
	text-transform: uppercase;
}

/* ----------------------------------------------------------- the pages */

.diwan-search-pages {
	display: grid;
	gap: 2px;
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.diwan-search-pages__item {
	margin: 0;
}

.diwan-search-pages__link {
	align-items: flex-start;
	border: 1px solid transparent;
	border-radius: var(--diwan-radius-sm, 4px);
	color: inherit;
	display: flex;
	gap: 12px;
	padding: 14px 16px;
	text-decoration: none;
}

.diwan-search-pages__link:hover {
	background: var(--diwan-surface-alt, #fafaf8);
	border-color: var(--diwan-border, #e6e6e6);
}

.diwan-search-pages__link .diwan-icon {
	color: var(--diwan-blue, #246b8f);
	flex: none;
	margin-block-start: 2px;
}

.diwan-search-pages__body {
	display: grid;
	gap: 4px;
}

.diwan-search-pages__body b {
	font-size: 15px;
	font-weight: 600;
}

.diwan-search-pages__body span {
	color: var(--diwan-text-soft, #444);
	font-size: 13px;
	line-height: 1.6;
}

/* --------------------------------------------------- nothing at all found */

.diwan-search-none {
	display: grid;
	gap: 16px;
	margin-block-start: 8px;
	max-inline-size: 60ch;
}

.diwan-search-none__line {
	color: var(--diwan-text-soft, #444);
	font-size: 15px;
	line-height: 1.65;
	margin: 0;
}

.diwan-search-none__ways {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.diwan-search-none__way {
	align-items: center;
	border: 1px solid var(--diwan-border-strong, #d5d5d5);
	border-radius: var(--diwan-radius-sm, 4px);
	color: var(--diwan-black, #000);
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 8px;
	letter-spacing: 0.03em;
	padding: 11px 18px;
	text-decoration: none;
	text-transform: uppercase;
}

.diwan-search-none__way:hover {
	border-color: var(--diwan-black, #000);
	color: var(--diwan-black, #000);
}

/* ------------------------------------------ which bands are on the page */

/* Nothing typed yet, or nothing found: no bands, only the box and what it says. */
body.diwan-search-blank .diwan-search-band,
body.diwan-search-empty .diwan-search-band {
	display: none;
}

body:not(.diwan-search-has-books) .diwan-search-band--books,
body:not(.diwan-search-has-authors) .diwan-search-band--authors,
body:not(.diwan-search-has-events) .diwan-search-band--events,
body:not(.diwan-search-has-pages) .diwan-search-band--pages {
	display: none;
}

/* One tab pressed: only that band, whatever the others hold. */
body.diwan-search-scope-books .diwan-search-band:not(.diwan-search-band--books),
body.diwan-search-scope-authors .diwan-search-band:not(.diwan-search-band--authors),
body.diwan-search-scope-events .diwan-search-band:not(.diwan-search-band--events),
body.diwan-search-scope-pages .diwan-search-band:not(.diwan-search-band--pages) {
	display: none;
}

/* A band on its own does not need the line that separates it from the one
   above, because there is nothing above it. */
body:not(.diwan-search-scope-all) .diwan-search-group {
	border-block-start: 0;
	padding-block-start: 0;
}

/* While an answer is on its way: dimmed rather than emptied, because emptying
   the page moves everything under the cursor. */
.diwan-search-band.is-loading {
	opacity: 0.45;
	pointer-events: none;
	transition: opacity 120ms linear;
}

/* ------------------------------------------------------------ small screens */

@media (max-width: 767px) {
	.diwan-search-bar__field {
		font-size: 16px;
	}

	.diwan-search-bar__tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.diwan-search-bar__tabs::-webkit-scrollbar {
		display: none;
	}

	.diwan-search-bar__tab {
		flex: none;
		padding-inline: 12px;
	}

	.diwan-search-group__title {
		font-size: 17px;
	}
}/* End custom CSS */