@import "navbar.css";
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* 
@font-face {
	font-family: 'Noto Serif';
	src: url('fonts/NotoSerif-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Noto Serif';
    src: url('fonts/NotoSerif-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Noto Serif';
    src: url('fonts/NotoSerif-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Serif';
    src: url('fonts/NotoSerif-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}
@font-face {
	font-family: 'Noto Sans';
	src: url('fonts/NotoSans-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/NotoSans-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;
}
 */

table.jewels,td.jewels-ob { vertical-align: top; }
td.jewels-ob,td.nowrap,td.pad,td.smallpad { white-space: nowrap; }
.new,dt.bold,p.divider,p.large { font-weight: 700; }

body
{
	margin: 2em 5em;
	padding: 0;
	font-family: "Noto Serif",Georgia,serif;
	font-size: 1em;
	color: #333;
	background-color: #E6E6E6;
}

h1,h2,h3,h4,h5,p.divider
{
	color: navy;
	text-align: center;
	font-family: "Noto Sans",Verdana,sans-serif;
}

a { text-decoration: none; }

#content
{
	max-width: 45em;
	margin: 1em auto;
	border: 1px solid navy;
	background: #FFF;
	padding: 1em 6em;
}

.footnote-back { margin-left: 0.5rem; }
.footnote-ref { font-size: 0.8rem; }
.imgcenter,.scale-image { display: block; }

body form input.st-search-input
{
	color: green;
	font-weight: 700;
	font-style: default;
	font-variant: small-caps;
}

.top { padding-top: 1.5em; }

.flex-container
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
}

.flex-container > div
{
	margin: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	text-align: center;
	font-size: 0.8rem;
}

.flex-box
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.flex-box > div
{
	background-color: #f1f1f1;
	width: 20rem;
	margin: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	text-align: left;
	font-size: 0.8rem;
}

.flex-center
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.flex-center > div
{
	background-color: #fff;
	width: 10rem;
	margin: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	text-align: left;
	font-size: 0.8rem;
}

.flex-poetry
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.flex-poetry > div
{
	margin: 1rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	text-align: left;
}


.flex-lodges
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: top;
}

.flex-three
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.flex-three > div
{
	width: 10rem;
	margin: 1rem;
	text-align: center;
	font-size: 1rem;
}

.flex-arrow
{
	flex-basis: 0;
	flex-grow: 0;
}

.flex-arrow a
{
	font-size: 2.5em;
	text-decoration: none;
	color: navy;
}

.flex-arrow a:hover { color: silver; }
#title { font-size: 1.6rem; }

.columns
{
	-webkit-columns: 100px 2;
	/* Chrome, Safari, Opera */
	-moz-columns: 100px 2;
	/* Firefox */
	columns: 100px 2;
}

p.large
{
	font-size: 1.5em;
	text-align: center;
}

p.divider
{
	margin-top: 2.5em;
	margin-bottom: 2em;
}

hr.short
{
    width: 60%;
    margin-top: 2em;
    margin-bottom: 2em;
    color: silver;
    height: 1px;
}

.poetry
{
	margin-right: 3em;
	margin-left: 6em;
	line-height: 1.45em;
}

.quote
{
	margin-right: 2.5em;
	margin-left: 2.5em;
	line-height: 1.45em;
}

.review
{
	margin-right: 2em;
	margin-left: 2em;
	font-weight: normal;
	font-style: normal;
	color: navy;
}

p.rubric
{
	margin-right: 1em;
	margin-left: 1em;
	font-weight: normal;
	font-style: italic;
	color: red;
}

span.rubric
{
	margin-right: 0.4em;
	margin-left: 0.4em;
	font-weight: normal;
	font-style: italic;
	color: red;
}

.subtitle
{
	text-align: center;
	color: navy;
}

.changed
{
	font-style: italic;
	color: maroon;
}

#copyright
{
	color: #000099;
	text-align: center;
	font: 0.8em "Noto Sans", Verdana, sans-serif;
}

.small { font-size: .9em; }

span.small
{
	font-variant: small-caps;
	font-size: 1em;
}

span.smallcaps
{
	font-variant: small-caps;
	font-size: 1.1em;
	color: maroon;
}

.new
{
	font-size: 0.75em;
	font-family: "Noto Sans", Verdana, sans-serif;
	color: #ff2f92;
	margin-left: 1em;
}

.imgcenter,.scale-image,table,table.jewels
{
	margin-right: auto;
	margin-left: auto;
}

.textcenter { text-align: center; }
.textright { text-align: right; }
td.date,td.number,td.quote { text-align: right; }

.journal a:hover
{
	color: #999;
	border-top: 1px solid #009;
	border-bottom: 1px solid #009;
	background-color: #fff;
}

.hang
{
	padding-left: 3em;
	text-indent: -3em;
}

.hang-lodge
{
	padding-left: 2em;
	text-indent: -2em;
}

.FloatRight { float: right; }
.FloatLeft { float: left; }
.imageright { float: right; }
.image-wrapper { position: relative; }

img
{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.scale-image
{
	width: auto;
	max-width: 100%;
}

td.noborder
{
	padding-right: 1em;
	padding-left: 1em;
	border: none;
}

td.pad
{
	padding-right: 2em;
	padding-left: 2em;
	width: 33%;
}

td.smallpad
{
	padding-right: 1em;
	padding-left: 1em;
}

td.date { padding-right: 2em; }

td.number
{
	padding-right: 1em;
	padding-left: 1em;
}

td.numbers
{
	padding-right: 1em;
	padding-left: 2em;
	text-align: right;
}

td.sum
{
	padding-right: 1em;
	padding-left: 2em;
	text-align: right;
}

td.quote { padding-left: 2em; }

td.index
{
	padding-right: .5em;
	padding-left: .5em;
}

td.jewels,td.jewels-ob,td.text
{
	padding-right: 1em;
	padding-left: 1em;
}

table.jewels { width: 90%; }

td.text
{
	padding-bottom: 1em;
	text-align: left;
	vertical-align: text-top;
}

.caption,.disclaim,td.grid,th { text-align: center; }

.caption
{
	color: navy;
	font-size: small;
	margin-right: 10em;
	margin-left: 10em;
}

td.grid { width: 1.1em; }
.blue { color: #009; }
.maroon { color: maroon; }
.lightblue { color: #3D07FF; }
.red { color: red; }
.crimson { color: crimson; }
.green { color: #4e8f00; }
.purple { color: purple; }
.disclaim { color: maroon; }
ul.a { list-style-type: circle; }
ul.b { list-style-type: disc; }
ul.c { list-style-type: square; }
ol.d { list-style-type: armenian; }
ol.e { list-style-type: cjk-ideographic; }
ol.f { list-style-type: decimal; }
ol.g { list-style-type: decimal-leading-zero; }
ol.h { list-style-type: georgian; }
ol.i { list-style-type: hebrew; }
ol.j { list-style-type: hiragana; }
ol.k { list-style-type: hiragana-iroha; }
ol.l { list-style-type: katakana; }
ol.m { list-style-type: katakana-iroha; }
ol.n { list-style-type: lower-alpha; }
ol.o { list-style-type: lower-greek; }
ol.p { list-style-type: lower-latin; }
ol.q { list-style-type: lower-roman; }
ol.r { list-style-type: upper-alpha; }
ol.s { list-style-type: upper-latin; }
ol.t { list-style-type: upper-roman; }
ol.u { list-style-type: none; }
ol.v { list-style-type: inherit; }
ol p,ul p { margin-bottom: 0; }

ol#footnotes
{
	font-size: 1em;
	margin-left: 0;
}

.footnote-back { margin-left: 0.5em; }
ol p, ul p { margin-bottom: 0px; }

li
{
	margin-bottom: 0.75em;
	margin-top: 0.75em;
}

@keyframes highfade {
	0% {
		background-color: none;
}

20% {
	background-color: yellow;
}

100% {
	background-color: none;
}

}
@-webkit-keyframes highfade {
	0% {
		background-color: none;
}

20% {
	background-color: yellow;
}

100% {
	background-color: none;
}

}

a:target, ol#footnotes li:target, sup a:target
a:target, ol#footnotes2 li:target, sup a:target
a:target, ol#footnotes3 li:target, sup a:target
{
	animation-name: highfade;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: highfade;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
}

a:target
{
	border: 0;
	outline: 0;
}