/* ARABIC AND LATIN GLOSSARY WEBSITE STYLESHEET */

/* noch zu tun:
+ styling der buttons in terracotta, weisse schrift, evtl leichter gradient
+ p.ko:before: differenzieren zw. commentary zum arabischen/lateinischen, expression/lemma, etc.
+ drop-down-menu auf search an restlichen stil angleichen
*/

/* COLOURS */

/* BLACKS & WHITES */

/* black */
body,
ul.menubar > li > a:hover,
ul.submenu > li > a {	
	color: #000000;
}

/* white */
#content,
#sidebar {
	background-color: #ffffff;
}

/* BLUES */

/* background graphic */
body {
	background-color: #e1e7f2;
	background: url("../img/alx_bg_extra.svg") repeat,
		linear-gradient(
			to bottom,
			#daeaf0 15em,
			#e1e7f2 23em
			) no-repeat,
		linear-gradient(
			#e1e7f2,
			#e1e7f2
			) repeat;
}

/* pale blue */
span.navbaritem,
ul.menubar > li > a,
ul.submenu > li > a:hover,
#pagefooter {
	color: #cedaf2;	
}
ul.submenu > li,
ul.menubar > li > a:hover {
	background-color: #adb6cc;
}

#toc, span.var {
	background-color: #e1e7f2;
}

/* stout blue */
#pagehead,
p.bsp:before,
p.kolem:before,
p.kolat:before,
p.koar:before,
p.koent:before {
	color: #465680;
	border-color: #465680;
}

ul.menubar,
ul.submenu > li > a:hover,
#pagefooter {
	background-color: #465680;
}

/* TERRACOTTA */
a,
#alphlist a,
#lemlist a {
	color: #854200;
}
ul.typepad a:hover,
#varswitch a:hover,
#alphlist li:hover,
#lemlist li:hover,
.highlight,
.gloss-selector-list > li {
	background-color: #FFC09E;
	font-style: inherit;
}
/* this is important to make highlight’s background not cover a preceding line’s text. */
.highlight {
	mix-blend-mode: darken;
}