@font-face {
	font-family: 'Faustina';
	src: url('/font/subset-Faustina-Medium.woff2') format('woff2'),
	url('/font/subset-Faustina-Medium.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Faustina';
	src: url('/font/subset-Faustina-SemiBold.woff2') format('woff2'),
	url('/font/subset-Faustina-SemiBold.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Faustina';
	src: url('/font/subset-Faustina-Bold.woff2') format('woff2'),
	url('/font/subset-Faustina-Bold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Foliar Initials';
	src: url('/font/subset-FoliarInitials.woff2') format('woff2'),
	url('/font/subset-FoliarInitials.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Feinsliebchen Barock';
	src: url('/font/subset-FeinsliebchenBarock-Regular.woff2') format('woff2'),
	url('/font/subset-FeinsliebchenBarock-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Zenda';
	src: url('/font/subset-Zenda.woff2') format('woff2'),
	url('/font/subset-Zenda.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Chaucer';
	src: url('/font/subset-Chaucer.woff2?1') format('woff2'),
	url('/font/subset-Chaucer.woff?1') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Dearest';
	src: url('/font/subset-Dearest.woff2') format('woff2'),
	url('/font/subset-Dearest.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cloister';
	src: url('/font/subset-CloisterBlack-Light.woff2') format('woff2'),
	url('/font/subset-CloisterBlack-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Royal Initialen';
	src: url('/font/subset-RoyalInitialen.woff2') format('woff2'),
	url('/font/subset-RoyalInitialen.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Georgia_ROT13';
	src: url('/font/subset-Georgia_ROT13.woff2') format('woff2'),
	url('/font/subset-Georgia_ROT13.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


:root {
	--color-gold-darkest: #493700;
	--color-gold-darker: #574200;
	--color-gold-dark: #6f5400;
	--color-gold: #856900;
	--color-gold-ruler: #997e00;
	--color-gold-light: #aa8b00;
	--color-gold-lighter: #c5a206;
	--color-gold-lightest: #dcb507;
	--color-gold-ruler-light: #ccae33;
	--color-gold-border: #e4c83d;
	--color-orange-darkest: #683b00;
	--color-orange-darker: #794500;
	--color-orange-dark: #874b00;
	--color-orange: #950;
	--color-orange-light: #b70;
	--color-orange-lighter: #e5960b;
	--color-orange-lightest: #f8ab24;
	--color-blue-dark: #1a1bac;
	--color-blue: #2627c1;
	--color-blue-light: #4748ea;
	--color-blue-lighter: #5d5efd;
	--color-blue-lightest: #7777ff;
	--color-red: #dc143c;
	--color-gray: #666;
	--color-gray-light: #888;
	--color-text-default: #00036d;
	--color-body-background: #1a1b53;
	--color-content-background: #fff8e7;
	--color-content-border: #4836b8;
	--color-button-border: #d9bf77;
	--color-button-background: #faefc7;
	--color-button-hover-background: #b4d6ff;
	--color-button-hover-border: #84b1e7;
	--color-dialog-title-background: #25265e;
	--color-dialog-title-text: #ffffff;
	--color-scrollbar-dark: #25265e;
	--color-scrollbar-light: #5a4cb1;
	--color-lighten-10: #ffffff19;
	--color-lighten-20: #ffffff33;
	--color-lighten-30: #ffffff4d;
	--color-lighten-40: #ffffff66;
	--color-lighten-50: #ffffff7f;
	--color-lighten-60: #ffffff99;
	--color-lighten-70: #ffffffb3;
	--color-lighten-80: #ffffffcc;
	--color-lighten-90: #ffffffe6;
	--color-darken-5: #0000000d;
	--color-darken-10: #00000019;
	--color-darken-20: #00000033;
	--color-darken-30: #0000004d;
	--color-darken-40: #00000066;
	--color-darken-50: #0000007f;
	--color-darken-60: #00000099;
	--color-darken-70: #000000b3;
	--color-darken-80: #000000cc;
	--color-darken-90: #000000e6;
	--font-size-default: 1.43rem;
	--line-height-default: 1.8rem;
	--margin-nb-old-style: 1.5rem;
}

*, *::before, *::after {
	box-sizing: border-box;
	scrollbar-color: var(--color-scrollbar-light) var(--color-scrollbar-dark);
	scrollbar-width: thin;
}

@media (pointer:fine), (hover: hover) {
	/* custom css for non "touch targets" */
	::-webkit-scrollbar {
		width: 9px;
	}

	::-webkit-scrollbar-track {
		background: var(--color-scrollbar-dark);
	}

	::-webkit-scrollbar-thumb {
		background: var(--color-scrollbar-light);
		border-top: 2px solid var(--color-scrollbar-dark);
		border-bottom: 2px solid var(--color-scrollbar-dark);
		border-radius: 5px;
	}

	::-webkit-scrollbar-button:single-button {
		background-color: var(--color-scrollbar-dark);
		display: block;
		height: 15px;
		width: 100%;
		position: relative;
	}

	::-webkit-scrollbar-button:single-button:vertical:decrement {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156.63 137.12'%3E%3Cpath d='M156.59,84q.06,31.44,0,62.87c-26.16-24.68-52.15-49.53-78.33-74.2Q39.21,109.84,0,146.87c0-21,0-41.93,0-62.9C26.18,59.27,52.2,34.44,78.35,9.75Q117.47,46.85,156.59,84Z' transform='translate(0.01 -9.75)' style='fill:%23aeb4b8'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50%;
		display: none;
	}

	::-webkit-scrollbar-button:single-button:vertical:increment {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156.63 137.12'%3E%3Cpath d='M0,72.67Q0,41.23,0,9.8C26.17,34.48,52.16,59.33,78.34,84q39-37.22,78.25-74.25c0,21,0,41.93,0,62.9-26.15,24.7-52.17,49.53-78.32,74.22Q39.13,109.78,0,72.67Z' transform='translate(0.01 -9.75)' style='fill:%23aeb4b8'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50%;
		display: none;
	}

	::-webkit-scrollbar-button:single-button:active {
		background-color: var(--color-scrollbar-light);
	}
}


body {
	background-color: var(--color-body-background);
	/*background: linear-gradient(var(--color-body-background) 0%, #181949 100%);*/
	color: #fff;
	min-width: 344px;
	margin: 0;
	text-shadow: 1pt 1pt 5pt rgba(0, 0, 0, .1);
	min-height: 100vh;
}

@page {
	margin: 20mm 20mm 20mm 20mm;
}

@media print {
	body {
		text-shadow: none;
		background-color: white;
		margin: 0;
		padding: 0 !important;
	}
}



body, th, td, input, select, textarea, button {
	font-family: 'Faustina', serif;
	/*font-weight: 500;*/
	font-size: var(--font-size-default);
	/*line-height: var(--line-height-default);*/
	overflow-wrap: anywhere;
	hyphens: auto;
}

.initial::first-letter {
	/*
	font-size: 4.4em;
	margin: 0em 0.1em 0em 0em;
	font-family: "Royal Initialen", serif;
	color: #674110;
	*/
	font-family: 'Foliar Initials', serif;
	font-size: 6.3em;
	margin: -0.15em 0.1em -0.04em 0.1em;
	color: #6b4a17;


	float: left;
	line-height: 1em;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	font-weight: normal;
	position: relative;
}

.initial.vod {
	margin-left: 3.7em;
}

.initial.vod::first-letter {
	/* verse of day */
	font-size: 4.6em;
	margin: -.15em 0em 0em -.57em;
}

.initial.royal::first-letter {
	font-family: 'Royal Initialen', serif;
	font-size: 3.3em;
	margin: -0.15em 0.1em -0.1em 0.1em;
}

.initial.nb::first-letter, .initial.nr::first-letter {
	font-size: 5.8rem; /*4.2em;*/
	margin: -0.25em 0.1em -0.04em 0em;
	font-family: 'Feinsliebchen Barock', serif;
	color: inherit;
	padding: .2em;
	background-image: url("/img/vector/initial-border.svg");
	background-size: 100% 100%;
}

.initial.nb {
	margin-top: 2em;
	text-indent: 0;
}

@media print {
	.initial.nb::first-letter, .initial.nr::first-letter {
		padding: 0;
		background-image: none;
		margin: 0em 0.1em 0em 0em;
	}
}

header {
	/**box-shadow: inset 0 0 7px #000000, inset 0 0 7px #000000;*/
}

header .header-title {
	background-image: linear-gradient(#600 90%, #18052b 100%);
	font-variant-caps: small-caps;
	position: relative;
	text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	overflow-wrap: break-word;
}

header .header-title h2 >* {
	hyphens: manual;
	position: relative;
	z-index: 1;
}

header .header-title h2::before {
	content: url("/img/vector/header-left-banner.svg");
	display: inline-block;
	width: 70px;
	min-width: 70px;
	margin-right: 7px;
	position: relative;
	top: 3px;
}

header .header-title h2::after {
	content: url("/img/vector/header-left-banner.svg");
	transform: scale(-1, 1);
	display: inline-block;
	width: 70px;
	min-width: 70px;
	margin-left: 7px;
	position: relative;
	top: 3px;
}

footer .footer-title {
	background-image: linear-gradient(var(--color-body-background) 0%, #600 20%);
	font-variant-caps: small-caps;
	position: relative;
	text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15);
	line-height: 1.7;
}

footer .footer-title >div {
	max-width: 830px;
}

@media (max-width: 380px) {
	header .header-title h2::before {
		margin-right: 3px;
	}

	header .header-title h2::after {
		margin-left: 3px;
	}

	html.newRevelation[lang="de"] header .header-title h2::before {
		margin-right: -12px;
	}

	html.newRevelation[lang="de"] header .header-title h2::after {
		margin-left: -12px;
	}
}

header .header-title a {
	position: relative;
	top: -2px;
	color: #fff;
}

header .header-title a:hover, header .header-title a:active {
	color: #ff9;
}

@media print {
	header .header-title {
		background: none;
		text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
	}

	header .header-title h2::before, header .header-title h2::after {
		opacity: .75;
	}

	header .header-title a {
		color: #903;
	}
}

nav {
	background: linear-gradient(#18052b 0%, var(--color-body-background) 100%);
	padding: .6em 0 .7em;
}

.main-menu {
	/*margin-bottom: 5px;*/
	font-size: 1.1em;
	letter-spacing: 0.01em;
	line-height: 1.35em;
}

.main-menu a {
	display: inline-block;
	white-space: nowrap;
	hyphens: manual;
	border: 2pt solid var(--color-blue);
	padding: 0 .2em .1em;
	/*margin-bottom: .1em;*/
	border-radius: .5em;
	border-bottom-color: transparent;
	border-top-color: transparent;
	margin-left: .05em;
	margin-right: .05em;
	text-decoration: none;
}

.main-menu a:link, .main-menu a:visited {
	color: #ffffcc;
}

.main-menu a.active:link, .main-menu a.active:visited {
	color: #ffdd99;
}

.main-menu a:active, .main-menu a:hover, .main-menu a.active:active, .main-menu a.active:hover {
	color: #ff9;
	background: radial-gradient(rgba(100, 193, 255, 0.12) 0%, rgba(0, 0, 155, 0) 100%);
	border-left-color: var(--color-blue-lightest);
	border-right-color: var(--color-blue-lightest);
	border-bottom-color: var(--color-blue);
	border-top-color: var(--color-blue);
	animation: 0.753s ease-in-out infinite 1s alternate main-menu-button-hover;
}

@media (max-width: 380px) {
	html[lang="de"] .main-menu a .bot-title {
		max-width: 180px;
	}
}

@keyframes main-menu-button-hover {
	from {
		color: #ff9;
		border-left-color: var(--color-blue-lightest);
		border-right-color: var(--color-blue-lightest);
		border-top-color: var(--color-blue);
		border-bottom-color: var(--color-blue);
	}
	to {
		color: #6dff5e;
		border-left-color: var(--color-blue);
		border-right-color: var(--color-blue);
		border-top-color: var(--color-blue-lighter);
		border-bottom-color: var(--color-blue-lighter);
	}
}

main {
	position: relative;
}

main > .top-border {
	display: none;
	height: 9px;
	/*background: linear-gradient(#18052b 0%, var(--color-content-background) 100%);*/
	background: linear-gradient(var(--color-body-background) 0%, #900 50%, var(--color-content-background) 100%);
	position: absolute;
	left: 0;
	top: -3px;
	z-index: 1;
	width: 100%;
}

main > .bottom-border {
	display: none;
	height: 5px;
	background: linear-gradient(var(--color-content-background) 0%, #900 50%, var(--color-body-background) 100%);
	position: absolute;
	left: 0;
	bottom: -4px;
	z-index: 1;
	width: 100%;
}

.content {
	max-width: 830px;
	min-height: 100%;
	/*border: 2px solid #1a1c4e;*/
	margin: .1em auto 1em auto;
	padding: 2em 2em 4em 2em;
	box-sizing: border-box;
	position: relative;
	background-color: var(--color-content-background);
	/*background-image: url(../img/paper_1.jpg);*/
	color: var(--color-text-default);
	box-shadow: inset 0 0 9px #000000, inset 0 0 7px #000000;
	border-radius: 33px;
	border: 2pt solid var(--color-content-border);
	/*border-right: 2pt solid var(--color-content-border);*/
}

.content.extra-border {
	padding-left: 3em;
	padding-right: 3em;
}

.content-corner {
	width: 4rem;
	height: 4rem;
	position: absolute;
	background-image: url("/img/vector/corner-1.svg");
	background-size: 100% 100%;
}

.content-corner.top {
	top: 10px;
}

.content-corner.left {
	left: 10px;
}

.content-corner.bottom {
	bottom: 10px;
}

.content-corner.right {
	right: 10px;
}

.content-border {
	width: 100%;
	height: 12px;
	position: absolute;
	left: 0;
	background-image: url("/img/vector/content-border-2.svg");
	background-size: 100% 100%;
}

.content-border.top {
	top: 12px;
}

.content-border.bottom {
	bottom: 12px;
}

/*
.content > .top-border {
	height: 7px;
	background: linear-gradient(#18052b 0%, var(--color-content-background) 100%);
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
*/

.content-footer-top-arrow {
	position:absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	bottom: 12px;
	cursor: pointer;
	color: #9f8450;
}

@media (max-width: 840px) {
	main > .top-border {
		display: block;
	}

	main > .bottom-border {
		display: block;
	}

	.content {
		border: none;
		border-radius: 0;
		box-shadow: none;
		margin-bottom: 0;
		margin-top: 0.2em;
	}

	.content.extra-border {
		padding-left: 2.5em;
		padding-right: 2.5em;
	}

	.content-corner {
		/*display: none;*/
	}

	.content-corner.top {
		top: 4px;
	}

	.content-corner.left {
		left: 4px;
	}

	.content-corner.bottom {
		bottom: 4px;
	}

	.content-corner.right {
		right: 4px;
	}

	.content-border.top {
		top: 8px;
	}

	.content-border.bottom {
		bottom: 8px;
	}
}

@media (max-width: 750px) {
	.content {
		padding: 2em 1em 4em 1em;
	}

	.content.extra-border {
		padding-left: 2em;
		padding-right: 2em;
	}

	.hide-md {
		display: none;
	}
}

@media (max-width: 570px) {
	.content.extra-border {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}

	.hide-sm {
		display: none;
	}
}

@media (max-width: 420px) {
	.content {
		padding: 2em .2em 4em .2em;
	}

	.content.extra-border {
		padding-left: 1em;
		padding-right: 1em;
	}

	.hide-xs {
		display: none;
	}
}

@media print {
	main > .top-border, main > .bottom-border {
		display: none;
	}
	.content {
		padding-top: 0;
		margin-top: 0;
		background-color: transparent;
	}
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-weight: 500;
	line-height: normal;
	hyphens: manual;
}

@media (max-width: 450px) {
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		hyphens: auto;
	}
}

h1, .h1 {
	font-size: 2.8rem;
	/*transform: scale(1.05, 1);*/
	letter-spacing: 0.05em;
	font-weight: bold;
}

h1.page, .heading.page {
	font-family: Chaucer, serif;
	font-weight: normal;
	color: var(--color-gold-light);
	letter-spacing: 0.01em;
	text-shadow: 2pt 2pt 3pt #ebdf97, 2pt 2pt 2pt #a48f42;
	position: relative;
}

@media print {
	h1.page {
		margin-top: 0;
	}
}

.heading.page.ts-2 {
	text-shadow: 1pt 1pt 2pt #ebdf97, 1pt 1pt 1pt #a48f42;
}

.heading.page.ts-3 {
	text-shadow: 1pt 1pt 2pt #e5e0be, 1pt 1pt 1pt #ada480;
}

h1.page {
	font-size: 2.5em;
}

h1.page.home {
	color: var(--color-blue);
}

h2, .h2 {
	font-size: 2.1rem;
}

h3, .h3 {
	font-size: 1.9rem;
}

h4, .h4 {
	font-size: 1.6rem;
}

h5, .h5 {
	font-size: var(--font-size-default);
}

h6, .h6 {
	font-size: calc(var(--font-size-default) * 0.9);
}

.font-chaucer {
	font-family: Chaucer, serif !important;
}

.font-cloister {
	font-family: Cloister, serif !important;
}

.font-dearest {
	font-family: Dearest, serif !important;
}

.font-zenda {
	font-family: Zenda, serif !important;
}

.font-rot13 {
	font-family: Georgia_ROT13 !important;
}

p, div.posting, .posting-content div {
	margin-top: .5em;
	margin-bottom: .5em;
}

hr {
	/*
	border: 0px transparent;
	border-style: none none dotted;
	background-color: transparent;
	height: 0px;
	border: 1pt dashed #980;
	*/
	border: 0px transparent;
	border-top: 1pt solid var(--color-gold-ruler);
}

hr.light, .editor hr, .posting-content hr {
	border-top-color: var(--color-gold-ruler-light);
}

hr.double {
	border-bottom: 1pt solid var(--color-gold-ruler);
	height: 2pt;
}

hr.double.light {
	border-bottom-color: var(--color-gold-ruler-light);
}

hr.strong {
	border-top-width: 2pt;
}

hr.double.strong {
	border-bottom-width: 2pt;
}

hr.dotted {
	border-style: dotted;
}

hr.w200 {
	max-width: 200px;
}

hr.small, hr.w330 {
	max-width: 330px;
}

hr.w500 {
	max-width: 500px;
}

div.title {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
	color: var(--color-gold-light);
	font-size: 10pt;
}

div.justify {
	/*padding-top: 3pt;*/
}

.text-indent {
	text-indent: 20px;
}

/*
td.textno {
	vertical-align: top;
	font-family: Arial, Helvetica, "Lucida Sans", sans-serif;
	font-weight: normal;
	font-size: 7pt;
	padding-top: 4pt;
	padding-right: 5pt;
	padding-left: 5pt;
	text-align: right;
}
*/

div.text-num-col {
	width: 33px;
	padding-top: 3px;
}

p.text_header {
	/*font-size: 12pt;*/
	/*font-weight: bold;*/
	font-style: italic;
	color: var(--color-gold);
}

x-highlight, span.query {
	color: #df0000;
	background-color: #fff;
	border: 1pt solid #999;
	border-radius: 5px;
}


a:link, a:visited, .anchor {
	color: #0505b7;
	text-decoration: none;
}

a:active, a:hover, a:active .text_header, a:hover .text_header {
	color: #dd0033;
}

a.subtle, .subtle a {
	color: inherit !important;
	border-bottom: 1pt dotted !important;
}

a.inherit {
	color: inherit !important;
}

.editor a, .posting-content a {
	/*color: inherit;*/
	border-bottom: 1.5pt solid;
	border-radius: 5px;
}

span.popup, x-note.popup, r.popup, x-popup.popup {
	border-bottom: 1pt dotted;
}

a.xref:link, a.xref:visited {
	/*color: inherit;*/
	border-bottom: 1pt dotted;
}

.tooltip a.xref:link, .tooltip a.xref:visited {
	color: #d5fffa;
}

r.ready:hover, a.xref:hover, a.xref:active {
	background-color: #d5eaff;
	border-radius: 5px;
	border-bottom-color: transparent;
	cursor: pointer;
	color: var(--color-text-default) !important;
}

r.selected, .xref.selected {
	background-color: #d5eaff;
	border-radius: 5px;
}

r.found, .xref.found, .word.found {
	background-color: #d5fffa;
	border-radius: 5px;
}

.gold span.popup {
	color: inherit;
	text-decoration: underline;
}

.sans {
	font-family: Arial, Helvetica, "Lucida Sans", sans-serif;
}

.force_wrap, .word-wrap {
	overflow-wrap: anywhere;
}

.no-wrap {
	white-space: nowrap;
	overflow-wrap: normal;
	hyphens: none;
}

.ws-wrap {
	white-space: normal !important;
}

.bold {
	font-weight: bold;
}

.medium {
	font-weight: 500;
}

.justify {
	text-align: justify;
}

.italic {
	font-style: italic;
}

.gold-darkest {
	color: var(--color-gold-darkest) !important;
}

.gold-darker {
	color: var(--color-gold-darker) !important;
}

.gold-dark {
	color: var(--color-gold-dark) !important;
}

.gold {
	color: var(--color-gold) !important;
}

.gold-light, .goldlight {
	color: var(--color-gold-light) !important;
}

.gold-lighter {
	color: var(--color-gold-lighter) !important;
}

.gold-lightest {
	color: var(--color-gold-lightest) !important;
}

.orange-darkest {
	color: var(--color-orange-darkest) !important;
}

.orange-darker {
	color: var(--color-orange-darker) !important;
}

.orange-dark {
	color: var(--color-orange-dark) !important;
}

.orange {
	color: var(--color-orange) !important;
}

.orange-light {
	color: var(--color-orange-light) !important;
}

.orange-lighter {
	color: var(--color-orange-lighter) !important;
}

.orange-lightest {
	color: var(--color-orange-lightest) !important;
}

.blue-dark {
	color: var(--color-blue-dark) !important;
}

.blue {
	color: var(--color-blue) !important;
}

.blue-light {
	color: var(--color-blue-light) !important;
}

.blue-lighter {
	color: var(--color-blue-lighter) !important;
}

.blue-lightest {
	color: var(--color-blue-lightest) !important;
}

.red {
	color: var(--color-red) !important;
}

.gray {
	color: var(--color-gray) !important;
}

.gray-light {
	color: var(--color-gray-light) !important;
}

.almost-white {
	color: var(--color-content-background) !important;
}

.bg-lighten-10 {
	background-color: var(--color-lighten-10) !important;
}

.bg-lighten-20 {
	background-color: var(--color-lighten-20) !important;
}

.bg-darken-5 {
	background-color: var(--color-darken-5) !important;
}

.bg-darken-10 {
	background-color: var(--color-darken-10) !important;
}

.bg-darken-20 {
	background-color: var(--color-darken-20) !important;
}

/*
.medium {
	font-size: 15pt;
	line-height: 20pt;
}
*/

.big {
	/*
	font-size: 16pt;
	line-height: 22pt;
	 */
	font-size: 1.1em;
}

.bigger {
	/*
	font-size: 19pt;
	line-height: 25pt;
	 */
	font-size: 1.3em;
}

.biggest {
	/*
	font-size: 23pt;
	line-height: 29pt;
	 */
	font-size: 1.6em;
}

.small {
	/*
	font-size: 12pt;
	line-height: 14pt;
	 */
	font-size: 0.9em;
}

.smaller {
	/*
	font-size: 10pt;
	line-height: 13pt;
	 */
	font-size: 0.85em;
}

.smallest {
	/*
	font-size: 9pt;
	line-height: 11pt;
	 */
	font-size: 0.75em;
}

.center {
	text-align: center;
	line-height: 160%;
}

.spacer {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.letter_space_0 {
	letter-spacing: 0;
}

.letter_space, .letter_space_1 {
	letter-spacing: 0.15em;
}

.letter_space_2 {
	letter-spacing: 0.3em;
}

.letter_space_3 {
	letter-spacing: 0.5em;
}

.upper_case {
	text-transform: uppercase;
}

.header {
	line-height: 1.3em;
}

.super {
	vertical-align: top;
	font-size: 12pt;
}

.spacer_poem_above {
	font-size: 1px;
	line-height: 1px;
}

.spacer_poem_below {
	font-size: 1px;
	line-height: 1px;
}

x-note, .note.popup, .footnote > .name, .footnote-name {
	position: relative;
	top: -0.4em;
	font-size: 87%;
	color: var(--color-gold);
}

x-note.popup, .note.popup {
	left: 0.05em;
}

.footnote > .name {
	padding-right: 0.5em;
}


/*
span.footnote-marker {
	vertical-align: super;
	font-size: .75em;
}
*/


img.cover {
	image-rendering: optimizeQuality; /* CSS3 Proposed  */
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.5);
}

#footnotes:not(.enabled) {
	display: none;
}

span.footnote-marker {
	vertical-align: super;
	font-size: .75em;
}

@media print {
	.hide-print, .menu {
		display: none !important;
	}

	span.popup {
		text-decoration: none;
	}

	.gold span.popup {
		text-decoration: none;
	}

}

p.alert {
	border: 2px solid #c00;
	padding: 17px;
	border-radius: 7px;
	background: rgba(255, 200, 200, .1);
}


input[type=checkbox] {
	width: 23px;
	height: 23px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1pt solid black;
	position: relative;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

input[type=checkbox]:checked {
	background-color: #7d0ae0;
}

input[type=checkbox]:checked:after {
	top: 0px;
	left: 6px;
	width: 9px;
	height: 17px;
	border: solid white;
	border-width: 0 1mm 1mm 0;
	transform: rotate(45deg);
	content: "";
	position: absolute;
}

input[type=checkbox]:disabled {
	background-color: #eee;
	border-color: #999;
	box-shadow: none;
}

.dropup {
	position: relative;
}

.dropup.navigation {
	min-width: 50px;
	width: 65px;
}

.dropup .dropup-button .caret {
	top: 0.15em;
	left: 0.3em;
	position: relative;
}

.dropup .dropup-content {
	display: none;
	position: absolute;
	background-color: var(--color-content-background);
	min-width: 150px;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
	z-index: 1;
	max-height: 300px;
	overflow-y: auto;
	bottom: 30px;
	left: 5px;
	border: 2px solid #999;
	border-radius: 5px;
}

.dropup.footer .dropup-content {
	left: -35px;
}

.dropup .dropup-content >* {
	color: var(--color-text-default);
	padding: 0.25em 0.5em;
	text-decoration: none;
	display: block;
}

.dropup .dropup-content >*:not(:last-of-type) {
	border-bottom: 1px solid var(--color-gold-border);
}

.dropup .dropup-content >*:hover {
	background-color: #eee8dd;
}

.dropup .dropup-content >*.active {
	background-color: #b4d6ff;
}

.dropup .dropup-content >*.active:hover, .dropup:hover .dropup-button {
	background-color: #a5cbfa;
}

.dropup:hover .dropup-content {
	display: block;
}

.button {
	cursor: pointer;
	border: 1pt solid var(--color-button-border);
	border-radius: 3pt;
	/*min-width: 20px;*/
	text-align: center;
	background: var(--color-button-background);
	font-weight: bold;
	padding: 0.1em 0.5em 0.2em;
	color: var(--color-text-default);
}

.pagination .button {
	width: 55px;
	padding: 0;
	min-width: 40px;
}

.button:hover, .button:active {
	background-color: var(--color-button-hover-background);
	border-color: var(--color-button-hover-border);
	color: inherit;
}

.button.disabled {
	color: var(--color-gold-light);
	opacity: .9;
}

input[type="text"], input[type="url"], input[type="number"], input[type="file"], select {
	max-width: 100%;
}

input.query {
	max-width: 300px;
	width: 100%;
}

input.bible-query, select.bible-translation {
	width: 100%;
	background-color: #fff8e5 !important;
	color: var(--color-text-default);
	border-color: var(--color-button-border) !important;
}

input.bible-query {
	min-width: 250px;
	min-height: 35px;
}

select.bible-translation {
	min-width: 220px;
}

input.text, .editor, select {
	border: 1pt solid var(--color-blue-lightest);
	background-color: #fff;
	border-radius: 5px;
}

input.optional {
	border-color: #bbb;
}

button .button, input.button .button {
	color: var(--color-text-default);
}

.autocomplete, .search-container {
	position: relative;
	display: inline-block;
}


.autocomplete .clear-icon, .search-container .clear-icon {
	position: absolute;
	right: 2px;
	top: 3pt;
	bottom: 3pt;
	/* height: 20px; */
	width: 15px;
	margin: auto;
	cursor: default;
	background: #fff8e5;
	/* border: 1px solid; */
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: -3pt 0 3pt #fff8e5;
	padding-bottom: 4px;
}

.autocomplete .clear-icon.white, .search-container .clear-icon.white {
	background: #fff;
	box-shadow: -3pt 0 3pt #fff;
}

.autocomplete-list {
	position: absolute;
	border: 1pt solid var(--color-button-border);
	border-radius: 5px;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #fff8e5;
	box-shadow: 3px 3px 7px rgba(0, 0, 0, .2);
	max-height: 90vh;
	overflow-y: auto;
}

.autocomplete-item {
	padding: .5em;
	cursor: default;
}

.autocomplete-item:not(:last-of-type) {
	border-bottom: 1pt solid var(--color-button-border);
}

.autocomplete-active {
	background-color: #1250ba !important;
	color: #ffffff !important;
}

#bible-query-autocomplete-empty-list {
	width: 670px;
	min-width: 300px;
	max-width: 87vw;
}

.bible-abbr-list {
	background: #ffefc3;
	border-radius: 3px;
	justify-content: space-evenly;
	cursor: default;
}

.bible-abbr-item {
	width: 64px;
	background: #fff8e5;
	margin: 0.17em;
	padding: 0.15em 0.1em;
	border: 1px solid #e7b842;
	border-radius: 5px;
}

@media (max-width: 420px) {
	.bible-abbr-item {
		padding-top: 0.05em;
		padding-bottom: 0.05em;
		margin-top: 0.10em;
		margin-bottom: 0.10em;
		/*font-size: 0.85em;*/
	}
}

.bible-abbr-item.ot-mose {
	color: var(--color-blue);
}

.bible-abbr-item.ot-history {
	color: var(--color-gold-dark);
}

.bible-abbr-item.ot-text {
	color: #090;
}

.bible-abbr-item.ot-prophets-1 {
	color: #990091;
}

.bible-abbr-item.ot-prophets-2 {
	color: #797702;
}

.bible-abbr-item.nt-history {
	color: #a45417;
}

.bible-abbr-item.nt-acts {
	color: #4112c6;
}

.bible-abbr-item.nt-epistles-1 {
	color: #676205;
}

.bible-abbr-item.nt-epistles-2 {
	color: #588615;
}

.bible-abbr-item.nt-rev {
	color: #ac0da4;
}

.bible-abbr-item.ot-apocrypha-1 {
	color: #511ebf;
}

.bible-abbr-item.ot-apocrypha-2 {
	color: #6e56af;
}

.bible-vers.selected search-highlight {
	/*color: #b61191;*/
	background-color: rgba(255, 200, 100, .2);
	border-radius: 5px;
}

/*
.bible-verse > .number {
	flex: .1;
	text-align: right;
	padding-right: 7px;
}

.bible-verse > .text {
	flex: 5;
}
*/

.bible-copyright {
	color: var(--color-gold-light);
}

.bible-text:not(.parallel) *:first-child {
	margin-top: 0 !important;
}

.bible-text.parallel >div:first-child {
	margin-top: 1rem !important;
}

.bible-query-container.parallel {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0.6rem;
}

.bible-query-container.parallel input.bible-query {
	min-width: 220px;
}

@media screen and (max-width: 582px) {
	.bible-text-container.parallel {
		position: relative;
		padding-top: 1px;
		padding-bottom: 3px;
	}

	.bible-text-container.parallel::before {
		content: "\00a0";
		position: absolute;
		height: 7px;
		left: 0;
		top: 3px;
		right: 9px;
		background-image: linear-gradient(180deg, var(--color-content-background), transparent);
		border-radius: 7px;
		z-index: 1;
	}

	.bible-text-container.parallel::after {
		content: "\00a0";
		position: absolute;
		height: 7px;
		left: 0;
		bottom: 2px;
		right: 9px;
		background-image: linear-gradient(0deg, var(--color-content-background), transparent);
		border-radius: 7px;
		z-index: 1;
	}

	.bible-text.parallel {
		max-height: 35vh;
		overflow-y: auto;
		width: 100%;
		margin-top: 3px;
		padding-bottom: 7px;
	}
}

.form-error {
	border: 2pt solid #e1214e;
	padding: .25em;
	background-color: #a10d31;
	color: #fff;
	border-radius: 5px;
}

.navigation-arrow {
	padding-top: 2px;
}

.dialog-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	display: flex;
}

.dialog-bg:not(.visible) {
	display: none;
}

.dialog {
	background-color: var(--color-content-background);
	border: 2pt solid #bbbbbb;
	padding: .5em;
	/*min-width: 250px;*/
	max-width: 450px;
	box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.3);
	border-radius: 9px;
}

.dialog-header {
	background-color: var(--color-dialog-title-background);
	color: var(--color-dialog-title-text);
	padding: .25em;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.dialog-content {
	border: 1pt solid var(--color-dialog-title-background);
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.tooltip {
	display: none;
	width: calc(100% - 10px);
	max-width: 500px;
	position: absolute;
	top: 0;
	left: 0;

	background: #333399;
	color: #ffffcc;
	/*font-weight: bold;*/
	/*padding: 5px;*/
	font-size: 90%;
	border-radius: 4px;
	border: 2px solid #6666dd;
	z-index: 2;
}

.tooltip[data-show] {
	display: block;
}

/*
.tooltip .arrow {
	position: absolute;
	background: #333399;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
}
*/

.tooltip .arrow,
.tooltip .arrow::before {
	position: absolute;
	width: 9px;
	height: 9px;
	background: inherit;
}

.tooltip .arrow {
	visibility: hidden;
}

.tooltip .arrow::before {
	visibility: visible;
	content: '';
	transform: rotate(45deg);
}

.tooltip[data-popper-placement^='top'] .arrow {
	bottom: -5px;
}

.tooltip[data-popper-placement^='bottom'] .arrow {
	top: -5px;
}

.tooltip[data-popper-placement^='left'] .arrow {
	right: -5px;
}

.tooltip[data-popper-placement^='right'] .arrow {
	left: -5px;
}

.tooltip-content {
	max-height: 50vh;
	overflow: auto;
	position: relative;
	z-index: 1;
	scrollbar-width: thin;
	padding: 5px;
}

.tooltip-content::after {
	content: "\00a0";
	position: fixed;
	height: 7px;
	left: 0;
	bottom: 0;
	right: 9px;
	box-shadow: inset 0px -7px 7px #339;
	/* border-bottom: 1px solid #339; */
	border-radius: 7px;
}

.posting-header {
	background-color: #d4ecf7;
	border-top: 2pt solid #000099;
	/* border-bottom: 1pt solid #009;*/
}

.posting-header .last-edit {
	color: #7f0b9f;
}

.posting-header .subject {
	color: var(--color-blue);
}

/*
.posting-footer {
	border-top: 2px solid #000099;
}
*/

.posting-content {
	overflow-wrap: break-word;
}

.posting-content img {
	max-width: 100%;
}

label.search.active, .search label.active {
	color: #ff0066;
	font-weight: 500;
}

.search-result-header {
	background-color: #bbddff;
	border-top: 2px solid #000099;
	/*
	padding: 10px 7px;
	padding: .2em .1em;
	 */
}

.servant-picture {
	width: 190px;
	/*height: 268px;*/
	border-radius: 50%;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.12);
}

.servant-picture.float-left {
	float: left;
	shape-outside: ellipse();
	margin: 3px 20px 4px 0px;
}

.servant-picture.float-right {
	float: right;
	shape-outside: ellipse();
	transform: scale(-1, 1);
	margin: 3px 0px 4px 20px;
}

.servant-picture:not(.no-border) {
	border: 2.5pt solid #7f5102;
	padding: 1.5pt;
	background: var(--color-content-background);
}

@media (max-width: 570px) {
	.servant-picture {
		width: 174px;
		/*height: 245px;*/
	}
}

@media (max-width: 420px) {
	.servant-picture {
		width: 158px;
		/*height: 222px;*/

	}

	.servant-picture.float-left {
		margin: 3px 13px 4px 0px;
	}

	.servant-picture.float-right {
		margin: 3px 0px 4px 13px;
	}
}

.border-box {
	border: 2pt solid #dbc080;
	padding: 0.25em 0.5em;
	border-radius: 7px;
}

.picture {
	max-width: 100%;
	width: 500px;
	height: auto;
	display: block;
	margin: 30px auto;

	border-radius: 33px;

	border: 7px solid #85613e;
	border-right-color: #62472d;
	border-left-color: #62472d;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3), inset 0px 0px 3px rgba(0, 0, 0, 0.3);
	background: #fffdf8;
	padding: 12px;
}

.picture.round {
	border-radius: 50%;
	border-color: #765537;
	shape-outside: ellipse();
}

.picture.sm, .picture.w400 {
	width: 400px;
}

.picture.xs, .picture.w300 {
	width: 300px;
}

.picture.xxs, .picture.w200 {
	width: 200px;
}

/* ### NB FORMATS ### */

div.nbh3, span.nbh3, p.nbh3 {
	font-size: calc(var(--font-size-default) * 1.33);
	line-height: calc(var(--font-size-default) * 2);
	margin: var(--margin-nb-old-style) 0;
	text-align: center;
	font-weight: bold;
}

div.nbh4, span.nbh4, p.nbh4 {
	font-size: calc(var(--font-size-default) * 1.13);
	margin: var(--margin-nb-old-style) 0;
	text-align: center;
	font-weight: bold;
}

div.nbh4n, span.nbh4n, p.nbh4n {
	font-size: calc(var(--font-size-default) * 1.13);
	margin: var(--margin-nb-old-style) 0;
	/*	font-weight: bold; */
}

div.nbh5, span.nbh5, p.nbh5 {
	font-size: calc(var(--font-size-default) * 1.13);
	margin: var(--margin-nb-old-style) 0;
	text-align: justify;
	font-weight: bold;
}

div.nbh6, span.nbh6, p.nbh6 {
	font-size: calc(var(--font-size-default) * 1.13);
	line-height: calc(var(--font-size-default) * 2);
	margin: var(--margin-nb-old-style) 0;
	text-align: center;
	font-weight: bold;
}

div.nbh7, span.nbh7, p.nbh7 {
	font-size: calc(var(--font-size-default) * 1.13);
	margin: var(--margin-nb-old-style) 0;
	text-align: center;
}

div.nbh8, span.nbh8, p.nbh8 {
	margin: var(--margin-nb-old-style) 0;
	text-align: center;
}

div.nbh8n, span.nbh8n, p.nbh8n {
	margin: var(--margin-nb-old-style) 0;
}

div.nbh9, span.nbh9, p.nbh9 {
	font-size: calc(var(--font-size-default) * .95);
	margin: var(--margin-nb-old-style) 0;
}

.nb-holy {
	font-family: Zenda, serif;
	font-size: 3.7em;
	font-weight: normal;
	color: var(--color-blue);
	text-shadow: 1pt 1pt 2pt var(--color-gold-border), 1pt 1pt 1pt var(--color-gold);
	transform: scale(1.1, 1);
	line-height: 100%;
}

.nb-itl, .nb-iimhw, .nb-jesus, .nb-maria, .nb-amen {
	font-family: Zenda, serif;
	font-weight: normal;
	color: var(--color-gold);
	text-shadow: 1pt -1pt 2pt var(--color-gold-border), 1pt -1pt 1pt var(--color-gold);
	transform: scale(1.1, 1);
	line-height: 100%;
}

.nb-itl {
	font-size: 3.2em;
}

.nb-iimhw {
	font-size: 2.5em;
}

.nb-iimhw.fr {
	font-family: Cloister, serif;
	font-size: 2.3em;
	transform: none;
}

.nb-jesus, .nb-maria, .nb-amen {
	font-size: 3.2em;
	text-shadow: 1pt 1pt 2pt var(--color-gold-border), 1pt 1pt 1pt var(--color-gold);
}

.nb-text-area blockquote i + center, .new-bible blockquote b + center {
	margin-top: .5em;
	font-size: .95em;
}

img.nb-cross {
	max-width: 400px;
}

img.nb-cross.tiny {
	max-width: 90px;
}

img.nb-cross.small {
	max-width: 150px;
}

img.nb-cross.medium {
	max-width: 220px;
}

/* PSM */

@font-face {
	font-family: 'page-symbols';
	src: url('/font/page-symbols.woff2') format('woff2'),
	url('/font/page-symbols.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.psm {
	font-family: page-symbols;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.psm.top2 {
	position: relative;
	top: 2px;
}

.psm.outline {
	text-shadow: -1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.psm.white-rose, ul.white-rose li:before {
	color: #fff;
	text-shadow: -1px -1px 0 #888, -1px 1px 0 #888, 1px 1px 0 #888, 1px -1px 0 #888, 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.psm.red-rose, ul.red-rose li:before {
	color: #ff8787;
	text-shadow: -1px -1px 0 #b00, -1px 1px 0 #b00, 1px 1px 0 #b00, 1px -1px 0 #b00, 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.psm.yellow-rose, ul.yellow-rose li:before {
	color: #ffed85;
	text-shadow: -1px -1px 0 #971, -1px 1px 0 #971, 1px 1px 0 #971, 1px -1px 0 #971, 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.psm.pink-rose, ul.pink-rose li:before {
	color: #f787ff;
	text-shadow: -1px -1px 0 #b0a, -1px 1px 0 #b0a, 1px 1px 0 #b0a, 1px -1px 0 #b0a, 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.psm.purple-rose, ul.purple-rose li:before {
	color: #dea4ff;
	text-shadow: -1px -1px 0 #8524bb, -1px 1px 0 #8524bb, 1px 1px 0 #8524bb, 1px -1px 0 #8524bb, 2px 2px 3px rgba(0, 0, 0, 0.2);
}