@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-top: 0.5em;
}

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


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

.fnNum {	
	padding: 0 0.063em 0.1em 0.063em;	
	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%;
}

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

/* ############ Formatting of Tooltips ############## */
.tipContent{
	width: auto;
	max-width:35%;
	z-index:1080;
	position:relative;
}

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 dotted rgba(122, 153, 122, 0.9);
	border-right: 0.09em dotted rgba(153, 190, 153, 0.9);
	border-bottom: 0.09em dotted rgba(153, 190, 153, 0.9);
	border-left: 0.09em dotted rgba(122, 153, 122, 0.9);
}