@charset "utf-8";

/* NEW VERSION FEB 2025 */

/* ############ Basic functional CSS ############## */

/* These pseudo elements insert text for when JavaScript is disabled */
span[class^="footnote"]::before {content: "(Footnote: ";}
span[class^="footnote"]::after {content: ")" }

/* This pseudo element inserts text that is hidden but is read by a screen reader */
*[id^="Footnotes"]::before{
	content: "Footnotes Section: ";
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left: -625em;
	top: auto;
}

span[class^="footnote"] {display:block;}

.hasJS span[class^="footnote"], .hasJS span[class ='fnWrapper'] {display:none;} /* prevents page load flicker if JavaScript operative */

.hideTip {display: none !important;}

.sr-only{ /* Hide visually, but will be read by a screen reader - to work for all browsers*/
	border: 0;
	clip-path: inset(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	left:-9999px;
	top:auto;
}

.fnNum::before{
	content:'\200B';
}

.fnWrapper{
	display: table;
	margin-bottom: 0.5em;
}

.tipContent{ /* very basic formatting of the footnote */
	display: table-cell;
	border:#000 solid 1px;
	padding:0.3em;
}

/* ############ Set overall line height ############## */
body{line-height: 1.35;}

/* ############ Formatting of Footnote numbers ############## */
.fnNum, .fnNumBase{
	white-space:nowrap;
	text-decoration:none;
	z-index:400;
}

.fnNum {	
	padding: 0 0.063em 0.1em 0.063em;	
	font-size: 80%;
	line-height: 1.0;
	position: relative;
	top: -0.5em;
	font-size: 80%;
}

.fnNum:hover, .fnNum:focus {
	top: -0.4em;
}

.fnNumBase {
	clear: both;
	float: left;
	font-size: 90%;
	line-height: 1.1;
	padding: 0 0.08em 0 0.08em;	
}

.fnTextBase {
	padding-left: 2.5em;
	display: block;
	font-size: 90%;
	padding-bottom: 0.312em;
}

.fnNumIn {
	position: relative;
	vertical-align: middle;
}

/* ############ Formatting of Tooltips ############## */
.tipContent{
	width: auto;
	max-width:95%;
	z-index:1080;
	position:relative;
	margin: 0 auto 0.5em auto;
	padding:0.19em 0.375em 0.23em 0.375em;
	border:#A09050 solid 0.19em;
	color:#001D47;
	background-color:#fefded;
	box-shadow: 0.5em 1em 1.25em rgba(15, 36, 27, 0.62);
	text-align:left;
	border-radius:0.35em;
}

/* ############ Formatting of SideBox ############## */
#SideBox{
	float:right;
	width:25em;
	max-width:50%;
	padding:1em .5em .75em 1em;
	margin:.3em .2em .5em .5em;
	background-color:#fffcf0;
	border:#eed677 solid .1em;
	border-radius:.6em;
	box-shadow:.25em .5em .7em rgba(15,36,27,0.45)
}

span[id$="_Side"], #FootnotesSide {font-family:Baskerville, "Palatino Linotype", "Century Schoolbook L", "Times New Roman", serif;}

.JRMToggleBtn {
	text-shadow:0 0.09em 0 #ced9bf;
	background:linear-gradient(to bottom,#f9fcf9 0%,#c1c4bf 100%);
	box-shadow: inset 0 0.07em 0.62em 0.07em #E9FEE9, 0.5em 1em 1.25em rgba(15, 36, 27, 0.62);
	border-top: 0.09em solid rgba(122, 153, 122, 0.9);
	border-right: 0.09em solid rgba(153, 190, 153, 0.9);
	border-bottom: 0.09em solid rgba(153, 190, 153, 0.9);
	border-left: 0.09em solid rgba(122, 153, 122, 0.9);
}

/* for printing */
@media print {
	.fnWrapper, .sr-only, .unhideTip, .hideTip{display:none !important;}

	.fnNum, .fnNumBase{white-space:nowrap;}

	.fnNum a, .fnNumBase a {text-decoration:none; color:#000;}

	.fnNum::before{content:'\200B';}

	.JRMToggleBtn{display:none !important;}
}