@charset "utf-8";
/* © 2001–2025 Richard W. Adams */

:root {
	--ColumnGap				: normal;
	--LongTextColumnGap	: .3em;
	--ColumnRule			: 2px solid gray;
	--HorizontalDivider	: 2px solid black;

/* Break points for various device types */
	--max-phone-width					:  620px;
	--min-portrait-tablet-width	:  620px;
	--min-landscape-tablet-width	:  768px;
	--min-laptop-width				:  992px;
	--min-desktop-width				: 1200px;
}
/*
Government-recommended style to make an HTML element visible to screen readers only.
For details, see  https://accessibility.18f.gov/hidden-content
*/
.screen-reader-only {
	border: 0; 
	clip: rect(0,0,0,0); 
	height: 1px; 
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.hanging-indent {
	padding-left: 1em;
	text-indent: -1em;
}
lyrics-text, #lyrics-list .menu, #biography {
	hyphens: auto;
}
/* 
Un-comment next line if site not currently being maintained (i.e., no one is answering visitor
questions or requests, correcting errors, adding features & content, etc.)

.hide-if-site-not-maintained, #help-needed, #help-request { display: none !important }
*/
a img {
	border		: none !important;
	border-radius	: 0 !important;
	vertical-align	: middle;
	padding		: 0;
}
.article-title:before, .hymn-title:before, cite.article::before, .story-title:before, .broadcast:before, .short-story:before { content: open-quote; }
.article-title:after, .hymn-title:after, cite.article::after,q ::after, .story-title:after, .broadcast:after, .short-story:after { content: close-quote; }
.article-title { font-style: normal }
blockquote {
	font-family: sans-serif;
	font-size: 90%;
	padding: 1em .3em;
	text-align: justify;
}
/**
'mc' = 'multicolumn'
This style is deprecated because it’s confusing & hard to maintain.
Migrate blockquote styles ASAP to same mechanism used for lyrics.
**/
blockquote.mc {
	column-rule: var(--ColumnRule);
	column-gap : var(--LongTextColumnGap);
}
@media screen and (min-width:  600px) {blockquote.mc		{ column-count: 2; }}
@media screen and (min-width:  820px) {blockquote.mc		{ column-count: 3; }}
@media screen and (min-width: 1210px) {blockquote.mc:not(.ll)	{ column-count: 4; }}
@media screen and (min-width: 1350px) {blockquote.mc:not(.ll)	{ column-count: 5; }}

blockquote > blockquote p { text-align:justify !important }
blockquote > hr {
	margin-left: 1em;
	margin-right: 1em;
}
blockquote blockquote {
	font-size: 100% !important;	/* Else deeply nested blockquotes are too small to read */
	margin-left: 1em;
	margin-right: 0em;
	margin-bottom: 1.5ex;
	padding: 0;
}
blockquote.verbose {
	background-color: #eeeeee;
	border: 8px ridge silver;
	border-radius: 1em;
}
body {
	background-color: white;
	background-attachment: fixed;
	font-family: serif;
	padding: .5em;
}
body > p { text-align: justify; }
.book,.magazine,.periodical,.pub,.play,.ship,.web-site { font-style: italic !important; }
.brick { color: maroon; }
.button-text, h1, h2, h3, .option {
	font-family: sans-serif;
	font-variant: small-caps;
	font-weight: bolder;
}
.cc-license, .cen { text-align: center; }
.cc-license a, .copyright a {  font-size: 100% !important; }
.cc-license, .copyright  {
	color: #800000;
	font-family: sans-serif !important;
	font-size: 75% !important;
	font-weight: bold;
}
cite span.map { font-style: italic !important; }
.copyright.expired { display: none; }
.credit {
	font-family: sans-serif;
	font-size: 65%;
	text-align: right;
}
.deity-name {
	font-family: sans-serif !important;
	font-style: normal !important;
	font-variant: small-caps !important;
	font-weight: bolder !important;
}
.email-address {
	color: maroon;
	font-family: "Courier New", Courier, monospace;
}
#help-needed, #help-request { color: maroon; } 

#help-needed, #help-needed, #help-request, #help-request a {
	font-variant: small-caps !important;
	font-weight: bolder !important;
	font-family: sans-serif !important;
}
div.credit {
	text-align: center;
	width: 100%;
}
em { font-style: italic; }
figcaption {
	font-size	: 60%		;
	font-family	: sans-serif	; 
	font-weight	: bold		;
	margin-top	: 1ex		;
	text-align	: center	;
}
img[src$="80x15.png"] {
	width: 80px;
	height: 15px;
}
.flame { color: red; }
.font-sizer:hover {
	color: gray;
	cursor: pointer;
}
#font-resizer {
	position: fixed;
	top: 1px;
	left: 1px;
	display: flex;
}
.font-resizer-button {
	background-color: #dddddd;
	border: 2px solid black;
	border-radius: .5em;
	font-size: 125%;
	font-weight: bolder;
	justify-content: center;
	margin: 0mm;
	padding: .5mm 1mm;
}
.font-resizer-button { margin-right: 3mm; }
#font-size-decrease-button-id:hover { cursor: zoom-out; }
#font-size-increase-button-id:hover { cursor: zoom-in ; }
.hidden { display:none; }
img[alt=cc-license] { margin: 5px auto; }
img[alt=button] { margin-top: 1ex; }
figure { margin: 0em; }
figure img {
	display: table;
	margin: auto auto;
}
.film, .ship { font-style: italic; }
#font-sizer {
	color: black;
	background-color: white;
	border: 4px gray outset;
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: normal;
	position: fixed;
	bottom: 0;
	left: 0;
}
footer,.footer,footer * {
	font-family: sans-serif;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
}
.footnote {
	margin-left: 0px;
	vertical-align: super;
}
.framedPortrait {
	border-style: ridge;
	border-width: 15px;
}
.go-public:before { content: "Please tell us when this page is rea­dy to go public." }
h1 { margin: 0; }
h1, h2 {
	padding: 0;
	text-align: center;
}
h2 {
	margin-top: 0;
	margin-bottom: 1em;
}
image.trailing, table.trailing {
	float: right;
	border:1px black solid;
}
/* Creative Commons license buttons */
img[src$="88x31.png"] {	
	border-width: 0; 
	width: 88px;
	height: 31px;
}
img[src$="80x15.png"] {	
	border-width: 0; 
	width: 80px;
	height: 15px;
}
.indented {
	padding-left: .7em;
	text-indent: -.7em;
}
span[lang], q[lang] { font-style: italic; }
span[lang="en-gb"]:not([class="pub"]), q[lang=en-gb], p.translations a[lang], .map, .place-name { font-style:normal !important; }

:lang(el)	{ font-family: Gentium, "Galatia SIL"; }
[lang|=en]	{ quotes: '“' '”' '‘' '’' '“' '”'}  
:lang(grc)	{ font-family: Gentium, "Galatia SIL"; font-style: normal !important; }
:lang(lo)	{ font-family: "Saysettha OT";}
:lang(mal)	{ font-family: AnjaliOldLipi; }
:lang(en)	{ direction: ltr; }
:lang(ar), :lang(fa), :lang(he), :lang(ur) { direction: rtl; }

.lead { font-style: italic; }
li::marker { font-style:normal; }
.maintable {
	border-width: 1em;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
}
p.under-construction {
	color: red;
	font-family: sans-serif !important;
	font-size: 200%;
	font-weight: bolder;
	font-variant: small-caps !important;
	text-align: center;
}
thead.sticky {
	position: sticky;
	top: 0;
}
/* ================================================================== */
marquee {
	display: block;
	font-family: sans-serif;
	font-size: 85%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1ex;
	margin-bottom: 1.5ex;
	width: 90%;
}
.play-title {
	font-style: italic;
}
/* ================================================================== */
/* Prevent font size change when switching mobile screen orientation (experimental)*/
body {				
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
}
.music, .opera, .operetta, ol #music a, #music-list ol.menu a, .alt-tune li > span:first-child, #alt-tune li > span:first-child {
	font-family: sans-serif !important;
	font-style: normal !important;
	font-variant: small-caps !important;
}
blockquote .music { font-size: 100% !important; }
nav {
	margin-bottom	: 16px;
	margin-top	 	: 0px;
	text-align	 	: center;
}
.notice {
	background-color: yellow;
	border	: 1px solid black;
	color		: black;
	display	: table;
	font-family	: sans-serif;
	font-variant	: small-caps;
	margin	: 1ex auto;
	padding	: 1em;
}
#page-copyright   { text-align: center; }
#page-timestamp { text-align: right  ; }
.pdf-icon {
	border-style	     : none  ;
	margin-bottom : 0px     ;
	text-align	     : center ;
}
/* ============================================================= */
@media screen and (max-width: 800px)  { 	/* Narrow screens */
	div.preface-text p { text-align: left; }
	* {  font-size: 16px }
	figcaption *, p.copyright * { font-size: 10px !important}
	h1,h2,h3,h4 { font-weight: bolder}
	h1 { font-size: x-large } 
	h2 { font-size: large }
	h3 { font-size: medium }
	.menu li { display: list-item; }
	.menu li:not(:last-child) { margin-bottom: 2ex; }  /* Put enough room between links on small screens */
	nav a:not(:last-child) { margin-right: 2em }
}
@media screen and (min-width: 800px)  {  						/* Wide screens */
	* {  font-weight: bold; } 
	.menu li:not(:last-child) { margin-bottom: .75ex; }  /* Need more room even on tablets */
}
@media screen and (min-width: 1024px) {
	div.story, #site-description {
		column-count: 2;
		column-gap: 2em;
		column-rule: 2px solid gray;
		font-size: 18px;
	}
}
@media screen and (min-width: 1300px) {
	div.story, #site-description {
		column-count: 3;
		column-gap: 2em;
		column-rule: var(--ColumnRule);
	}
}
@media screen and (min-width: 1500px) {
	div.story, #site-description  {
		column-count: 4;
		column-gap: 2em;
		column-rule: 2px solid gray;
	}
}
table.tablet {
	border-style: ridge;
	border-width: 10pt;
	border-color: #eeeeee;
	background-color: #FFFFEE;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}
table.tablet * {
	border-width: 0pt;
	font-family: sans-serif;
	font-size: 95%;
}
table.tablet td {
	border: 1px solid #008000;
	padding: 1em;
	text-align: center;
 }
td p {
	text-align: justify;
	padding-left: 1em;
	padding-right: 1em;
}
td ul {
	margin-left: .75em;
	padding-right: 1em;
}
td p, div p, td ul, td ol {
	text-align: justify;
}
.trademark {
	font-size: 80%;
	margin-left: 0px;
	vertical-align: super;
}
#verbose-toggler {
 	font-size: 150%;
 	right: 0;
 	position: fixed;
 	top: 0;
}
#verbose-toggler:hover { cursor: pointer; }
/* ======================================================== */
@media screen {

a[target=_blank]:link { color: teal; }
a[target=_blank]:visited { color: olive; }
a[href|=http]:link { color: orange; }
a[href|=http]:visited { color: maroon; }
a:visited { color: purple; }
a:hover, span.map:hover {
	background-color: yellow;
	cursor: pointer;
}
#byline { display: none; }
.carousel img { border: 8px ridge silver; border-radius: 20px; }
.carousel figure:not(:last-child) { padding-right: 2em; }
.carousel figure { margin-bottom: 3ex; }
div.carousel {
	align-items: center	;
	display: flex		;
	margin: auto		;
	overflow: auto	;
	margin-top: 2ex	;
}
.font-sizer:hover, a img:hover { background-color: transparent !important; }
.imageCaption { display: none; }

span.map { border-bottom: 1px dotted; }
.story-title { font-style: normal }
#wanted {
	color: red;
	font-weight: bold;
}

}
/* ======================================================== */
@media print {

* { 	color: black; }
a {
	border: none !important;
	text-decoration: none;
}
.autoplay, .credit, #font-sizer, .illustration, .musicLinks, nav, .notice, #translation-links, .wanted
	{ display: none; }
blockquote, p, table { page-break-inside: avoid; }
body { background-image: none !important; }
#byline p {
	color: white;
	background-color: black;
	font-family: sans-serif;
	font-size: 90%;
	font-variant: small-caps;
	margin: 1em;
	text-align: center;
}
footer {
	font-family	: sans-serif	;
	font-size	: 70%		;
}
.imageCaption {
	font-family: sans-serif;
	font-size: 9pt;
	text-align: center;
}
table.image td.credit {
	font-family: sans-serif;
	font-size: 65%;
	text-align: center;
}
#verbose-toggler { 	display: none; }
}