@charset "utf-8";
/* CSS Document */

/**** Additional Stylesheets ****/
@import url(fonts.css);

/* MARK: Page BGs
*/
/**** Page Backgrounds ****/
.page {
	background: transparent url("/assets/img/global/backgrounds/light.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.news {
	background: transparent url("/assets/img/global/backgrounds/news.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.visit {
	background: transparent url("/assets/img/global/backgrounds/fountain.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.exhibits {
	background: transparent url("/assets/img/global/backgrounds/overview.jpg") repeat scroll 0% 6% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.education {
	background: transparent url("/assets/img/global/backgrounds/book.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.research {
	background: transparent url("/assets/img/global/backgrounds/book.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}
.history {
	background: transparent url("/assets/img/global/backgrounds/book.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.collections {
	background: transparent url("/assets/img/global/backgrounds/heraldry.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.about {
	background: transparent url("/assets/img/global/backgrounds/outside.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.contact {
	background: transparent url("/assets/img/global/backgrounds/phone.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.legal {
	background: transparent url("/assets/img/global/backgrounds/legal.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.aotm {
	background: transparent url("/assets/img/global/backgrounds/aotm.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}

.littlejohn {
	background: transparent url("/assets/img/global/backgrounds/littlejohn.jpg") repeat scroll 0% 0% / 100%;
	background-color: var(--qmGray);
	color: #fff;
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	font-weight: 500;
	background-repeat: no-repeat;
}
/*
[class$="-bg"] {
  background-color: var(--qmGray);
  background-repeat: no-repeat;  
  background-size: contain;
  background-position: 15% 50%;
} */

/* MARK: Sources BGs
*/
/**  ///  PRIMARY & SECONDARY SOURCES  ///  */

/** 1st | Specifications */
.specs-bg {
	background: var(--qmGray) url("/assets/img/global/backgrounds/specsDrawing.png") no-repeat top center / 100%;
}

/** 1st | Letters */
.letters-bg {
	background: var(--qmGray) url("/assets/img/global/backgrounds/typewritterBG.jpg") no-repeat top center / 100%;
}

/** 1st | Oral Histories */
.mic-bg {
	background: var(--qmGray) url("/assets/img/global/backgrounds/microphoneBG.jpg") no-repeat top center / 100%;
}

/** Primary & Secondary Sources */
.sources-bg {
	background: var(--qmGray) url("/assets/img/global/backgrounds/sourcesBG.jpg") no-repeat top center / 100%;
}

/** 2nd / Heraldry */
.heraldry-bg {
	background: var(--qmGray) url("/assets/img/global/backgrounds/heraldry.jpg") no-repeat top center / 100%;
}

/**  
.-bg {background: var(--qmGray) url("/assets/img/global/backgrounds/") no-repeat top center / 100%;} */

/**  
.-bg {background: var(--qmGray) url("/assets/img/global/backgrounds/") no-repeat top center / 100%;} */

/**  
.-bg {background: var(--qmGray) url("/assets/img/global/backgrounds/") no-repeat top center / 100%;} */

/* end Primary & Secondary Sources Backgrounds */

/**** Page Content ****/
#page-content {
	text-align: center;
}

#page-content a:hover:not([class^="ghostBtn"]) {
	color: #c8b269;
}

#page-content h1 {
	/* font-size: 1.5em; */
	padding: 1.5em 0 0.1em 0;
}

#page-content h1:first-of-type {padding: 0 0 0.1em 0;}

#page-content .element {
	display: inline-block;
	/* float: left; */
	vertical-align: top;
	text-align: center;
	background-color: rgba(37, 42, 54, 0.3);
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.26);
	width: 75%;
	min-height: 430px;
	height: auto;
	border-radius: 5px;
	padding-block-end: 2.5rem;
	margin: 1em 0;
}

/*/ #page-content aside.element {
    float: right;
    overflow: hidden;
    width: 40%;    
}*/

#page-content .element .element-header {
	background: #1b2b39;
	align-content: center;
	width: 100%;
	height: fit-content;
	text-align: center;
	text-shadow: 1px 1px 1px #333;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding: 0.3em 0px;
}

#page-content .element .element-header :is(h1, h2.subHeader) {
	font-size: var(--fz-h1);
	padding: 0.2em;
}

.element .element-content {
	text-align: left;
	padding: 1em;
	font-size: 1em;
}

/* .element-content p {
   padding: .4em 0;
    font-size: 1.4rem;
} */

.element .element-content .information {
	padding: 0 0 1em 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#page-content .element .element-content .information:last-of-type {border: none;}

.element .element-content p:first-of-type {margin: 0 0 0 0;}

#page-content .element .element-content .breakdown {
	border: 1px solid #cecece;
	width: 45%;
	margin: 1em;
	border-radius: 1px;
}

#page-content .element .element-content .breakdown li {
	display: block;
	padding: 0;
}
#page-content .element .element-content .content-brick .breakdown {
	display: flex;
	flex-wrap: wrap;
	width: fit-content;
	margin: 1em auto;

	li {width: fit-content;}
}

p {
	margin: 1em 0 0 0;
	text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.6);
	line-height: 1.4em;
}

.element .element-content ol {
	list-style: decimal;
}

.element .element-content ol li {
	line-height: 1em;
	font-family: "SourceSansPro", sans-serif;
	width: 90% !important;
	list-style-type: decimal !important;
}

#page-content .element .element-content .content-brick {
	margin: 2em 0 2em 0;
}

#page-content .element .element-content .content-brick a {
	color: #badaf3;
}

#page-content .element .element-content .content-brick a:hover {
	color: #c8b269;
}

#page-content .element .element-content .content-brick:first-of-type {
	margin: 0 0 2em 0;
}

#page-content .element .element-content .content-brick h1 {
	/* font-size: 2.5rem; */
	line-height: 1.1;
	margin-bottom: 0.35em;
}

#page-content .element .element-content .content-brick h2 {
	padding: 1em 0 0 0;
	font-size: 1.75em;
}

#page-content .element .element-content .content-brick .link-pool a {
	margin: 1px;
}

#page-content .element .element-content .content-brick .link-pool a:hover {
	color: #c8b269;
}

#page-content .hours-of-operation {
	background: rgba(37, 40, 54, 0.3);
	box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.16);
	font-size: 1.2em;
	padding-right: 1em;
}

#page-content .hours-of-operation li {
	display: inline-block;
	line-height: 1em;
	font-family: "SourceSansPro", sans-serif;
	width: 100% !important;
	width: 391px !important;
	margin: 0.2em 1em !important;
}

#page-content .hours-of-operation li h2 {
	font-size: 1.3em !important;
	text-decoration: underline;
	text-transform: uppercase;
}

#page-content .hours-of-operation li p {
	font-size: 1.1em !important;
}

#page-content .element img:hover {opacity: 1;}

.element li {
	display: inline-block;
	padding: 0.2em;
	width: 450px;
	margin: 1em;
}

#page-content .element .explore-bullets li.active {
	background-position: 0 -22px;
}

#page-content .element #page-nav {
	background: #1b2b39;
	margin: 0 auto;
	width: 100%;
	font-size: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.26);
}

#page-content .element #page-nav ul {
	text-align: center;
}

#page-content .element #page-nav li {
	display: inline-block;
	width: inherit;
	padding: 10px;
}

#page-content .element #page-nav a {
	text-decoration: none;
}

#page-content .element #page-nav a:hover {
	text-decoration: underline;
}

#page-content .element #page-nav li a {
	font-style: none;
}

#page-content .element #page-nav.fixed {
	position: fixed;
	top: 0;
	width: 798px;
}

/* MARK: News
*/
/**** News ***
#event__details {
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #cecece33;
}

#event__details tr {
	height: 60px;
}

#event__details th {
	font-size: 2em;	
}

#event__details tbody td {
	font-family: "SourceSansPro",sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
}

#event__support {
	clear: both;
	font-family: "SourceSansPro",sans-serif;	
}

#event__support ul {
	text-align: center;
}

#event__support ul li {
	width: auto !important;	
} */

/* MARK: Contact Us
*/
/**  ///  CONTACT US  ///  */
.email-contact {grid-area: email;}
.phone-contact {grid-area: phone;}
.fax-contact {grid-area: fax;}
.mail-contact {grid-area: address;}

.contactGrid {
	display: grid;
	grid-template:
		"address phone fax"
		"address email email"
		/40% 1fr 1fr;
	grid-gap: 1.25rem;
	width: 100%;

	h3 {font-size: var(--fz-h3);}

	h4 {font-size: var(--fz-h4);}

	a {font-size: var(--fz-h4);}

	@media (max-width: 768px) {
		grid-template:
			"phone fax"
			"email email"
			"address address"
			/1fr 1fr;

		.mail-contact {justify-self: center;}
	}
}

/* MARK: AOTM
*/
/**** Artifact of the Month ****/
#artifact-of-the-month {
	font-family: "PathwayGothicOne", "SourceSansPro", sans-serif;
	margin-top: 2rem;

	@media (max-width: 640px) {margin-top: 0;}
}

#artifact-archived .wrap .artifact.artifact__video {margin-top: 53rem;}

.aotm p a {
	color: var(--qmLink);
	text-decoration: underline;
	transition: all ease-in-out 350ms;

	:hover {
		color: var(--qmYellow);
		text-decoration: none;
	}
}

#artifact-of-the-month ul#artifact-years {
  margin-block-start: 0;
  margin-block-end: 0;

  li.active {color: var(--qmYellow);}
}

.aotm a:is(:hover, :active, :visited) {text-decoration: none;}

#artifact-of-the-month a:is(:hover, :focus, .active) {color: var(--qmYellow);}

#artifact-of-the-month #artifact-years li {
	display: inline-block;
	font-size: var(--fz-aotmNav);
	padding: 0.6em;

	@media (max-width: 1024px) {padding: 0.4em;}
}

@media (max-width: 1024px) {
	#artifact-years .wrap {padding-block: 0.4em 0;}
	#artifact-months .wrap {padding-block: 0.4em;}
}

#artifact-of-the-month #artifact-years li.active {
	background: rgba(180, 180, 180, 0.2);
	border-bottom: none;
}

#artifact-of-the-month #artifact-months {
	background: rgba(180, 180, 180, 0.2);
	height: auto;
	margin: 0 0 50px 0;
}

#artifact-of-the-month #artifact-months li {
	display: inline-block;
	padding: 0.6em 0.6em;

  a {font-size: var(--fz-aotmNav);}

	@media (max-width: 1400px) {
		/* font-size: 1.6rem; */
		padding: 0.6em 0.4em;
	}

	@media (max-width: 1024px) {padding: 0.4em 0.3em;}
}

#artifact-of-the-month #artifact-months a {
	font-size: var(--fz-aotmNav);

  :focus {color: var(--qmYellow);}
}

#artifact-of-the-month .artifact {display: none;}

#artifact-of-the-month .active {
  display: block;
}

#artifact-of-the-month .artifact .active {
  display: block;
}

#artifact-of-the-month .artifact #current {
	display: flex;
	gap: 2rem;
	width: 100%;
	padding: 0;

	@media (max-width: 1499px) {flex-direction: column;}

	@media (max-width: 600px) {flex-direction: column-reverse;}
}

#artifact-of-the-month .artifact #current img {
	width: 100%;
}

#artifact-of-the-month .artifact #current .artifact-info {
	/*float: left;
    min-height: 1000px;*/
	width: 100%;

	@media (min-width: 1500px) {width: calc(100% - 700px);}
}

#artifact-of-the-month .artifact #current .artifact-info :is(h1, h2.header) {
	line-height: 1.5em;
	font-size: 3em;
	border-bottom: 1px solid #c8b269;

	@media (max-width: 600px) {
		display: none;
	}
}

/** SWITCHING H1 LOCATIONS AT MOBILE */
#current .artifact-video .aotmH1 {
	display: none;
}

@media (max-width: 600px) {
	#current .artifact-video :is(h1.imagesH1, h2.imagesH1) {
		display: none;
	}
	#current .artifact-video :is(h1.aotmH1, h2.aotmH1) {
		display: block;
	}
}

#artifact-of-the-month .artifact #current .artifact-info p {
	line-height: 30px;
	font-size: var(--ff-body);
	/*clear: both;*/
	/* padding: 1em 1rem; */
}

#artifact-of-the-month .artifact #current ul {
	float: right;
	width: 680px;
	text-align: left;
}

#artifact-of-the-month .artifact #current #artifact-images {
	float: right;
	width: 650px;
}

#artifact-of-the-month .artifact #current #artifact-images .fotorama__stage {
	width: 600px !important;
}

#artifact-of-the-month .artifact #current #artifact-images .fotorama__stage .fotorama__img {
	width: 600px !important;
}

#artifact-of-the-month .artifact {
	display: none;
}

#artifact-of-the-month .active {
	display: block;
}

#artifact-of-the-month .artifact__video .active {
	display: block;
	/*float: right;*/
}

#artifact-of-the-month .artifact__video #current {
	width: 100%;
	box-sizing: border-box;
}

#artifact-of-the-month .artifact__video #current img {width: 100%;}

/*/ #artifact-of-the-month .artifact__video #current .artifact-info {
    float: left;
    width: 820px;
    min-height: 680px;
}   */

#artifact-of-the-month .artifact__video #current .artifact-info h1 {
	line-height: 1.5em;
	font-size: 3rem;
	border-bottom: 1px solid #c8b269;
}

#artifact-of-the-month .artifact__video #current .artifact-info p {
	line-height: 1.4;
	font-size: var(--fz-body);
	/*clear: both;*/
	/* padding: 1em 1rem; */
}

#artifact-of-the-month .artifact__video #current ul {
	float: right;
	width: 680px;
	text-align: left;
}

#artifact-of-the-month .artifact__video #current #artifact-images {
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
}

#artifact-of-the-month .artifact__video #current #artifact-images img {
	display: inline-block;
	width: 500px;
	padding: 0 0 2em 0;
}

#artifact-of-the-month .artifact__video #current #artifact-images .fotorama__stage {width: 600px !important;}

#artifact-of-the-month .artifact__video #current #artifact-images .fotorama__stage .fotorama__img {width: 600px !important;}

/* default settings are in foto*/
/** ///  AOTM CAPTIONS  /// */

.fotorama__caption {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.35;
	color: white;
	z-index: 12;
	text-align: center;
}
.fotorama__caption a {
	text-decoration: none;
	color: inherit;
	border-bottom: 1px solid;
	border-color: rgba(0, 0, 0, 0.5);
}
.fotorama__caption a:hover {
	color: #333;
	border-color: rgba(51, 51, 51, 0.5);
}
.fotorama__wrap--rtl .fotorama__caption {
	left: auto;
	right: 0;
}
.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
	display: none;
}
.fotorama__caption__wrap {
	/* background-color: #fff; */
	background-color: rgba(0, 0, 0, 0.6);
	padding: 5px 10px;
	width: 100%;
}

#artifact-of-the-month .artifact__video .artifact-video {
	/*float: right;*/
	align-self: center;
	width: clamp(320px, 100%, 680px);

	@media (min-width: 1499px) {
		align-self: flex-start;
	}
}

#artifact-of-the-month .artifact__video .artifact-video :is(h1, h2.header) {
	line-height: 1.5em;
	font-size: 3rem;
	border-bottom: 1px solid #c8b269;
	/* padding-block-start: 0.5rem; */
	margin-block: 0;
}

@media (max-width: 1500px) {
	[class^="aotmSpacer"] {
		display: none;
	}
}

/* MARK: Collections
*/
/**** Collections ****/
.collection-item {
	opacity: 0.7;
	margin: 1em auto;
	background-size: cover !important;
	height: 200px;
	border-radius: 6px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.26);
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.collection-item:hover {
	opacity: 1;
	background-position: 0 30% !important;
}
.collection-item .collection-title {
	margin: 0 0 0 50px;
	width: 35%;
	height: 100%;
	opacity: 1;
	background: #1b2b39;
	color: #fff;
}

.collection-item .collection-title :is(h1, h2.header) {
	font-size: 2.5rem;
	text-align: center;
	padding: 2em 0;
	vertical-align: center;
  margin-block: 0;
}
#collections-overview .collection-title {
	display: grid;
	place-content: center;

	h1 {
		margin: 0;
	}
}

/* MARK: Exhibits
/**** Exhibits ****/
#exhibit-overview h1 {
	font-size: 5em;
	clear: left;
}

#exhibit-overview .exhibit {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-template-rows: auto;
	grid-gap: 2.5rem;
	text-align: center;
}

#exhibit-overview .exhibit .exhibit_title {
	display: grid;
	align-content: center;
	font-size: 1.75rem;
	text-shadow: 1px 1px 1px #333;
	background: #1b2b39;
	padding-block: 0;
  padding-inline: 0.625rem;
  width: -webkit-fill-available;
  min-height: 4rem;
	text-align: center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
  line-height: 1;
  box-sizing: border-box;
}

#exhibit-overview .exhibit img {
	opacity: 0.8;
	width: 100%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.26);
}

#exhibit-overview .exhibit img:hover {
	opacity: 1;
}

#exhibit-overview .exhibit > * {
	padding: 0.2em;
	margin: 0;
}

.element-content a:not(.ghostBtn) {
	color: #badaf3;
}

/* MARK: Visit
*/
/**** Visit ****/
.visit #page-content .element .element-content .content-brick {
	margin: 0 0 4em 0;
}

.visit .map {
	position: relative;
	z-index: 1;
	width: 107%;
	height: 400px;
	left: -20px;
}

.visit #map {
	width: 100%;
	height: 100%;
}

.visit #address {
	margin: 0 0 1em 0;
}

/* .visit #address h1 {
    line-height: 50px !important;
} */

.visit .element .element-content h2 {
	font-size: 2rem;
}

/*
.visit #address p {
    margin: 0 !important;
    line-height: 10px !important;
}
*/

/**** Page Content ****/
#page-content .element .element-content #nav-arrows {
	z-index: 2;
	width: 600px;
	display: block;
	position: absolute;
	top: 660px;
}

#page-content .element .explore li {
	display: inline-block;
	width: 521px;
	vertical-align: top;
	box-shadow: none;
	padding: 0em 2em 0em 1em;
}

#page-content .element .explore img {
	opacity: 1;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: none;
}

#page-content .element .explore h2 {
	text-align: center;
	text-align: center;
	/* font-size: 2em; */
	line-height: 2em;
}

/* MARK: EDU
*/
/**** Education ****/
#page-content .element .programs {
	text-align: center;
}

#page-content .element .programs li {
	background-color: rgba(37, 42, 54, 0.3);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.16);
	padding: 7px;
	font-size: 1.75em;
	width: 94%;
	margin: 13px;
	height: 70px;
	vertical-align: top;
}

#page-content .element .programs li h1 {
	text-align: center;
	margin: 17px 0px;
	font-size: 1.3em;
}

#page-content video {
	width: 100%;
}

#page-content .contact-info li {
	display: inline-block;
	width: 40%;
	vertical-align: top;
	margin: 0 1em;
}

#page-content .element .element-content {
	width: 95%;
	justify-self: center;
}

/* MARK: Gallery
*/
/**** Photo Gallery ****/
#page-content .element .element-content #photo-gallery {
	margin: 25px 5px;
	width: 100%;
}

#page-content .element .element-content #photo-gallery img {width: 100%;}

#page-content .element .element-content #photo-gallery ul li {
	display: inline-block;
	padding: 0;
	margin: 7.5px 7.5px 0px 0px;
}

#page-content .element .element-content #photo-gallery ul li:nth-of-type(1) {
	width: 98.8%;
	height: 200px;
}

#page-content .element .element-content #photo-gallery ul li:nth-of-type(2) {width: 66.7%;}

#page-content .element .element-content #photo-gallery ul li:nth-of-type(3) {width: 30.87%;}

/* Explore Gallery */
.fotorama__nav__frame.fotorama__active .fotorama__dot {
	width: 12px !important;
	height: 12px !important;
	border: none !important;
	background: #fff;
}

.fotorama__nav__frame .fotorama__dot {
	width: 10px !important;
	height: 10px !important;
	border-radius: 30px;
}

.fotorama__nav--dots .fotorama__nav__frame {
	width: 25px !important;
}

.fotorama__nav-wrap {
	margin: 10px 0 0 0;
}

/* MARK: Legal
*/
/****  ///  LEGAL  ///  ****/

.qInfo {
	display: grid;
	place-content: center;
	padding-block: 2.5rem;
	width: 100%;

	h2 {
		margin-block-end: 0.625rem;
	}
}
.qInfo > {
	display: flex;
	flex-direction: column;
	min-width: 22.5rem;
	width: auto;
}
.qInfo a.ghostBtn {
	display: block;
}

@media (max-width: 680px) {
	.qInfo .btnCon {
		flex-direction: column;
	}
}

/* MARK: Research
*/
/****  ///  Research  ///  ****/
[id$="overview"] ul {
	text-align: center;
	/* display: grid;
  grid-template-columns: repeat(auto-fit, minmax(425px, 1fr));
  row-gap: .625rem;
  column-gap: 2rem;
  justify-content: space-evenly;
  align-content: stretch;
  width: 100%;
  box-sizing: border-box; */
}

[id$="overview"] ul li:hover {
	background: #c8b269;
	color: #333;
}

[id$="overview"] a {
	text-decoration: none;
}

[id$="overview"] :where(h1, h2) {
	font-size: 3em;
	margin: 0.8em 0px;
	text-align: center;
}

[id$="overview"] .research_content {
	display: none;
}

[id$="overview"] .has_modal .research_content {
	display: block !important;
}

#research_individual ul {
	text-align: center;
}

[id$="overview"] ul li {
	background-color: #33373d;
	padding: 1rem;
	border: 3px solid #474b52;
	width: 40%;
	margin: 1em;
	min-height: 127px;
	vertical-align: top;
	color: rgba(186, 218, 243, 0.8);
	box-sizing: border-box;
	/* height: -webkit-fill-available; */
}

[id$="overview"] ul li :where(h1, h2) {
	font-size: 2.25em;
	margin-block-end: 0;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.35);
}

#research_overview ul li {
	display: inline-grid;
	place-content: center;
}
#research_overview ul li h1 {
	margin: 0;
}

[id$="overview"] ul li p {
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0.625rem 0 0 0;
}

#research_individual .information .information_header {
	font-size: 2.6em;
	text-shadow: 1px 1px 1px #333;
	background: #1b2b39;
	padding: 0.3em 0px 0px;
	width: 100%;
	text-align: center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

#research_individual .information .information_header h1 {
	padding: 0.5em;
	font-size: 1em;
}

#research_individual .information strong {
	font-weight: bold;
}

#research_individual .information h1 {
	height: 1.5em;
}

#research_individual .information h2 {
	text-decoration: underline;
	height: 20px;
}

#research_individual .featured-image {
	float: left;
	margin: 0 2rem 1rem 0;
  text-align: center;
}

/*/ #research_individual .featured-image figcaption {
    font-size: 1em;
} */

#research_individual h1 {
	/* font-size: 3em;  */
	margin: 0.3em 0;
}

#research_individual h2 {
	/* line-height: 1.4em;  */
	font-size: 2em;
}

#research_individual p {
	width: auto;
	text-align: left;
	margin: 1.5em 0;
	/* font-size: 1.3em;    */
	line-height: 1.5em;
}

.parachutists {
	float: right;
	margin: 0 0 0 1em;
}

.combat {
	display: block;
	margin: 1em auto 0 auto;
}

#page-content .element .element-content .rigger-lists {
	display: inline-block;
	width: 200px;
	vertical-align: baseline;
	text-align: center;
}

#page-content .element .element-content .rigger-lists p {
	text-align: center;
}

.element .element-content p img {
	vertical-align: baseline;
	width: 150px;
	margin: 1em;
}

#research_individual .item {
	height: 240px;
}

.element .element-content h1 {
	/* font-size: 2.5em; */
	margin: 0.5em 0 0 0;
	padding: 0px;
}

/*/ .element .element-content h2 {
    font-size: 1.5em;
} */

.element .element-content #note {
	line-height: 1em;
	margin: 0.4em 0 0 0;
	font-size: 0.8em;
	color: #f9e896;
}

#page-content .element .element-content .information {
	margin: 0 0 3em 0;
}

#page-content .element .element-content .information hgroup h2 {
	margin: 0.2em 0 1em 0;
	color: #cecece;
}

#page-content .element .element-content .information .motto {
	clear: left;
	font-size: 1.2em;
	text-align: left;
	padding: 20px 0;
}

#page-content .element .element-content .information .motto-h2 {
	color: #c8b269;
}

#page-content .motto {
	font-size: 2em;
	text-align: center;
}

#page-content .artifacts {
	text-align: center;
}

#page-content .artifacts li {
	display: inline-block;
	width: 300px;
}

/** ** Research ****/
#research_individual .item {
	display: inline-block;
	vertical-align: top;
	width: 150px !important;
	height: 300px;
	padding: 15px;
	margin: 5px;
}

#research_individual .item .featured_title {
	text-align: center;
	clear: both;
}

#research_individual .item .featured_title h1 {
	font-size: 1.8em;
}

#research_individual .item .featured_title h2 {
	font-size: 1em;
}

#research_individual #quote {
	float: right;
	background: rgb(83, 86, 92);
	padding: 1em;
	margin: 0.35em;
	border: 1px solid #fff;
	width: 390px;
}



/* MARK: TWIH
*/
/**  ///  THIS WEEK IN QM HISTORY  ///  */
/* OLD STYLING USED on /research/this-week-in-history.html 
#research_overview ul li {
    background-color: #33373d;
    padding: 25px;
    border: 3px solid #474b52;
    width: 40%;
    display: inline-block;
    margin: 1em;
    height: 80px;   
    vertical-align: top;
    color: rgba(186,218,243,0.8);
}

#research_overview ul li h1 {
    font-size: 2.5em;
    margin: .3em 0 0 0;
    padding: 0;
    text-transform: uppercase;
    color: rgba(255,255,255,0.9);
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.35);
}

#research_overview ul li p {
    font-size: 1.5em;
    line-height: 1.5em;
}*/

/**  ///  TWIH MAIN PAGE  ///  */
.twihWeeks {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(22.15rem, 1fr));
	grid-template-rows: auto;
	column-gap: 1.5rem;
	row-gap: 1.5rem;
	text-align: center;
	width: 80%;
	margin-inline: auto;
	margin-block: 2.5rem;

	@media (max-width: 1200px) {width: 90%;}

	@media (max-width: 900px) {width: 80%;}

	@media (max-width: 600px) {width: 95%;}
}

.twihWeeks a {
	display: flex;
	flex-direction: column;
	background-color: #33373d;
	padding: 1rem;
	border: 3px solid #474b52;
	transition: ease-in-out 350ms;
	width: auto;
}
.twihWeeks a:hover {
	box-shadow: 8px 16px 16px rgb(0, 0, 0, 0.2);
}

#twihMain .twihWeeks h1 {
	color: rgba(255, 255, 255, 0.9);
	font-size: 2.25em;
	line-height: 2.25rem;
	text-transform: uppercase;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.35);
	margin: 0;
	margin-block-end: 0.625rem;
	padding: 0 0 0 0;
}

.twihWeeks p {
	color: rgba(186, 218, 243, 0.8);
	font-size: 1.5em;
	line-height: 1.5rem;
	padding: 0.3125rem 0 0 0;
	margin-block-start: 0;
}
/* .twihWeeks p:first-of-type {padding-block: 0 0.25rem;} */

/** end of main page */

.weekHistory {
	width: min(1400px, 68%);
	margin: 1.25rem auto 5% auto;
	padding: 1em;
	background-color: rgba(37, 42, 54, 0.3);
	color: rgba(255, 255, 255, 1);
	border: 3px solid #474b52;
	box-shadow: -10px 10px 10px rgba(19, 24, 36, 0.4);
	box-sizing: border-box;

	& h2 {
		font-size: clamp(2.5rem, 2.5vw + 10px, 3.5rem);
		text-align: center;
		margin-block-end: 2rem;
	}

	& h1 {
		font-size: clamp(1.25rem, 2.5vw + 10px, 1.5rem);
		margin-block-end: 1.25rem;
	}

	& p {
		width: auto;
		margin-block-end: 1rem;
		font-size: 1.3em;
		line-height: 1.5em;
	}

	& a {color: #badaf3;}

	& a:hover {color: #f9e896;}

	@media (max-width: 700px) {width: 80%;}

	@media (max-width: 580px) {width: 95%;}
}

@media (max-width: 676px) {
	#thisWeekHistory .imgLeft {
		float: none;
		display: block;
		margin-inline: auto;
		margin-block: 0.5rem 1rem;
	}
}

p.compiled {
	font-size: var(--fz-body);
	font-style: italic;
	margin-inline: unset;
	margin-block: 2rem 1rem;
}

.weekQuote {
	position: relative;
	margin: 0 2% 5% 5%;
	padding: 1.5%;
	width: clamp(300px, 50%, 500px);
	background-color: #bdd2ed;
	border: rgba(255, 255, 255, 0.4) solid 5px;
	box-shadow: -10px 10px 10px rgba(19, 24, 36, 0.4);
	color: #252a36;
	box-sizing: border-box;

	& h3 {
		font-size: clamp(1.25rem, 2.5vw + 10px, 1.5rem);
		text-transform: uppercase;
	}

	& blockquote {
		font-size: var(--fz-body);
		font-family: "SourceSansPro", sans-serif;
		/* font-weight: 600; */
		text-align: center;
		margin-block: 1.2rem 0.5rem;
		quotes: none;
		text-wrap: pretty;
	}

	& cite {
		font-size: var(--fz-caption);
		font-family: "SourceSansPro", sans-serif;
		line-height: 1.35;

		[data-book="author"],
		[data-book="published"] {
			font-style: normal;
		}
		[data-book="title"] {
			font-style: italic;
		}
	}
}

/* .weekQuote::after {
    --quote-top: 1.75rem;
    position: absolute;
    content: '\275D';
    display: inline-block;
    top: var(--quote-top);
    left: 50%;
    translate: -50%;
    opacity: 0.075;
    font-size: 8rem;
    width: max-content;
} */

/**  QUOTE MEDIA QUERIES  */
@media (max-width: 2000px) {
	.weekQuote::after {
		--quote-top: 1.5rem;
	}
}
@media (max-width: 1440px) {
	.weekQuote::after {
		--quote-top: 1.25rem;
	}
}
@media (max-width: 500px) {
	.weekQuote::after {
		--quote-top: 1rem;
	}
}

/** end of QUOTE media queries */

/**  -  end of This Week in QM  History  -  */

/* MARK: Vignettes
  */
/**  ///  VIGNETTES  ///  */
.vignettes {
	width: min(1400px, 68%);
	background-color: rgba(37, 42, 54, 0.3);
	color: rgba(255, 255, 255, 1);
	border: 3px solid #474b52;
	box-shadow: -10px 10px 10px rgba(19, 24, 36, 0.4);
	margin: 1.25rem auto 5% auto;
	padding-block-end: 2.5rem;
	box-sizing: border-box;

	h1 {
		font-size: clamp(2.5rem, 2.5vw + 10px, 3.5rem);
		text-align: center;
		margin-block: 0;
	}

	h3 {
		font-size: clamp(1.5rem, 2.5vw + 10px, 1.875rem);
		margin-block-end: 1.25rem;
	}

	h4 {font-size: var(--fz-h4);}

	p {
		width: auto;
		margin-block-end: 0.3125rem;
		font-size: 1.3em;
		line-height: 1.5em;
	}

	a {color: #badaf3;}

	a:hover {color: #f9e896;}

	blockquote {
		padding-block-end: 1.875rem;
		margin-block-start: 1.25rem;
	}
	blockquote:has(+ cite) {
		padding-block-end: 0.5rem;
	}

	@media (max-width: 700px) {width: 80%;}

	@media (max-width: 580px) {width: 95%;}
}
.vignettes p.compiled {
	font-size: var(--fz-body);
}
#page_header .description h2.title {
	font-family: var(--ff-title);
	font-weight: 100;
	font-size: clamp(3.5rem, 3.5vw + 10px, 5rem);
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.35);
	text-transform: uppercase;
	text-align: left;
	padding-top: 1rem;
	margin-block-end: 2.875rem;
}

/* MARK: His Photos 
  /**  ///  HISTORICAL PHOTOS  ///  */

/*< OLD CSS 
  #historical-photos .wrap ul a li {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      margin: 1em;

  }

  #historical-photos .wrap ul a li .caption {
      width: 200px;
      text-align: center;
      margin: 0.25em auto;
  }

  #historical-photos .wrap ul a li img {
      height: 200px;
  }*/

.histPhotos-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
	grid-template-rows: auto;
	column-gap: 3rem;
	row-gap: 3rem;
	width: 100%;
	justify-content: space-evenly;
	box-sizing: border-box;
	margin-block: 4rem;

	@media (max-width: 700px) {
		grid-template-columns: auto;
	}
}

.histPhotos-grid > * {
	--photo-h: 12.5rem;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: var(--photo-h) auto;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	height: auto;
	border: 2px solid rgb(186, 218, 243, 0.4);
	border-radius: 0.5rem;
	padding: 1rem 1.25rem;
	box-sizing: border-box;

	& img {
		display: block;
		max-height: var(--photo-h);
		margin-inline: auto;
		width: 100%;
		object-fit: contain;
	}

	& h4 {
		font-size: 1.2em;
		margin: 1rem 0 0.75rem 0;
		text-align: center;
	}

	& p {
		text-align: left;
		margin-block-end: 0.5rem;
	}

	& cite {
		display: block;
		font-size: 0.8em;
		font-family: "SourceSansPro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
		font-style: italic;
		text-align: center;
		padding-block-start: 0.5rem;
	}
}

.histPhotos-grid > *:only-child {
	width: min(20rem, 100%);
}

@media (max-width: 700px) {
	#historical-photos .grid-span2 {
		grid-column: 1;
	}
}

/** End Historical Photos*/

/* MARK: Sources 
  /**  ///  SOURCES: PRIMARY / SECONDARY  ///  

  [id^="sources_"] h2.multiPart,*/
[id^="sources_"] h2.subTitle,
[id$="Cards"] h2:first-child {
	font-family: "PathwayGothicOne", sans-serif;
	font-size: clamp(2.6rem, 3.5vw + 10px, 3rem);
	color: rgba(237, 247, 255, 0.871);
	border-bottom: 2px solid #787878;
	margin-block: 0 1.75rem;
}

/* [id$="overview"].researchSources {margin: 3rem 0 0 0;} */

[id^="sources_"] .sources {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(33rem, 1fr));
	grid-template-rows: auto;
	align-content: stretch;
	justify-items: center;
	column-gap: 4rem;
	row-gap: 3rem;
	width: 100%;
	margin-block-end: 4rem;

	@media (max-width: 1980px) {
		grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
	}

	@media (max-width: 600px) {
		grid-template-columns: auto;
	}
}

/*MARK: infoCard 
  */
/** INFO CARD */

.infoCard {
	--qmm-c: var(--qmDarkGray);

	display: grid;
	align-items: start;
	row-gap: 1rem;
	color: var(--qmm-c);
	width: min(33rem, 100%);
	min-height: 20rem;
	background-image: url(/assets/img/research/card-texture-kiwihug-unsplash.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 1rem;

	& h2 {
		display: grid;
		align-items: center;
		font-size: clamp(1.25rem, 2.5dvw + 1rem, 1.75rem);
		border-bottom: 2px solid var(--qmBlue);
		width: 100%;
		height: fit-content;
		min-height: 3.5rem;
		line-height: 1;
		padding-block: 0 0.2em;
		margin-block-start: 0;

		& span {
			display: block;
			font-size: 0.8em;
		}
	}

	@media (max-width: 600px) {
		justify-self: stretch;
		width: auto;
		margin-inline: 1rem;
	}
}
.infoCard h2 {
	color: #333;

	a {
		align-self: center;
		color: inherit;
		display: block;
		height: fit-content;
		/* margin-block: auto; */
		transition: color ease-in-out 350ms;
	}
}
.infoCard h2 a:hover {
	color: var(--qmDarkBlue);
}

.infoCard-info {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 10.625rem;
	grid-template-rows: auto;
	align-self: stretch;
	column-gap: 1rem;
	row-gap: 1rem;
	color: var(--qmm-c);
	width: auto;
	min-height: 12.75rem;
	box-sizing: border-box;

	img {
		display: block;
		width: auto;
		max-width: 160px;
		max-height: 204px;
		transition: ease-in-out 350ms;
		margin: auto;
	}

	ul {
		margin: 0;
		width: auto;
		height: 100%;
		padding-inline-start: 0.3125rem;
	}

	li {
		display: inline-block;
		font-family: "SourceSansPro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
		line-height: 1.25;
		padding-block: 0.375em;
		width: 100%;

		a {
			color: var(--qmDarkBlue);
			transition: color ease-in-out 350ms;
			word-wrap: break-word;
		}
	}

	@media (max-width: 680px) {
		grid-template-columns: 1fr;
		align-self: unset;

		a {
			width: fit-content;
			margin-inline: auto;
		}

		ul {margin: 0 0.8em 0.8em 0.8em;}
	}
}

.infoCard-info .subdue {
	display: inline-block;
	font-family: "SourceSansPro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
	color: rgb(51, 51, 51, 0.4);
	text-align: center;
	line-height: 1.25;
	cursor: default;
	width: 100%;
	padding-block: 0.375em;
}

.infoCard-info a img:hover {
	box-shadow: 4px 8px 12px rgb(0, 0, 0, 0.4);
}
.infoCard-info li span {
	display: block;
	text-transform: uppercase;
	border-bottom: 1.5px solid #787878;
}
.infoCard-info li a:hover {
	color: var(--qmDarkBlue);
	text-decoration: underline;
}
/**  Multi-Part  */
.infoCard-info ul.multiPart li a {
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-radius: 5px;
	transition: all ease-in-out 350ms;
}
.infoCard-info ul.multiPart li a:hover {
	text-decoration: none;
	background-color: var(--qmLightBlue);
	border-color: var(--qmLightBlue);
}
/**  Courtesy of statement  */
.infoCard-info .courtesy {
	position: absolute;
	bottom: -23px;
	left: 50%;
	translate: -50%;
	color: #333;
	font-size: 0.75em;
	font-style: italic;
	font-weight: 400;
	width: 100%;
	text-align: center;
}

:where(.infoCard-footer, .imageCard-footer) {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	align-self: end;
	margin-block-start: 1rem;

	p {
		font-size: 0.85em;
		color: #343434;
		text-align: center;
		text-shadow: unset;
	}
}

.hole {
	--holeWidth: 2rem;
	background-color: #3c3f44;
	width: var(--holeWidth);
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}

/* MARK: imageCard
  */

/** IMAGE CARD */
.cardsCon {
	display: grid;
	grid-auto-flow: dense;
	column-gap: 1rem;
	row-gap: 1.75rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 34.55rem), 1fr));
	place-items: center;
	container-type: inline-size;

	@media (max-width: 1240px) {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 18.5rem), 1fr));
		align-items: stretch;
	}
}

.imageCard {
	position: relative;
	color: black;
	display: grid;
	grid-template:
		"img title"
		"img images"
		"footer footer"
		/ auto 1fr;
	column-gap: 1rem;
	row-gap: 1.25rem;
	width: min(100%, 33rem);
	min-height: 25rem;
	background-image: url(/assets/img/research/card-texture-kiwihug-unsplash.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 1rem;

	@media (max-width: 1240px) {
		grid-template:
			"title"
			"img"
			"images"
			"footer"
			/ auto;
		width: min(100%, 17rem);
	}

	h2 {
		grid-area: title;

		display: block;
		font-size: clamp(1.25rem, 2.5dvw + 1rem, 1.75rem);
		font-weight: 500;
		border-bottom: 2px solid var(--qmBlue);
		width: auto;
		height: fit-content;
		line-height: 1;
	}

	h3 {
		font-size: var(--fz-h4);
		font-weight: normal;
		margin-block-end: 0.85rem;
	}

	a:has(img) {
		grid-area: img;
	}

	img {
		box-shadow: 2px 6px 10px rgb(0, 0, 0, 0.3);

		@media (max-width: 1240px) {
			width: 15rem;
			justify-self: center;
		}
	}

	.hiRes {
		grid-area: images;
	}

	.imageCard-footer {
		grid-area: footer;

		color: rgb(51, 55, 61);
		text-align: center;
	}

	.ghost-btn-solid-blue {
		font-size: 1.25rem;
		/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.29) 0%, rgba(0, 0, 0, 0.075) 100%),
			radial-gradient(at top center, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.4) 120%) #989898; */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.29) 0%, rgba(0, 0, 0, 0.13) 100%),
      radial-gradient(at top center, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.3) 120%) rgb(112, 112, 112, 1);
      background-blend-mode: multiply, multiply;
      text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
		min-width: 140px;
		margin-inline: auto;
	}
}

/** END IMAGE CARD */

/* MARK: Civil War
*/

/* MARK: Uniform Photo
*/
/** CIVIL WAR | WILLARD UNIFORM PHOTOS */

.sourcesIntro.wub {
	margin-block-end: 2rem;
	line-height: 1.4;

	p {
		font-size: 1.125rem;
		margin: 0 0 0.75rem 0;
	}

	a {
		color: rgb(157, 184, 202);
		transition: color ease-in-out 350ms;
	}

	a:hover {color: #f9e896;}
}

.uniformMenu {
	display: grid;
	place-content: center;
	padding-block: 1.5rem;
	margin-bottom: 2.5rem;

	h4 {
		font-size: 1.75rem;
		margin-bottom: 0.25em;
		text-align: center;
	}
}

.uniMenuCon {
	display: flex;
	flex-wrap: wrap;
	background-color: rgb(0, 0, 0, 0.13);
	padding: 0.125em 0.225em;
	border-radius: 0.35rem;
	/* box-shadow: 0 2px 8px rgb(0,0,0,0.25); */

	a {
		display: inline-block;
		flex: 1;
		color: rgb(176, 176, 176);
		font-size: 1.65rem;
		cursor: pointer;
		text-align: center;
		text-wrap: nowrap;
		border: 1px solid hsl(from var(--qmBlue) h s l / 0.1);
		padding: 0.275em 0.4em;
		margin: 0;
		transition: all ease-in-out 350ms;

		@media (max-width: 1024px) {
			font-size: clamp(18px, 2vw + 5px, 96px);
		}
	}

	a:hover {
		color: white;
		background-color: rgb(0, 0, 0, 0.1);
		border: 1px solid hsl(from var(--qmBlue) h s l / 0.5);
		/* border-bottom: 1.5px solid hsl(from var(--qmBlue) h s l / .25);
      border-right: 1.5px solid hsl(from var(--qmBlue) h s l / .25); */
	}
}

/* MARK: Content Load
*/

/**  CONTENT LOAD TRANSITIONS  */
/* MARK: Transitions
  */
#loaderContainer {
	min-height: 50vh;
}
#loaderContainer div {
	transform: translateX(50%);
}
.loader {
	display: inline-block;
	color: #fff;
	font-size: 10px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	margin-top: 15vh;
	text-indent: -9999em;
	animation: mulShdSpin 1.3s infinite linear;
	transform: translateZ(0);
}

@keyframes mulShdSpin {
	0%,
	100% {
		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em,
			-3em 0 0 -1em, -2em -2em 0 0;
	}
	12.5% {
		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 -1em;
	}
	25% {
		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em,
			-2em -2em 0 -1em;
	}
	37.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em,
			-3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	50% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0,
			-3em 0em 0 -1em, -2em -2em 0 -1em;
	}
	62.5% {
		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0,
			-2em -2em 0 -1em;
	}
	75% {
		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0,
			-3em 0em 0 0.2em, -2em -2em 0 0;
	}
	87.5% {
		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0,
			-2em -2em 0 0.2em;
	}
}

/* MARK: HISTORY
  */

/*  MARK: HERITAGE
  */
/** ///  -----  HISTORY  |  HERITAGE  -----  /// */

/** /// CLASSES FOR USE IN HISTORY & HERITAGE CONTENT /// */

.centerList {
	margin-left: 45%;
	transform: translate(-25%, 0%);
	padding-bottom: 15px;
	padding-top: 15px;
	width: 100%;
}
.italicizedText {font-style: italic !important;}

.boldCenter {
	text-align: center;
	font-weight: 700;
	border-bottom: 1px solid #777;
}
.noBorder {
	border: none !important;
}

/** /// LANDING PAGES /// */

/** Menu Column */
.landPage aside {
	background: hsl(from var(--qmBlue) h s l / 0.05);
}

/** Section Content*/
.HistoryHeritage .landPage-grid {
	display: grid;
	grid-template-columns: minmax(15rem, 19rem) 1fr;
	grid-template-rows: auto;
	column-gap: 1.75rem;
	padding-block: 1.5rem 3rem;
}
.HistoryHeritage .landPage article {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	column-gap: 1rem;
	row-gap: 0.625rem;

	@media (max-width: 1200px) {
		flex-direction: column;
	}
}
.HistoryHeritage .landPage .eraGroup article {
	row-gap: 0.3125rem;
}

.HistoryHeritage .landPage .articleCon {
	width: min(90ch, 100%);
	padding-block: 1.25rem;
	margin-inline: auto;

	@media (min-width: 2000px) {
		width: 120ch;
	}
}

.HistoryHeritage .landPage .eraGroup {
	margin-block-end: 2.5rem;
}
.HistoryHeritage .landPage .eraGroup article {
	margin-block-end: 0.9375rem;

	h3 {
		font-family: var(--ff-title);
		font-weight: normal;
	}

	p {width: 100%;}
}

.HistoryHeritage .landPage .eraGroup h2 {
	font-size: var(--fz-h2);
	text-transform: uppercase;
	border-bottom: 2px solid rgba(255, 255, 255, 0.13);
	margin-block-end: 1.25rem;
}
.HistoryHeritage .landPage .eraGroup h3 {
	font-size: var(--fz-h3);
	margin-block-end: 0;
}

.HistoryHeritage .landPage h2 {
	font-size: 2rem;
}

.HistoryHeritage .landPage p {
	font-size: 1.125rem;
}

.HistoryHeritage .landPage hr {
	margin-block: 2rem;
	opacity: 0.15;
}

/* MARK: Article
  */
/** /// ARTICLE PAGES /// */

.articleHistory {
	display: flow-root;
	width: min(1400px, 70%);
	margin: 1.25rem auto 5% auto;
	padding: 1.5rem 1.25rem;
	background-color: rgba(37, 42, 54, 0.3);
	color: rgba(255, 255, 255, 1);
	border: 3px solid #474b52;
	box-shadow: -10px 10px 10px rgba(19, 24, 36, 0.4);
	box-sizing: border-box;

	h3.sourceDate {
		font-family: var(--ff-xs);
		font-size: var(--fz-body);
		font-weight: 400;
		margin-block: 1.5rem 0;
	}

	:is(h1, h2.title) {
		font-size: var(--fz-h1);
		text-align: center;
		margin: 0;
		margin-block: 2.5rem;
		text-wrap: balance;
	}

	h2 {
		font-size: var(--fz-h2);
		margin-block-start: 1.875rem;
		text-wrap: balance;
	}

	h3 {
		font-size: var(--fz-h3);
		line-height: 1.25;
		margin-block: 1.5rem 0.625rem;
	}

	h4 {
		font-size: var(--fz-h4);
		line-height: 1.25;
		margin-block: 1.25rem 0.625rem;
	}

	p {
		font-size: var(--fz-body);
		margin-block-end: 1.25rem;
		line-height: 1.5;
	}
	p:has(+ ul) {
		margin-block-end: 0.625rem;
	}
	p:has(+ ol) {
		margin-block-end: 0.625rem;
	}

	li:not(:is(.col2, .col3, .col4)) {
		font-family: var(--ff-body);
		font-size: var(--fz-body);
		font-weight: normal;
		line-height: 1.5;
	}
	li:not(:is(.col2, .col3, .col4, :last-child)) {
		padding-block-end: 0.225em;
	}

	p a {
		/* color: var(--qmBlue); */
		text-decoration: underline;
		transition: all ease-in-out 350ms;
	}
	a:hover {
		/* color: var(--qmYellow); */
		text-decoration: none;
	}

	cite {
		margin-block-end: 1.25rem;
	}

	hr {
		margin-block: 1.25rem 2.5rem;
	}

	@media (max-width: 1024px) {
		width: 80%;
	}
	@media (max-width: 600px) {
		width: 90%;
	}
}

.articleHistory aside.article-toc {
	background-color: var(--qmBG);
	border: 1.5px solid var(--qmDarkBlue);
	border-radius: 0.625rem;
	width: fit-content;
	padding-inline: 1.5rem;
	padding-block-end: 1.5rem;
	margin-inline: auto;
	margin-block-end: 2.5rem;

	a {
		text-decoration: none;

		:hover {color: var(--qmLink);}
	}
}
.articleHistory .article-toc ul {
	margin-inline-start: 1rem;
}

.articleHistory cite.compiled {
	text-align: left;
	padding-inline: unset;
}

.articleHistory .articleNote cite {
	display: block;
	margin-block-end: 0.625rem;
}

/* p>cite {
    display: inline-block;
    margin: 0;
    font-size: 1.05em;
  } */

:is(p.end, .articleHistory > p:last-of-type):not(.articleNote p) {
	margin-block-end: 3.75rem;
}

/** FIGURE */
.articleHistory figure {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: fit-content;
	padding-inline: 0.5rem;
	padding-block-start: 0.5rem;
}
:is(.articleHistory, .weekHistory) figure:has(figcaption:not(:empty)) {
	background-color: rgb(0, 0, 0, 0.4);
}
.articleHistory figure.imgCen {
	margin-inline: auto;
	margin-block-end: 2.5rem;

	@media (max-width: 640px) {
		margin-block-end: 1.875rem;
	}
}
/** FIGCAPTION*/
:is(.articleHistory, .weekHistory) figure figcaption {
	font-size: var(--fz-xs);
	font-family: var(--ff-xs);
	font-weight: normal;
	line-height: 1.35;
	text-wrap: pretty;
	text-align: center;
	border-radius: 0 0 0.3125rem 0.3125rem;
	padding-inline: 0.3125rem;
	padding-block: 0.5rem;
	margin-block-start: -0.125rem;
	width: -webkit-fill-available;
	/* background-color: rgb(0,0,0,0.20); */

	h4 {margin-block: 0.3125rem;}

	/* @media(max-width: 540px) {padding-inline: 1.25rem;} */
}
:is(.articleHistory, .weekHistory) figure figcaption:empty {
	display: none;
}

/** EMPTY */
h3.sourceDate:empty {
	display: none;
}
cite.compiled:empty {
	display: none;
}
section.articleNote:has(p:empty) {
	display: none;
}
.HistoryHeritage p.small:empty {
	display: none;
}
/* MARK: Quote Box
  */
/** QUOTE BOX | NOTE BOX - at end of article */
.articleCon .articleNote {
	position: relative;
	margin: 0 2% 5% 5%;
	padding: 1.5%;
	width: clamp(275px, 50%, 500px);
	background-color: #bdd2ed;
	border: rgba(255, 255, 255, 0.4) solid 5px;
	box-shadow: -10px 10px 10px rgba(19, 24, 36, 0.4);
	color: #252a36;
	box-sizing: border-box;

	@media (max-width: 540px) {
		margin: 0 2% 5% 0%;
	}

	h4 {
		font-family: var(--ff-body);
		font-size: var(--fz-h4);
		font-weight: 600;
		margin-block: 0.625rem;
	}

	p {
		font-size: var(--fz-body);
		margin-block-end: 1rem;
	}

	a {
		color: var(--qmDarkBlue);
		text-decoration: underline;
		transition: all ease-in-out 350ms;
	}

	a:hover {text-decoration: none;}
}
/** QUOTE BOX | BLOCKQUOTE */
.articleCon .articleNote {
	display: grid;
}
.articleCon .articleNote h4:has(+ blockquote) {
	display: none;
}
.articleCon .articleNote blockquote {
	margin-block: 2rem 0.625rem;
}
.articleCon .articleNote cite {
	font-size: 1em;
	align-content: end;
	margin-inline: auto 15%;
}

/* MARK: Grid Table
  */
/*+  ///  GRID TABLE FOR CREW | BASE STYLES  ///  */
/*!  // DONT USE these Grid Table Styles  */
/*b*  // Use Global.css/GRID TABLE Style (.gridTableCon, .gridTable)  */

.crewCon,
.crewCon2W,
.crewCon4W,
.crewCon5W {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	padding-block: 1rem 1.875rem;
	margin-inline: auto;
	margin-block-end: 1.5rem;
	width: fit-content;

	/* @media(max-width: 768px) {width: 100%;} */
}
.crewCon li div:first-child {grid-area: d1;}
.crewCon li div:nth-child(2) {grid-area: d2;}
.crewCon li div:nth-child(3) {grid-area: d3;}

.crewCon li {
	display: grid;
	font-size: var(--fz-body);
	line-height: 1;
	grid-gap: 1rem;
	width: 100%;

	@media (max-width: 768px) {
		grid-gap: 0.325rem;
		align-items: center;
	}
}

/* Generalized 3-wide .crewCon template for inside any .articleCon */
.articleCon .crewCon li {
	grid-template:
		"d1 d2 d3"
		/11.25rem 10.9375rem 12.1875rem;

	@media (max-width: 768px) {
		grid-template:
			"d1 d2 d3"
			/9.375rem 1fr;
	}
}

/* Generalized 2-column-wide (2W) template for inside any .articleCon */
.crewCon2W li div:first-child {grid-area: d1;}
.crewCon2W li div:nth-child(2) {grid-area: d2;}
.articleCon .crewCon2W li {
	display: grid;
	font-size: var(--fz-body);
	line-height: 1;
	grid-gap: 1rem;
	width: 100%;
	grid-template:
		"d1 d2"
		/12rem 12rem;
}

/* Generalized 4-column-wide (4W) template for inside any .articleCon */
.crewCon4W li div:first-child {grid-area: d1;}
.crewCon4W li div:nth-child(2) {grid-area: d2;}
.crewCon4W li div:nth-child(3) {grid-area: d3;}
.crewCon4W li div:nth-child(4) {grid-area: d4;}

.articleCon .crewCon4W li {
	display: grid;
	font-size: var(--fz-body);
	line-height: 1;
	grid-gap: 1rem;
	width: 100%;
	grid-template:
		"d1 d2 d3 d4"
		/6rem 10rem 8rem 8rem;
}

/* Generalized 5-column-wide (5W) template for inside any .articleCon */
.crewCon5W li div:first-child {grid-area: d1;}
.crewCon5W li div:nth-child(2) {grid-area: d2;}
.crewCon5W li div:nth-child(3) {grid-area: d3;}
.crewCon5W li div:nth-child(4) {grid-area: d4;}
.crewCon5W li div:nth-child(4) {grid-area: d5;}

.articleCon .crewCon5W li {
	display: grid;
	font-size: var(--fz-body);
	line-height: 1;
	grid-gap: 1rem;
	width: 100%;
	grid-template:
		"d1 d2 d3 d4 d5"
		/8rem 8rem 8rem 8rem 8rem;
}

/*+ MA - Lady Be Good */
#ma-ladyBeGood .crewCon li {
	grid-template:
		"d1 d2 d3"
		/11.25rem 10.9375rem 12.1875rem;

	@media (max-width: 768px) {
		grid-template:
			"d1 d3"
			"d2 d3"
			/9.375rem 1fr;
	}
}
/*+ MA - 14th QM DETACHMENT */
/** 14th QM */
#ma-14thQM_Detachment .crewCon li {
	grid-template:
		"d1 d2 d3"
		/12.1875rem 2.8125rem 12.5rem;
	grid-template-rows: auto;

	@media (max-width: 768px) {
		grid-template:
			"d1 d2 d3"
			/8.75rem 2.125rem 9.375rem;
	}

	@media (max-width: 460px) {
		grid-template:
			"d1 d2"
			"d3 ."
			/9.375rem 2.125rem;
	}
}
/** OTHER UNITS*/
#ma-14thQM_Detachment .crewCon.otherUnits li {
	grid-template:
		"d1 d2 d3"
		/13.3125rem 2.8125rem 12.5rem;
	grid-template-rows: auto;

	@media (max-width: 768px) {
		grid-template:
			"d1 d2 d3"
			/9.5rem 2.125rem 9.375rem;
	}

	@media (max-width: 460px) {
		grid-template:
			"d1 d2"
			"d3 ."
			/10rem 2.125rem;
	}
}
/*+ MA - Erection of Permanent Headstones in Europe - 1930 */
#ma-europe1930 .crewCon li {
	grid-template:
		"d1 d1 d1"
		"d2 d3 ."
		/9.375rem 9.375rem 1fr;
	column-gap: 0.625rem;
	row-gap: 0.3125rem;
	margin-block-end: 0.9375rem;

	h4 {
		display: inline-block;
		font-size: var(--fz-h3);
		margin-block: 0;
	}

	br {display: none;}

	@media (max-width: 540px) {
		grid-template:
			"d1 d1"
			"d2 d3"
			/7.5rem 7.5rem;

		br {display: block;}
	}
}

/* MARK: Btn SubSec
  */
/** BUTTONS FOR SUB-SECTIONS */

.HistoryHeritage .buttonsSubsection {
	width: 100%;
	padding-block: 2.5rem;
}
.HistoryHeritage .buttonsSubsection .btnCon {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: space-evenly;
	padding-inline: 1rem;
	gap: 1rem;
	width: 100%;
	box-sizing: border-box;

	@media (max-width: 580px) {
		grid-template-columns: 1fr;
		place-items: center;
	}
}
.HistoryHeritage .buttonsSubsection .btnCon a {
	font-family: var(--ff-title);
	font-size: var(--fz-h2);
	background-color: #33373d;
	text-align: center;
	border: 3px solid #474b52;
	width: fit-content;
	padding-block: 0.8em;
	padding-inline: 2.5em;
	transition: ease-in-out 350ms;
}
.HistoryHeritage .buttonsSubsection .btnCon a:hover {
	color: white;
	box-shadow: 4px 6px 12px rgb(0, 0, 0, 0.2);
}

/* MARK: --Pages--
  */
/*+  ///  =====  HISTORY HERITAGE PAGES  =====  ///  */

/** IMAGE CONTAINER FOR 200PX WIDE IMGAES */
.articleHistory .imagesCon {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
	grid-template-rows: auto;
	grid-gap: 1rem;
	place-items: center;
	width: 100%;
	padding: 0 0.625rem 1.5rem 0.625rem;
}
/* MARK: Water div
  */
/**  ///  WATER PURIFIACTION  ///  */

/** Water Support in Somalia */
#waterSupportSomalia img {
	outline: 4px solid white;
	outline-offset: -4px;
}
#waterSupportSomalia figure {
	margin-inline: auto;
	margin-block-end: 1.75rem;
}
.monumentQuote {
	margin-block: 1rem 2.5rem;
}
h4.monumentText {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.2;
	padding-inline: max(10%, 1.25rem);
}
/* MARK: Heritage
  */
/**  ///  HERITAGE  ///  */

/** Key & Famous Quartermasters - pages */
.articleHistory.heritage > div {
	background-color: rgb(0, 0, 0, 0.13);
	border-radius: 0.625rem;
	padding: 1rem 1.25rem;
	margin-block: 1rem;
}
.articleHistory.heritage > div :is(h3, p) {
	padding: 0;
	margin: 0;
}
.articleHistory.heritage > div:last-of-type {
	margin-block-end: 3.75rem;
}

/** QM MEDAL OF HONOR RECIPIENTS */
.articleHistory.qmMOH > div.listMOH {
	display: grid;
	place-items: center;
	justify-content: space-evenly;
	width: 100%;

	ul {
		columns: 2;
		column-width: 16.25rem;
		column-gap: 2rem;
		width: 100%;
	}
}
.articleHistory.qmMOH a {
	color: var(--qmBlue);
	font-size: var(--fz-h4-ssp);
  text-decoration: none;
	padding-block: 0.25em;
	transition: color ease-in-out 350ms;
}
.articleHistory.qmMOH a:hover {
	color: var(--qmYellow);
}
.articleHistory.qmMOH .miniBio > div {
	background-color: rgb(0, 0, 0, 0.13);
	border-radius: 0.625rem;
	padding: 1rem 1.25rem;
	margin-block: 1rem;

	h3 {font-weight: 600;}
}

/* MARK: Mort-Affairs
  */
/**  ///  MORTUARY AFFAIRS  ///  */

/** TELL ME ABOUT MY BOY */
#tellMe ul.col2 {
	column-width: 12.5rem;
	column-gap: 2rem;
}

/* MARK: Subsistenence
  */
/**  ///  SUBSISTENENCE  ///  */
.articleHistory .rations:is(.col1, .col2, .col3, .col4) {
	column-width: 8.4375rem;
	column-gap: 1.25rem;
	width: fit-content;

	li {
		justify-content: start;
		line-height: 1;
		padding-inline: 0.2188rem;
		padding-block: 0.2188rem;
		box-sizing: border-box;
	}
}
ul.list:is(.col1, .col2, .col3, .col4):not(ul.menuList) {
	border: 1.5px solid rgb(255, 255, 255, 0.1);
	border-radius: 0.625rem;
	padding-inline: 0.3125rem;
	padding-block: 0.3125rem;
}
ul.list.rations:is(.col1, .col2, .col3, .col4):not(ul.menuList) {
	margin-inline: 0;
	overflow-x: hidden;
}
.articleHistory :is(.listCon, [class^="listCon"]) {
	width: fit-content;

	h4 {
		text-align: center;
		width: auto;
		margin-block-start: 0;
	}
}
.listCon-Cen {
	display: grid;
	justify-items: center;
	margin-inline: auto;

	span {height: fit-content;}

	ul {margin-inline-start: 0;}
}

.articleHistory :is(.listCon, .listCon-Cen) ul.list.menuList.col2 {
	column-width: 15.625rem;

	ul {margin: 0 0 0 0.9375rem;}

	a {text-decoration: none;}
}

ul.menuList * > * {
	font-family: var(--ff-title);
}
.articleHistory .listCon ul.list.menuList.col2 li.subMenuTitle {
	text-transform: uppercase;
	border-bottom: 2px solid rgb(255, 255, 255, 0.3);
	width: 95%;
	line-height: 1;
	margin-block-start: 0.3125rem;
}

/* MARK: Flip Card
*/
/*b<  ///  FLIP CARD  ///  */

/** The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
	background-color: var(--qmBlue);
	width: 100%;
	height: 100%;
	border: 1px solid var(--qmBlue);
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 200px;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
	background-image: url(/assets/img/global/backgrounds/book.jpg);
	color: black;
}

/* Style the back side */
.flip-card-back {
	background-color: var(--qmBlue);
	color: #000;
	transform: rotateY(180deg);
}

.flip-card-back h1 {
	font-weight: 700;
	font-size: large;
}

.flip-card-back p {
	font-size: small;
}

/**** History End ****/

/* MARK: Media Queries
*/

/*+  //////////  MEDIA QUERY <1450 & >1250 //////////  */

/* MARK: <1450 >1250
*/
/*b-  ///  <1450px & >1250px  ///  */
@media only screen and (max-width: 1450px) and (min-width: 1250px) {
	/**** Exhibits ****/
	#exhibit-overview .exhibit li {
		width: 360px;
	}

	/*/ #exhibit-overview .exhibit .exhibit_title {
		font-size: 2.3em;
		padding: 0.5em 0px;
		height: 35px;
	} */

	#page-content .element .element-header h1 {
		padding: 0.2em 0;
	}

	/* MARK: Research
    */
	/**** Research ****/
	#research_individual ul {
		text-align: center;
	}

	#research_individual ul li {
		display: inline-block;
		margin: 1em;
		padding: 2.5em;
		border: 1px solid #fff;
		vertical-align: top;
		background: rgba(180, 180, 180, 0.4);
		width: 80%;
		box-shadow: 0px 2px 5px #333;
	}

	#research_individual .information .information_header {
		font-size: 2.6em;
		text-shadow: 1px 1px 1px #333;
		background: #1b2b39;
		padding: 0.3em 0px 0px;
		width: 100%;
		text-align: center;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}

	#research_individual .information .information_header h1 {
		padding: 0.5em;
		font-size: 1em;
	}

	#research_individual .information strong {
		font-weight: bold;
	}

	#research_individual .information h1 {
		height: 1.5em;
	}

	#research_individual .information h2 {
		text-decoration: underline;
		height: 20px;
	}

	#research_individual .featured-image {
		float: left;
		margin: 1em;
	}

	/*/ #research_individual .featured-image figcaption {
        font-size: 1em;
    } */

	#research_individual h1 {
		font-size: 3em;
		margin: 0.3em 0;
	}

	#research_individual h2 {
		line-height: 1.4em;
		font-size: 2em;
	}

	#research_individual p {
		width: auto;
		text-align: left;
		margin: 1.5em 0;
		font-size: 1.3em;
		line-height: 1.5em;
	}

	#page-content .motto {
		font-size: 2em;
		text-align: center;
	}

	/* No description list */
	#research_individual .item {
		display: inline-block;
		width: 150px !important;
		height: 300px;
	}

	#research_individual .item .featured_title {
		text-align: center;
		clear: both;
	}

	#research_individual .item .featured_title h1 {
		font-size: 2em;
	}

	#research_individual .item .featured_title h2 {
		font-size: 1em;
	}

	/*( Both left this empty #research_individual .item .featured_image {
        
    } */

	#research_individual #quote {
		float: right;
		background: rgb(83, 86, 92);
		padding: 1em;
		margin: 0.35em;
		border: 1px solid #fff;
		width: 390px;
	}

	#page-content .contact-info li {
		display: inline-block;
		width: 45%;
		vertical-align: top;
		margin: 0;
	}

	#page_header .description {
		width: 90%;
	}

	#page-content .element {
		width: 75%;
	}

	/*/ #page-content .element:last-of-type {
        width: 58%;    
    } */

	#page-content .element #nav-arrows {
		display: none;
	}

	#page-content .element .element-header h1 {
		padding: 0.2em 0;
	}

	#page-content .element .explore {
		text-align: center;
		width: 100% !important;
	}

	#page-content .element .explore li {
		width: 350px;
		padding: 0em 2em 0em 0;
	}

	/* MARK: AOTM
    */
	/**** Artifact of the Month ****/

	#artifact-of-the-month #artifact-years li.active {
		background: rgba(180, 180, 180, 0.2);
		border-bottom: none;
	}

	#artifact-of-the-month #artifact-months {
		background: rgba(180, 180, 180, 0.2);
		height: auto;
		margin: 0 0 50px 0;
	}
	:is(#artifact-years, #artifact-months) a {
		text-decoration: none;
	}

	.artifact .artifact-info a {
		color: rgb(179, 236, 255);
		transition: ease-in-out 350ms;

		:hover {
			text-decoration: underline;
		}
	}

	/*/ #artifact-of-the-month #artifact-months li {
        display: inline-block;  
        font-size: 1.6em;
    }
    
        
    #artifact-of-the-month .artifact #current .artifact-info {
        width: 100%;
    }*/

	#artifact-of-the-month .artifact #current ul {
		width: 100%;
	}

	#artifact-of-the-month #artifact-images {
		width: 288px;
	}

	/**** Research ****/
	#research_individual .element {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		background: rgba(137, 136, 136, 0.53) none repeat scroll 0% 0%;
		box-shadow: 0 2px 1px rgba(0, 0, 0, 0.26);
		width: 55%;
		min-height: 430px;
		height: auto;
		margin: 1em;
		border-radius: 5px;
	}

	#research_individual .element .element-header {
		/* font-size: 2.1em; */
		text-shadow: 1px 1px 1px #333;
		background: #391b1b;
		padding: 0.3em 0px 0px;
		width: 100%;
		height: 80px;
		text-align: center;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}

	#research_individual .element .element-content {
		text-align: left;
		padding: 1em;
		font-size: 1.2em;
	}

	#research_individual ul {
		text-align: center;
	}

	#research_individual ul li {
		display: inline-block;
		margin: 1em;
		padding: 2.5em;
		border: 1px solid #fff;
		vertical-align: top;
		background: rgba(180, 180, 180, 0.4);
		width: 80%;
		box-shadow: 0px 2px 5px #333;
	}

	#research_individual .information .information_header {
		font-size: 2.6em;
		text-shadow: 1px 1px 1px #333;
		background: #1b2b39;
		padding: 0.3em 0px 0px;
		width: 100%;
		text-align: center;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}

	#research_individual .information .information_header h1 {
		padding: 0.5em;
		font-size: 1em;
	}

	#research_individual .information h1 {
		height: 1.5em;
	}

	#research_individual .information h2 {
		text-decoration: underline;
		height: 20px;
	}

	#research_individual .featured-image {
		float: left;
		margin: 1em;
	}

	/*/ #research_individual .featured-image figcaption {
        font-size: 1em;
    } */

	#research_individual h1 {
		font-size: 2em;
		/* margin: 0.3em 0; */
	}

	#research_individual h2 {
		line-height: 1.4em;
		font-size: 2em;
	}

	#research_individual p {
		width: auto;
		text-align: left;
		margin: 1.5em 0;
		line-height: 1.5em;
	}

	#page-content .motto {
		font-size: 2em;
		text-align: center;
	}

	/**** Research ****/
	#research_individual .item {
		display: inline-block;
		width: 150px !important;
		height: 300px;
	}

	#research_individual .item .featured_title {
		text-align: center;
		clear: both;
	}

	#research_individual .item .featured_title h1 {
		font-size: 2em;
	}

	#research_individual .item .featured_title h2 {
		font-size: 1em;
	}

	#research_individual #quote {
		float: right;
		background: rgb(83, 86, 92);
		padding: 1em;
		margin: 0.35em;
		border: 1px solid #fff;
		width: 390px;
	}

	/**** Sidebars ****/
	aside.element:not(.artifact-video >) {
		float: right;
		width: 40% !important;
	}

	aside.element.gift-shop {
		min-height: 0 !important;
	}

	aside.element.gift-shop .element-content {
		text-align: center !important;
	}
}
/* MARK: <1250 >1024
*/
/*b-  ///  <1250px & >1024  ///  */
@media only screen and (max-width: 1250px) and (min-width: 1024px) {
	#page-content .contact-info li {
		display: block;
	}

	/**** Exhibits ****/
	#exhibit-overview .exhibit li {
		margin: 0.3em;
		width: 315px;
	}

	/*/ #exhibit-overview .exhibit .exhibit_title {
		font-size: 2em;
		padding: 0.3em 0px;
		height: 36px;
	} */

	/**** Research ****/
	/*/ #research_overview ul li h1 {
        font-size: 2em;
        padding: 14px 0px;
    } */

	/**** Sidebar ****/

	aside.element.gift-shop {
		min-height: 0 !important;
	}

	aside.element.gift-shop .element-content img {
		width: 300px;
	}

	aside.element.gift-shop .element-content {
		text-align: center !important;
	}
}
/* MARK: <1024 >968
*/
/*b-  ///  <1024px & >968px  ///  */
@media only screen and (max-width: 1024px) and (min-width: 968px) {
	#page-content .contact-info li {
		display: block;
	}

	/**** Research ****/
	#research_overview ul li h1 {
		font-size: 2em;
		padding: 14px 0px;
	}

	/**** Sidebar ****/
	aside.element.gift-shop .element-content img {
		width: 300px;
	}
}
/* MARK: <968 >650
*/
/*b-  ///  <968px & >650px  ///  */
@media only screen and (max-width: 968px) and (min-width: 650px) {
	#page-content .element {
		width: 100%;
	}

	#page-content .element .element-header {
		height: 69px;
	}

	/*/ #page-content .element .element-header h1 {
        font-size: 1.2em;
    } */

	#page-content .element .element-content {
		display: block;
	}

	#page-content .element .program {
		width: 90%;
	}

	#page-content .contact-info li {
		padding: 1em 0;
	}

	/**** Exhibits ****/
	#exhibit-overview .exhibit li {
		width: 100%;
	}

	/**** Research ****/
	#research_overview ul li {
		width: 80%;
	}

	#research_overview ul li h1 {
		font-size: 1.9em;
		padding: 14px 0px;
	}

	/**** Sidebar ****/
	aside.element {
		width: 100% !important;
	}
}
/* MARK: <650
*/
/*b-  ///  <650px  ///  */
@media only screen and (max-width: 650px) {
	#page-content .element {
		width: 100%;
	}

	#page-content .element:last-of-type {width: 100% !important;}

	/*/ #page-content .element .element-content {
        width: 90%;
        margin: 0 auto;
    } */

	#page-content .contact-info li {
		display: block;
	}

	#research_overview ul li {
		width: 80%;
		height: auto;
	}

	/**** Sidebar ****/
	aside.element {width: 100% !important;}
}


/* MARK: Airborne
*/
/**  ///  AIRBORNE  ///  */

.research-center .element-content article:not(.content-brick) {margin-block-end: 1.875rem;}

.research-center .airbornePatchCon {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding-block: 1.875rem;

  @media(max-width: 580px) {
    flex-direction: column;
    align-items: center;

    img:first-of-type {margin-block-end: 1rem;}
  }
}

#research_individual.unitCrests ul.unit-crests {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  width: 100%;
  height: fit-content;

  li.item {
    display: grid;
    grid-auto-rows:auto;
    align-content: stretch;
    min-width: 11.5625rem;
    height: auto;

  }
}
#research_individual.unitCrests ul.unit-crests figure {
  align-content: center;
  height: fit-content;
  min-height: 9.5625rem;
  margin-block: auto;
}

#research_individual.unitCrests ul.unit-crests hgroup {
  align-content: start;
  height: fit-content;
  min-height: 4.6875rem;
}








/* MARK: GLOBAL
*/
/*^ ====================  GLOBAL STYLES ==================== */

/*<  ///  UTILITY CLASSES  ///  */

/** External page MODALS */
a.showBio {
	cursor: pointer;
}

/** Deactivate / Subdue Links/Buttons */
.deactive {
	opacity: 50%;
	cursor: default;
}
:is([id="*"], [id$="overview"]) .deactive:hover {
	color: initial;
	background: rgb(51, 55, 61);
}
/** Sub-Section Buttons */
[id$="overview"] ul li.deactive {
	border-color: rgb(51, 55, 61);
}











