@charset "utf-8";

@media all {
	.fn_grid {
		display: inline-grid;
		grid-gap: 0.25em 0.75em;
		grid-template-columns: [sect] 4em [sub1] 0.75em [sub2] 0.75em [sub3] auto [text-end];
		grid-template-rows: auto;
		place-items: start;
	}
}

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

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

	.hide {
		display: none;
		overflow: hidden;
		width: 0;
		height: 0.006em;
		line-height: 0.006em;
		opacity: 0;
	}

	.hideTip {
		display: none;
		position: relative;
	}

	.showTip {
		display: table-cell !important;
		position: relative;
	}

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

	.fnNum { /* make the pointer act as a link cursor over the brackets as well as the footnote reference number */
		cursor: pointer;
	}
	.fnNum, .fnNumBase{
		/* background-color: #FFE680; */
		background-color: papayawhip;
		white-space: nowrap;
		z-index: 400;
		font-size: 0.8em;
	}
	.fnNum a, .fnNumBase a {
		text-decoration: none;
	}
	.fnNumBase {
		clear: both;
		float: left;
		font-size: 0.9em;
		padding: 0 0.08em 0.1em 0.08em;
	}
	.fnTextBase {
		padding-left: 2.5em;
		display: block;
		font-size: 0.9em;
		padding-bottom: 0.312em;
	}
	.fnNumIn{
		vertical-align: 0;
		position: relative;
		top: 0.2ex;
	}

	.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;
	}
}

@media print {
  .invis, .showTip, .hideTip {
    display: none;
  }

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

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

  .btn{
    display: none !important;
  }
}