@charset "utf-8";
/* CSS Document */

HTML {
	height: 100%;
}
body {
	font-family: Calibri, "Calibri Light";
	padding: 0;
	margin: 0, auto;
}
h1 {
	font-family: Calibri;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	padding: 0.2em 0px 0.2em 0px;
	font-weight: bold;
	text-align: center;
	background-color: #eee;
}
h2 {
	font-family: Calibri;
	font-weight: bold;
	font-size: 28px;
	margin: 10px 0px 10px 0px;
}
h3 {
	font-family: Calibri;
	font-weight: bold;
	font-size: 18px;
	margin: 20px 0px 10px 0px;
}
p {
	margin: 10px 0px 10px 0px;
}
hr {
	border: none;
	margin: 0px;
	height: 1px;
	/* Set the hr color */
	color: #333;  /* old IE */
	background-color: #333;  /* Modern Browsers */	
}
[data-tooltip]:hover::after {
	display: block;
	position: absolute;
	content: attr(data-tooltip);
	border: 1px solid black;
	background: #eee;
	padding: .25em;
	color: black;
}
/* Magic Tooltip Button */
.tooltip-item {
	display: inline-block;
	position: relative;
	background-color: transparent;
	border: none;
	cursor: help;
	transition: all .4s 0s ease;
	text-decoration: underline
}

.tooltip-item,
.tooltip-item:before,
.tooltip-item:after {
	box-sizing: border-box;
}

.tooltip-item:hover:before,
.tooltip-item:hover:after {
	visibility: visible;
	opacity: 1;
	transition: all 0.4s 1.5s ease; /** that's the magic **/
}

.tooltip-item:before,
.tooltip-item:after {
	content: "";
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 1000;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	transition: all 0.4s 0s ease;
}

.tooltip-item:before {
	width: 0;
	height: 0;
	right: -8px;
	border: 8px solid transparent;
	border-right-color: #737272;
}

.tooltip-item:after {
	content: attr(aria-label);
	width: auto;
	left: calc(100% + 8px);
	padding: 6px;
	background-color: #737272;
	color: #fff;
	border-radius: 4px;
}
/* Magic Tooltip Button */
.back-button {
	font-family: Calibri, "Calibri Light";
	padding: 14px 16px;
	text-decoration: none;
	font-size: 1.2em;
}
.back-button2 {
	font-family: Calibri, "Calibri Light";
	display: block;
	color: #737272;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 1.5em;
	border: none;
	background-color: transparent;
	cursor: pointer;
	align-self: flex-start;
	align-items: stretch;
}
.back-button2:hover {
	color: #F25E0D;
	text-decoration: underline;
}
.home-link {
	cursor: pointer;
}
span.redacted {
    color: black;
    background-color: black;
	user-select: none;
}

.product-description-text{

}
.product-info {
	margin: 0.5em 0 0.5em 1em;
	border: 1px solid #a2a9b1;
	padding: 0.2em;
	line-height: 1.2em;
	border-spacing: 0.2em;
	float: right;
    clear: right;
	width: 22em;
	table-layout: auto; /* Let first column size itself */
}

@media screen and (max-width: 700px) {
	.product-info {
		width: 100%;
    }
}


.img-file {
	width: 335px;
	height: 100%;
}
.img-caption {
	padding-bottom: 0.25em;
	text-align: center;
}

.table-full-data {
	padding: 0;
	text-align: center;
}
.product-info-title {
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}
.product-info-heading-1 {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
.product-info-heading-2 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}
.product-info-title, .product-info-heading-1 {
	border-top: 1px solid #a2a9b1;
	border-bottom: 1px solid #a2a9b1;
	padding: 0.2em 0px 0.2em 0px;
	background-color: #eee;
	font-weight: bold;
}
.product-info-data {
	padding-left: 1em;
	text-align: left;
}
.product-info-data, .product-info-heading-1, .product-info-heading-2 {
	vertical-align: top;
	white-space: nowrap; 		/* Prevent text wrapping in first column */
}
.product-info-data:last-child, .product-info-heading-1:last-child, .product-info-heading-2:last-child {
      width: 100%;      		/* Second column stretches */
      white-space: normal; 		/* Allow wrapping if needed */
}

.tooltip {
	text-decoration: underline;
	color: #2870BC;
}
.wrapper {
	display: block;
}
.page-body {
	width: 100%;
	max-width: 1536px;
	margin: auto;
	position: relative;
}
.left-nav-menu {
	overflow: hidden auto;
    box-sizing: border-box;
	width: 16em;
}
/* NAV MENU SHIT START */
.nav-menu-container {
	position: fixed; 	/* Fixes position in space */
	width: inherit;		/* grabs size from parent container so line is correct size */
}
.ul-nav-menu {
	list-style: "> ";
	padding-left: 1em;
	margin: 0px;
}
.ul-nav-menu-2 {
	list-style: "-  ";
	padding-left: 0.8em;
	margin: 0px;
}
.nav-menu-heading2 {
	font-size: 18px;
	margin: 2em 0px 10px 0px;
}
.li-nav-menu-item {
	font-size: 18px;
	margin: 0.2em 0px 0.2em 0px;	
}
.li-nav-menu-item-2 {
	font-size: 16px;
	margin: 0.2em 0px 0.2em 0px;	
}
.li-nav-menu-item::marker .li-nav-menu-item-2::marker {
	font-weight: bold;
}
.nav-menu-link {
	color: #2870BC;
}
/* NAV MENU SHIT END */
  @media screen and (max-width: 1100px) {
    .grid-left {
      display: none; /* This hides the element and removes it from the document flow */
    }
  }

.grid-container-wiki {
	display: grid;
		/* background-color: #ACACAC; */
	grid-template-areas:
		'menu menu menu menu menu'
		'header header header header right'
		'left main main main right'
		'footer footer footer footer footer';
	gap: 10px;
	padding: 10px;
}

.grid-container > div {
	text-align: left;
		/* background-color: #f1f1f1; */
	padding: 10px;
	font-size: 16px;
}
.grid-headMenu {
	grid-area: menu;
	display: flex;
	justify-content: space-between;
}
.grid-head {
	grid-area: header;
}
.grid-foot {
	grid-area: footer;
}
.grid-main {
	grid-area: main;
}
.grid-left {
	grid-area: left;
}
.grid-right {
	grid-area: right;
}