@font-face {
	font-family: GentiumPlusW;
	src: url(../fonts/Gentium-Regular-Py.woff2);
	font-display: swap;
}

@font-face {
	font-family: GentiumPlusW;
	font-style: italic;
	src: url(../fonts/Gentium-Italic-Py.woff2);
	font-display: swap;
}

@font-face {
	font-family: GentiumPlusW;
	font-weight: bold;
	src: url(../fonts/Gentium-Bold-Py.woff2);
	font-display: swap;
}

@font-face {
	font-family: GentiumPlusW;
	font-style: italic;
	font-weight: bold;
	src: url(../fonts/Gentium-BoldItalic-Py.woff2);
	font-display: swap;
}

body {
	font-size: 1.236em;
	line-height: 1.618em;
	font-family: GentiumPlusW, Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*margin: 1em;*/
	margin: 1.618em auto;
	color: #444;
	/*background-color: #E8E8E8;
	background-color: #FCF8E8;*/
	background-color: hsl(48, 77%, 95%);
}

a:link {
	color: blue;
	}
a:visited {
	/*color: #55198b;*/
	color: hsl(270, 100%, 50%);
	}
a:hover {
	color: #ABA000;
	}
a:active {
	color: #009900;
	}

a {
	text-decoration: none
}

h1 {
	line-height: 1.4em;
	margin-left: 1.618em;
	text-indent: -1.618em;
}

h2, h3, h4 {
	line-height: 1.618em;
	margin-left: 1.618em;
	text-indent: -1.618em;
}

table {
	margin-bottom: 1em;
}

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

header, footer, nav {
	margin-left: auto;
	margin-right: auto;
	width: 30em;
	text-align: center;
}

.plusinfo, .plusinfotransl {
	/*background-color: #f3eecf;*/
	background-color: hsl(52, 55%, 87%);
}

/* mother tongue */
.mt {
	/*color: #9290ee;
	color: #9088ee;*/
	/* color: hsl(242, 100%, 78%); */
	color: hsl(242, 100%, 72%);
	/*margin-right: .382em;*/
}

/* literal */
.lit {
	color: hsl(242, 100%, 84%);
}

.trad, #hideAll {
	color: hsl(0, 0%, 61.8%);
}

.ctr {
	text-align: center;
}

.nw {
	white-space: nowrap
}

.chend {
	margin-bottom: 2.618em;
}

.box {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.618em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow:         0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.box h3 {
	margin-top: 1em !important;
}

.plusbox {
	padding-top: 1.382em
}

.onelinebox {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.236em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow:         0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.nextbox {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.618em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:		0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow: 				0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.nextonelinebox {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.236em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow:         0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.secondbox {
	/*border-style: solid;
	border-width: 1px;*/
	padding-left: 1.618em;
	padding-right: 1.618em;
	padding-bottom: 0.618em;
	margin-top: 1.618em;
	margin-bottom: 1.618em;
	padding-top: 0.001em; /* compensates for box-shadow */
	-webkit-box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.382); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0 3px 6px hsla(0, 0%, 0%, 0.382); /* Firefox 3.5 - 3.6 */
	box-shadow:         0 3px 6px hsla(0, 0%, 0%, 0.382); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	border-radius: 2px;
}

.caption {
	font-weight: bold;
}

.blurb {
	font-size: 1.236em;
}

.page-indic {
	font-weight: bold;
	margin-top: 1.618em;
}

.rtspace {
	margin-right: 1em
}

.hanging {
	margin-left: 1.618em;
	text-indent: -1.618em;
}

.nextrev {
	margin-top: -1em;
}

.chscr {
	margin-top: 3.236em;
}

.notproofread {
	background-color: hsl(46, 30%, 86%);
}

.nonplussed {
	background-color: hsl(50, 85%, 88%);
}

/* The animation code */
@keyframes pulse {
	0%    {opacity: 1;}
	61.8% {opacity: 0;}
	100%  {opacity: 1;}
}

/* The class to apply the animation to */
.pulsing {
	animation-name: pulse;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
}

/* showing/hiding */
.toshow, .tohide {
	display: none;
	color: blue;
}

.vDisplayNone {
	display: none
}

.vDisplayInline {
	display: inline
}

.fade-enter-active, .fade-leave-active {
	transition: opacity .5s
}

.fade-enter, .fade-leave-to {
	opacity: 0
}

#revealLevelSelect {
	font-weight: bold;
	color: hsl(0, 0%, 100%);
	background-color: hsl(90, 100%, 30%)
}

#engtitle {
	margin-bottom: -1.618em;
}

#updated {
	font-style: italic;
	margin-bottom: 2.1em;
}

#related {
	list-style-type: none;
}

#related li {
	margin-bottom: 1em;
}

#intro h3 {
	margin-top: 1.618em;
}

#main, #ref {
	margin-bottom: 2.618em;
	margin-left: auto;
	margin-right: auto;
	width: 30em;
}

#main h3 {
	margin-top: 1.618em;
}

/*#ref h2 {
	text-align: center;
}*/

#ref h3 {
	margin-top: 2em;
}

#pubinfo {
	margin-top: 2.618em;
}

@media print {
	body {
		font-size: 1.236em;
	}

	.mt {
		/*color: #9290ee;
		color: #9088ee;*/
		color: hsl(242, 100%, 78%);
		/*margin-right: .382em;*/
	}

	.trad, #hideAll {
		color: hsl(0, 0%, 61.8%);
	}

}

