/* Color Palette */
/*
Snow (Offwhite) - FFF8F5
Almond (Beige) - ECD4BB
Buff (Orange-Umber) - D7A284
Rosy Brown (Umber) - B89289
Cambridge Blue (Muted Green) - 8F9983 
*/


/* Navigation bar */
.nav_Top {
	background-color: black;
	overflow: hidden;
	padding: 10px 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:5px;
	height:50px;
	width:100vw;
	position:relative;
	z-index:1000;
	position:fixed;
}
.nav_Expand {
	width: 20px;
	display:flex;
	align-items: center;
	padding-bottom: 20px;
	/*padding-right:5px;*/
}

.nav_Expand h1 {
	color: white;
	text-decoration: none;
	padding: 10px 5px;
	display: block;
	font-size: 20px;
	align-items:left;
	font-weight:normal;
}

.nav_Expand h1:hover {
	background-color: #575757;
	cursor: pointer;
}

.nav_Logo {
	display:flex;
	object-fit: contain;
	align-items: center;
	/*padding-bottom: 30px;*/
}

.logo {
	height:50px;
	width: auto;
	padding-left:15px;
}

.nav_HeaderButtons {
	display: flex;
	width: auto;
	height:100%;
	margin-left:auto;
	justify-content: flex-end;
	margin-right:3%;
}
	
.nav_HeaderButtons a {
	color: white;
	text-decoration: none;
	padding: 14px 16px;
	display: flex;
}

.nav_HeaderButtons h3 {
	display:flex;
	height:50%;
	width:150px;
	align-items: center;
	padding-bottom: 20px;
	margin:0;
	margin-right:-20px;
}

.nav_HeaderButtons a:hover {
	background-color: #575757;
}
	
.nav_Title {
	display:flex;
	height:50%;
	width:auto;
	align-items: center;
	padding-bottom: 20px;
	margin:0;
}

.spacer
{
    width: 100%;
    height: 70px;
}

#subtitle {
	font-style: italic;
	font-weight: normal;
	padding-top:45px;
	position:absolute;
	display:left;
	font-size:10px;
	color: #9c9c9c;
	margin-left:6%;
}

#flyoutMenu {
	position: fixed;
	top: 50px;
	width: 250px;
	left: -250px;
	height: calc(100% - 50px);
	background-color: black;
	overflow-x: hidden;
	transition: 0.3s;
	padding-top: 30px;
	z-index: 999;
	align-items: left;	
}

#flyoutMenu a {
	color: white;
	text-decoration: none;
	padding: 10px 10px;
	display: block;
	font-size: 20px;
}

#flyoutMenu a:hover {
	background-color: #575757;
}

#flyoutMenu.open {
	left: 0;
}


.flyoutMenu_Close {
  position: absolute;
  top: 10px;
  left: 5px;
  font-size: 10px;
  text-decoration: none;
  color: white;
  cursor: pointer;
  font-style: normal;
  padding-bottom:10px;
}

.flyoutMenu_Close a:hover {
	background-color: #575757;
}
/*
.noSubItems::after {
	content:"\25B6";
	margin-left:10px;
	font-size:0.5em;
	vertical-align:middle;
}
/*
.hasSubItems::after {
	content:"\25B6";
	margin-left:10px;
	font-size:0.5em;
	vertical-align:middle;
}

.subItem::after {
	content:"\25B6";
	margin-left:20px;
	font-size:0.5em;
	vertical-align:middle;
}
*/
@media screen and (max-width: 768px) {
	.nav_HeaderButtons {
		display: none;
	}
	
	.nav_Title {
		display:flex;
		height:50%;
		width:auto;
		align-items: center;
		padding-bottom: 15px;
		margin:0;
		font-size:12px;
		white-space: nowrap;
	}
	
	.nav_Title h2 {
		display:flex;
		height:50%;
		width:auto;
		align-items: center;
		padding-top:10px;
		white-space: nowrap;
	}
	
	.nav_Title h5 {
		height:50%;
		width:auto;
		align-items: center;
		padding-top:10px;
		white-space: nowrap;
	}
	
	#flyoutMenu {
		position: fixed;
		top: 50px;
		width: 200px;
		left: -200px;
		height: calc(100% - 50px);
		background-color: black;
		overflow-x: hidden;
		transition: 0.3s;
		padding-top: 30px;
		z-index: 999;
		align-items: left;
		opacity:90%;
		margin-bottom:5px;
	}
	
	#subtitle {
		position:absolute;
		font-style: italic;
		font-weight: normal;
		padding-top:40px;
		margin-left:110px;
		display:left;
		font-size:10px;
		color: #9c9c9c;
	}
	#flyoutMenu a {
	color: white;
	text-decoration: none;
	padding: 10px 10px;
	display: block;
	font-size: 17px;
	}
}

.wikiContainer {
	border: 2px solid #444;
	padding:5px;
	margin-left:5%;
	margin-right:3%;
	width:92%;
	box-sizing: border-box;
}

.wTopic {
	padding-top:2%;
}

.wHeading {
	padding-top:15px;
	font-style:bold;v
	font-size:20px;
	margin-left:5%;
	color:white;
	padding-bottom:10px;
}

.wSubheading {
	font-style:bold;
	font-size:15px;
	margin-left:1%;
	color:white;
}

.wSubtitle {
	font-size:10px;
	padding-bottom:10px;
	margin-left:5%;
	color:white;
}


#main_wBox {
	height:98%;
	position:absolute;
	width:98%;
	overflow:auto;
	margin-top:1rem;
}

iframe#main_wBox {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
	overflow:auto;
}

ul, li, ol {    
	text-align: left;
	padding-left:20px;
	padding-inline-start: 10px;
	list-style-position:inside;
	line-height:2em;
	padding: 5px;
	position:relative;
}

ul > li {
    margin-left: 15px;
}

ol > li {
    margin-left: 15px;
}

li {
padding-left: 1.5em;
text-indent: -1.5em;
}

li::marker {
  font-size:13px;
}

.subMenu {
	display: none;
    padding-left: 20px;
	margin: 0;
	background-color: #222;
    border-left: 2px solid #575757;
	margin-top:1%;
	margin-bottom:10px;
}

.hasSubItems.open .subMenu {
    display: block;
	margin-bottom:-10px;
}

.hasSubItems {
	display: block;
    padding: 0;
    margin: 0;
	
}


.subItem {
  font-size: 0.85em !important;
}


/* Global Font Settings */
html, body {
    font-family: 'Merriweather', serif;
    color: #1a1a1a;
    line-height: 1.5;
    background-color: #fff;
	margin: 0;
	padding: 0;
	background-color: #333;
	height:100%;

}

h1, h2, h3, h4, h5 span {
    font-family: 'Merriweather', serif;
    font-weight: 600;
    line-height: 1.1;
    margin: 1.5em 0 0.5em;
    color: white;
    text-decoration: none;
    padding: 1rem;  
	padding-left: 10px;
}
p {
  font-size: 10px;
  margin: 0 0 1.25em;
  color: white;
  max-width: 65ch;
}

ul, li, ol {    
	text-align: left;
	padding-left:20px;
	padding-inline-start: 10px;
	list-style-position:inside;
	line-height:1.5em;
	color:white;
	position:relative;
	font-size:11px; 	
}

li {
padding-left: 1.5em;
text-indent: -1.5em;
}

li::marker {
  font-size:13px;
}

ul > li {
    margin-left: 15px;
	padding-top:10px;
}

ol > li {
    margin-left: 15px;
	padding-top:10px;
}

ul ul {
	margin-top:-9px;
}


p {
  font-size: 10px;
  margin: 0 0 1.25em;
  color: white;
  max-width: 120ch;
  line-height:1.5em;
  margin-left: 30px;
}

.wSubheading p {
	margin-bottom:5px;
}

ol ol {
	list-style-type: lower-alpha; /* For the first level of nested lists (a, b, c...) */
	padding-left:15px;
	margin-top:-9px;
	font-size:10px;
}

ol ol ol {
  list-style-type: lower-roman; /* For a second level of nested lists (i, ii, iii...) */
}

ol > li::marker {
  font-size: 1em; /* Adjust the value as needed (e.g., px, em, rem) */
}