.skin-header-background, 
.skin-footer-background { 
	background-color: #000;
	background-image: none;
}

.skin-footer-background { 
	height: auto;
	padding-bottom: 4em;
}

.skin-footer-seal { background-image: none !important; }
.skin-footer-content { padding-top: 2em; }
.border-wrapper { background-image: none; }

#hero-image-container { position: relative; }

#hero-image-container img { border-bottom: 0.25em solid #896b0f; }

#hero-image-header, #hero-image-header-right {
	position: absolute;
	top: 0.5em;
	color: #fff;
	z-index: 2;
	font-weight: bold;
}

#hero-image-header { left: 0.5em; font-size: 4rem; }

#hero-image-header-right { right: 0.5em; text-align: right; font-size: 4.67rem; }

#apel-image-header {
	position: absolute;
	top: 1em;
	left: 1em;
	color: #fff;
	z-index: 2;
	padding: 1em;
	background-color: rgba(0,0,0,0.6);
}

.main-content-header, 
.sub-content-header {
	font-family: Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

.portfolio-item-header {
	letterspacing: 4px; 
	padding-bottom: 1rem;
}

.col {
	width: 100%;
	flex: 0 0 100%;
}

.overview-box {
	background-color: transparent; /# old -- ededed;   old,old -- #e8e8e2;*/
	color: #fff;
	border: 1px solid #51534a;
	padding: 1rem;
	margin-top: 2em;
	margin-bottom: 2em;
}

.content-text {
	font-size: 1.33rem;
	line-height: 1.4;
	font-family: Arial, sans-serif;
}

.sub-content-tagline { 
	font-size: 1.25em; 
	font-weight: bold; 
	margin: 0;
}

.pm-row {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.pm-box {
	width: 90%;
	margin: 0 auto 3rem;
	border: 1px solid #000;
}

.pm-box img, .apel-grid img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.pm-title-box {
	background-color: #000;
	color: #fff;
	padding: 1rem 1.25rem;
	text-transform: uppercase;
}

.pm-title-box h3 {
	font-size: 1.5rem;
	margin-top: 0;
	line-height: 1.5;
}

.pm-shop-name {
	font-weight: bold;
	font-size: 2.25rem;
	line-height: 1.2;
}

.pm-shop-abbrv {
	font-weight: bold;
	color: #ffbb1b;
	font-size: 3.75rem;
	line-height: 1;
}

.pm-description-text {
	color: #000;
	line-height: 1.4;
	font-size: 1.25rem;
	padding: 1rem 1.25rem;
}

.pm-more-link {
	float: right;
	margin: 0 1.25rem 1rem auto;
}

.pm-more-link::after {
 	content: "";
 	clear: both;
 	display: table;
}

.wrap-text-center { text-align:center; }
.wrap-text-center .leadership-link { display:inline-block; }

.pm-more-link a, 
.leadership-link a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

hr { 
	height: 0.125rem;
	background-color: #896b0f;
	margin-top: 0;
	margin-bottom: 0.5em;
}

hr.section-divider { margin: 2em 0 3em; }

.mission-boxes-3 h4 { 
	font-weight: bold;
	margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
	.col-md-6 {
		width: 50%;
		flex: 0 0 50%;
	}
}

@media only screen and (min-width: 992px) {

	.jointJcs_caption {	
		max-width: 75% !important; 
		margin: auto;
	}

	.portfolio-list { column-count: 2; }
	.portfolio-list li { margin-bottom: 1.5rem; }
	.portfolio-item-image { 
		width: 50%;
		margin: auto;
		max-width: 480px; 
		height: auto;
	}

	.col-lg-4 {
		width: 25%;
		flex: 0 0 25%;
	}

	.link:hover { text-decoration: underline; }	

	#hero-image-container img { border-bottom: 0.5em solid #896b0f; }

	#hero-image-header {
		top: 1em;
		left: 1em;
		font-size: 6rem;
		line-height: 1.0;
	}

	/* override the navbar's drop-down menu */
	.otnav ul ul {
		background: #fff !important;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 2px solid #8d5e00;
 	}

	/* override right-side accordion menu colors & position*/
	/* old margin top .armyAccordionMenu { margin-top: calc(4rem - 4px); } */
	.armyAccordionRootNode { background-color: #67683c !important; }
	.armyAccordionMenuListItem { background-color: #dadbaf !important; }
	.armyAccordionMenu > .armyAccordionMenuListItem > .armyAccordionMenuSubMenu { padding-bottom: 0 !important; }

	.breadcrumbs {
		margin: 0 0 0 1rem;
		font-size: 1.25rem;
		color: #333;
	}

	.breadcrumbs a { color: #333 !important; }
	.breadcrumbs a:hover { text-decoration: underline; }

	.main-content-header, 
	.sub-content-header {
		margin: 0;
	}

	.overview-box { margin-top: 0; }

	.content-text {
		font-size: 1.25rem;
		line-height: 1.3;
		font-family: Arial, sans-serif;
	}

	#leadership-box { margin-bottom: 3rem; }

	#leadership-box .content-text { padding-left: 1rem; padding-right: 1rem; }
	
	.main-content-header { 
		font-size: 2.33em; 
		padding-left: 1rem;
		margin-bottom: 2rem;
	}

	.sub-content-header { 
		font-size: 2em; 
		line-height: 1.2;
		padding-left: 1rem; 
	}
	
	.overview-box .sub-content-header { padding-left: 0 !important; }
	
	.sub-content-tagline { padding-left: 1rem; }

	hr { 
		height: 0.125rem;
		background-color: #896b0f;
		margin-top: 0;
		margin-bottom: 0.5em;
	}
	
	hr.section-divider { margin: 2em 1rem 3em; }

	.clearfix::after { 
		content: "";
		clear: both;
		display: table;
	}

	.bio-caption {
		margin-top: 1rem;
		font-size: 1.125rem;
		line-height: 1.2;
	}

	.leadership-boxes-1,
	.mission-boxes-1 { 
		float: left;
		width: 100%;
	}

	.leadership-boxes-3 { 
		float: left;
		width: 30%;
		margin-right: 5%;
		padding: 1rem;
	}

	.leadership-boxes-3:last-child,
	.mission-boxes-3:last-child { margin-right: 0; }

	.leadership-boxes-3 { text-align: center; }

	.mission-boxes-3 { 
		float: left;
		width: 32%;
		margin-right: 2%;
		padding: 1rem;
	}

	.mission-boxes-3 h4 { 
		font-weight: bold;
		margin-bottom: 0;
	}

	.leadership-name { font-size: 1.125em; margin: 1rem auto 0.5rem; }

	.pm-row {
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 3rem;
	}

	.pm-box {
		width: 48%;
		margin: 0 auto;
	}
	
	.thumbnails-header {
		font-size: 2rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}

	#goggle-list {
		list-style-type: none;
		display: flex;
		justify-content: center;
		text-align: center;
		/* align-items: center; */
		flex-wrap: wrap;
		width: 100%;
		margin: 0;
		padding: 0 0 3rem;
	}
	
	#goggle-list li {
		/*flex: 1 1 calc(33% - 20px); */
		margin: 0 20px;
		display: inline-block;
		padding: 2rem 0 1rem;
	}
	
	#goggle-list li a {
		color: #000 !important;
	}

	#apel-grid-container {
		background-color: #fcfcfc;
		margin-top: 1rem;
		padding: 3rem 1rem;
	}
	
	#apel-grid-container h4 {
		font-size: 22px;
		color: #000;
		padding-top: 3rem;
	}

	#apel-grid-container h4:first-of-type { padding-top: 0; }

	.apel-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
		padding-bottom: 3rem;
	}

	.apel-grid:last-of-type { padding-bottom: 3rem; }

	.apel-grid div {
		flex: 1 1 calc(25% - 30px);
		padding: 2rem 1rem;
		margin: 1rem 15px;
		max-width: calc(25% - 30px);
		text-align: center;
		transition: all 0.6s ease-in-out;
		cursor: pointer; 
	}

	.apel-grid div:hover { box-shadow: -3px 3px 6px 2px #ccc; }

	.apel-grid div img { margin-bottom: 1rem; }

	.uplc { background: url("/Portals/53/Images/apel-img/uplc.png") top right no-repeat !important; }

	.full-page-grid {
		width: 80%;
		margin: 0 auto;
	}

	.apel-single-product-row { display: flex; }

	.apel-single-product-img-container {
		align-self: center;
		margin-right: 3rem;	
	}
	
	.apel-single-product-description-container { width: calc(67% - 3rem); }
	.apel-product-title { color: #676734; font-size: 2.6rem; font-weight: bold; }
	.apel-product-text { line-height: 1.43; }

	#apel-table th {
		font-weight: bold;
		background-color: #E0DECA;
		padding: 1rem 3rem;
		text-transformation: uppercase;
		text-align: left;
	}
	
	#apel-table td {
		padding: 1rem 3rem;
		text-align: left;
	}
	
	#apel-table td.section-header { background-color: #E0DECA; font-weight: bold; }

	#apel-table tr.odd { background-color: #f7f7f6 }

	.faq-question {
		text-transform: sentencecase;
		font-size: 1.75rem;
		font-weight: bold;
		margin-top: 5rem;
	}
	.faq-question:first-of-type {
		margin-top: 0;
	}
	.faq-answer {
		margin-left: 4rem;
		margin-bottom: 1.5rem; 
		font-size: 1.375rem; 
		line-height: 1.4;
	}

	/* underline movement on hover */
	.pm-more-link a, .leadership-link a, #goggle-list li a {
		transition: all 0.3s ease-in-out;
		position: relative;
	}
	.pm-more-link a:before, .pm-more-link a:after, 
	.leadership-link a:before, .leadership-link a:after,
	#goggle-list li a:before, #goggle-list li a:after {
		content: "";
		position: absolute;
		bottom: -4px;
		width: 0px;
		height: 2px;
		margin: 2px 0 0;
		transition: all 0.3s ease-in-out;
		transition-duration: 0.3s;
		opacity: 0;
		background-color: #000;
	}
	.pm-more-link a.hover-left:before, .pm-more-link a.hover-left:after, 
	.leadership-link a.hover-left:before, .leadership-link a.hover-left:after,
	#goggle-list li a.hover-left:before, #goggle-list li a.hover-left:after {
		left: 0;
	}
	.pm-more-link:hover a:before, .pm-more-link:hover a:after, 
	.leadership-link:hover a:before, .leadership-link:hover a:after,
	#goggle-list li:hover a:before, #goggle-list li:hover a:after {
		width: 100%;
		opacity: 1;
	} /* end underline movement on hover */
}