/*

///|||\\\///|||\\\ HAOLUSA.ORG | HOLOCAUSTINLATVIA.ORG ///|||\\\///|||\\\


date			ver	description
----------	----	-----------------------------------------------------------------------------------------------------
2019-10-30	v1		Clean up, purge old, insure common styles_YYYY-MM-DD.css file has current "figure" styles

*/

/* sidebar book title font */

@font-face {
    font-family: Rift;
    src: url(Rift-Bold.otf);
}
.rift { font-family: Rift; }
.rift-sidebar { font-family: Rift;
	padding: 6px 15px;
	color: #fff;
	font-size: 30pt;
	line-height: 30pt;
}
@font-face {
    font-family: Merriweather;
    src: url(../local/Merriweather-Regular.ttf);
	 font-weight: normal;
	 font-style: normal;
}
@font-face {
    font-family: Merriweather;
    src: url(../local/Merriweather-Italic.ttf);
	 font-weight: normal;
	 font-style: italic;
}
@font-face {
    font-family: Merriweather;
    src: url(../local/Merriweather-Bold.ttf);
	 font-weight: bold;
	 font-style: normal;
}
@font-face {
    font-family: Merriweather;
    src: url(../local/Merriweather-BoldItalic.ttf);
	 font-weight: bold;
	 font-style: italic;
}

body{
	font-family: 'Merriweather', serif;
	font-size: 16.5px;
	color:#111;
	background-image: url("../graphics/stones.jpg");
	background-color:#efefef;
	background-attachment: fixed;
}

* { box-sizing: border-box; }

div.content {
	padding: 12px 15px 15px 15px;
	margin-bottom: 0;
	background: #fff;
}
div.content .pagenav, div.content .mCM_btn, #toggle, .lastupdated { /* reset */
	font-size: 15px;
}
div.content .mCM_btn, .lastupdated { 	font-family: sans-serif; }
div.content, div.header.our, #topmenu  {
	background: #fff;
}
.lastupdated { display: block; float: right; }

div.haolusa {
	background: #ddd;
	color: #888;
	font-size: 14px;
	font-family: sans-serif;
	text-align: right;
	padding: 3px 15px 7px 15px;
	width: 800px;
	max-width: 100%;
	margin: 0 auto 10px auto;
	border-top: 1px solid #aaa;
}
@media ( min-width: 770px ) {
	div.content, div.haolusa { padding-left: 30px; padding-right: 30px; }
}
.content p, .content p.indent { text-indent: 1em; }
.content p.noindent, .content .noindent p, .content p.i0, .content .i0 p { text-indent: 0px !important; }
.content ul { list-style: square; }
.content a.mCM_SITE_link:not(.mCM_btn) { color: #976d1d; border-bottom: 1px dotted; text-decoration: none; font-weight: bold;}
.content a.mCM_SITE_link:not(.mCM_btn):hover { border-bottom: 2px solid;  }
.content a.mCM_WIK_link { color: #00a000; border-bottom: 1px dotted; text-decoration: none;font-weight: bold;}
.content a.mCM_WIK_link:hover { border-bottom: 2px solid; font-weight: bold; }
.content a.mCM_EXT_link { color: #0000a0; border-bottom: 1px dotted; text-decoration: none;font-weight: bold; }
.content a.mCM_EXT_link:hover { border-bottom: 2px solid; font-weight: bold; }

a.mCM_WIK_link, a.mCM_EXT_link {
	padding-right: 15px;
	background: url( ../graphics/ext-link.gif );
	background-position: right;
	background-repeat: no-repeat;
}
.pure-menu-link { padding: 9px 12px !important; }

#topmenu, #menu { font-family: sans-serif; font-size: 16px; }
#topmenu wbr, #menu wbr { display: none; }
#topmenu .mCM_active, #menu .mCM_active { background: #f7edcd /*#f2d996*/; }
#topmenu .mCM_parked, #menu .mCM_parked { background: #f7edcd /*#f2d996*/; }

.mCM_list a, .mCM_list a:visited { text-decoration: none; border-bottom: 1px dotted; color: #008080; }
.mCM_list a:hover { border-bottom: 2px solid; }

#topmenu {
    position: fixed;
	 box-sizing: border-box;
    top:0;
    height: auto;
    width: 100%;
	 background: #ffffff;
    z-index: 1000;
	 text-align: left;
	 padding: 0 10px 0 45px;
}
#topmenu ul li ul { box-shadow: 5px 5px 10px #666;}

div.header {
	margin: 0 auto;
	padding-top: 0;
}
div.header h1 {
	padding: 2px auto 3px auto;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}
.content h2, .abstract h1 {
	margin: 0 auto;
	font-size: 20px;
	color: #976d1d;
	line-height: 140%;
}

.gsc-control-cse {
	padding-top: 3px !important;
	padding-bottom: 0 !important;
	border: none !important;
}
.gsc-adBlock {
	display: none !important;
}

div.content p, ul, ol  {
	margin-top: 8px;
	margin-bottom: 8px;
}
div.content p:first-of-type  {
	text-indent: 0;
}
.icap.top {
	display: block;
	float:left;
	font-size: 40px;
	color: #800000;
	font-weight: bold;
	margin: 10px 5px 5px 0;
}
p.icap { text-indent: 0;}
p.icap:first-letter { display: block; float: left;
	font-size: 40px;
	color: #800000;
	font-weight: bold;
	margin: 10px 5px 5px 0;
}

table.mCM_WIK_fn {
	font-size: 15px; /* full size content is 17 */
	line-height: 1.6;
}
table.mCM_WIK_fn td {
	padding-bottom: 4px;
}
div.sitetrailer {
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	color: #666666;
	padding-bottom: 10px;
	line-height: 130%;
}
.sitetrailer a {
	border: 1px #666666 dotted;
	color: #666666;
	text-decoration: none;
	padding: 0 6px 1px 6px;
}
.sitetrailer a:hover {
	background-color: #444444;
}
.lcap { background-color: #976d1d; display: block; float: left; color: #ffffff; font-weight: bold; padding: 2px 11px; margin: 5px 12px 0 0; font-size: 13pt; }

.abstract { border: 1px #808080 solid; padding: 8px 10px; }

#menu .pure-menu ul:first-child { border-top: none !important; }
a.mCM_WIK_fn {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	line-height: 0;
	margin: 0 3px;
	text-decoration: none;
	font-size: 15px; /* slightly smaller */
	text-indent: 0;
}
#menu .pure-menu-link{ background: #ffffff; color: #000000; }
#menu .pure-menu li a:hover, #menu .pure-menu li a:focus { background: #eeeeee; }
#cookie-msg { z-index:1000; } 

a.mCM_WIK_fn:before { content: "["; }
a.mCM_WIK_fn:after { content: "]"; }
td.mCM_WIK_fnnum { padding-right: 12px; max-width: 70px; }
.abstract { overflow: auto; }
div.figure { line-height: 160%; }
/*
.pagenav .mCM_list .mCM_active_li {
}
*/
.pagenav .mCM_active_li .mCM_active {
	font-weight: bold;
	border-bottom: 2px solid;
	color: #008080;
}
.pagenav { border-top: 1px solid; margin-top: 16px; padding-top: 8px; }
hr.mCM_WIK_fnsep { width: 33%; }

.pure-menu-has-children > .pure-menu-link:after {
    padding-left: .25em;
    content: "▼" !important;
    font-size: normal !important;
}
.pagenav { clear: both; }
.inline .pagenav  { margin: 10px 0; border: none; }
/*
.gsc-adBlock, #adBlock { display: none !important; }
.gsc-wrapper div:first-child { display: none !important; }
*/
	#topBtn { display: none; }
	#cookie-msg > .msg > div { padding-bottom: 10px; }
@media print {
	.noprint { display: none; }
	#topmenu { display: none; }
	.gsc-control-cse { display: none; }
	#menu { display: none; }
	#menuLink { display: none; }
	body { background-image: none; background: #fff; }
	.content { max-width: 100%; }
	#main { left: 0; margin-left: 0; }
	#layout { padding-left: 0; margin:0 auto; max-width: 468pt; font-size: 90% !important;}
	#toggle { display: none; }
	TABLE.mCM_WIK_fn { display: table !important; }
	.pagenav { display: none; }
	div.haolusa { margin: 10px 0 0 0; padding: 4px; border-top: 2px #ccc solid; background: #aaa; color: #000; }
	#cookie-msg { display: none; }
}
#menuLink {
    z-index: 10000;
	 width: 21px;
	 box-sizing: content-box;
}
blockquote{
	margin-left: 1em;
	padding: 12px 16px;
	border-radius: 8px;
	background: #e7e2d5;
	margin-right: 0;
}
h2 small { letter-spacing: 1px; }
li blockquote { margin-left: 0; }
a.mCM_btn:hover { color: #333; }

/* @media (min-width: 48em) { .mCM_TOC { display: none; } } <-- pages are long, always do toc if requested */
wbr { display: none; }
.mCM_TOC { margin: 5px 0; padding: 12px 8px; background: #e7e2d5; border-radius: 8px; line-height: 130%; }
.mCM_TOC_H2 { padding-bottom: 2px; display: list-item; list-style-type: square; margin-left: 30px; color: #000; font-style: normal;}
.mCM_TOC_H3 { padding-bottom: 2px;  display: list-item; list-style-type: square; margin-left: 60px; color: #000; font-style:normal; font-weight: normal; list-style-type: circle; }
.mCM_TOC a { border-bottom: 1px transparent; }
.mCM_TOC_H2:hover, .mCM_TOC_H3:hover { padding-bottom: 0; border-bottom: 2px dotted #666; }
.mCM_TOC_only { display: none; }
.mCM_TOC .mCM_TOC_only { display: inline; font-weight: normal; font-size: 80%; text-transform: uppercase; }


summary { display: list-item; }
.mCM_error { color: red; font-weight: bold; }
.sitetrailer { font-size: 90%; }
.sitetrailer a:hover { color: #fff; }

.pagenav > ul { margin-top: 0; }
.sub { display: block; border-top: 1px solid; font-weight: normal; font-size: 85%; }
.IMGBORDER img, .BORDER img  { border: 1px #888 solid; }
.pagetrailer, .sitetrailer { 	font-size: 14px; font-family: sans-serif; }