/*
===============================================================================
 Project Wulfila
 ------------------------------------------------------------------------------
 
 CSS file for the digital edition pages (text browsing).
 
 Extends and overrides main.css.
 
 ------------------------------------------------------------------------------
 tdh.20040608, 20260321
===============================================================================
*/

main {
	max-width: none; /* It is in fact convenient to have text and interlinear translations on single lines. */
}

dt {
	margin-top: 1em;
	font-family: Georgia, Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding-top: 0.4em;
	color: #444;
}

dd {
	margin-bottom: 0em;
	margin-top: 0;
	padding-bottom: 0em;
	margin-left: 0;
	line-height: 120%;
}

dd.gothic {
	margin-left: 0em;
	line-height: 1.3;
}

dd.trans {
	margin-left: 0em;
	color: #444444;
	line-height: 1.3;
	font-size: 14px;
	display: none;
}
/* dd.trans:before {content: '— '; } */

/* Show Greek and English translation by default: */
dd.trans.T1,
dd.trans.T3 {
	display: block;
}

/* GREEK translations */
.grc-1, dd.trans[lang="grc"] { /* Unicode precomposed: */
	font-family: 'Palatino Linotype', serif;
}
/* (legacy)
.grc-2 { TLG Betacode: }
.grc-3 { Roman transliteration: }
*/

sup {
	font-size: x-small;
	font-family: sans-serif;
}

.unclear {
	font-style: italic;
}

.pb {
	font-family: sans-serif;
	cursor: help;
	color: gray;
}
/*
.pb::before {
	content: '▶';
	color: #ccc;
}
.pb::after {
	content: '◀';
	color: #ccc;
}
*/

a:link {
	color: maroon;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: maroon;
}
@media(hover: hover) and (pointer: fine) {
	a:link:hover,
	a:visited:hover {
		text-decoration: underline;
		color: red;
	}
}

/*
dd.gothic a {
	color: black;
}
dd.gothic a:link:hover,
dd.gothic a:visited:hover {
	text-decoration: underline;
	color: maroon;
}

dd.gothic sup a {
	color: maroon;
}
dd.gothic sup a:link:hover,
dd.gothic sup a:visited:hover {
	color: red;
}
*/

main[data-transliteration="gothic"] .unclear {
	font-style: normal;
	color: #caa;
}

/* Book navigation drop-down in menu: */
select#book {
	margin-top:-3px;
	margin-bottom:-3px;
	background-color: white;
	border: 1px solid #ABABAB;
	border-radius: 0.2em;
	height: 1.7em;
}

strong.diff a, strong.diff {
	color: #FF6D01;
	font-weight: normal;
}