/*** COLORS ***/
:root {
	--cement-gray: #858A73;
	--ivory-white: #FFFFF0;
	--cobalt-blue: #0047AB;
	--gold: #FFD700;
	--body: #3F3F3F;
}

/*** BODY & WRAPPER ***/
body {
	width: 100%;
}

body, #wrapper {
	background-attachment: fixed;
	background-color: var(--cobalt-blue) !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
}

#wrapper {
	display: block;
	position: relative;
	width: 100%;
}

#wrapper > .main > header:before, #header > nav > ul > li.current:after {
	background-color: var(--gold);
}

#wrapper > .main > .inner.style2 {
	background-color: var(--ivory-white);
}

/*#wrapper > #page-title + .main.alt {
	padding: 0 0 6rem 0;
}*/

#wrapper [id^="post"].main, #wrapper [class^="post"].main {
	padding: 1rem;
}

#wrapper [id^="content"].main, #wrapper [class^="content"].main {
	padding: 1rem 0;
}

#wrapper #banner + [id^="content"].main, #wrapper #banner + [class^="content"].main {
	padding: 2rem 0 1rem !important;
}

#backgroundOpacity {
	display: block;
	position: absolute; 
	z-index: 1; 
	height: 100%; 
	width: 100%; 
	background-color: gray; 
	background-blend-mode: overlay;
	opacity: 0.65;
}

/*** HEADER ***/
#header {
	background-color: var(--ivory-white);
	color: var(--cobalt-blue);
}

#header > nav {
	display: none; /*Hamburger menu by default*/
}

#header > .navPanelToggle {
	color: var(--body);
	display: block !important;
}

#header.alt a:hover, #footer a:hover {
	color: var(--gold) !important;
}

#header:not(.alt) > .navPanelToggle {
	background-color: var(--gold);
}

/*** NAVIGATION ***/
#navPanel nav {
	padding: 0;
	margin: 3em 0 1em 0;
}

#navPanel nav a {
	padding: 0.75em 2em !important;
}

#navPanel nav a:hover {
	background-color: var(--gold);
}

#navPanel .link:hover {
	color: var(--body) !important;
}

/*** PAGE TITLES ***/
#page-title.main {
	padding: 5rem 0 2.75rem 0 !important;
}

#page-title.main > header {
	margin: 0 auto;
}

section {
	position: relative;
	z-index: 10;
}

section > header > h1 {
	color: var(--ivory-white);
}

/*** IMAGES ***/
.image.center {
	display: block !important;
}

.image.center img {
	margin: 0 auto;
}

img {
	box-shadow: 0.5em 0.5em 0.75em rgba(0, 0, 0, 0.35);
	border-radius: 8px !important;
}

/*** POSTS ***/
.post {
	background-color: var(--ivory-white) !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	margin-bottom: 0 !important;
}

.post:not(.alt) > .image img { /*Image on right*/
	/*border-radius: 0px !important;*/
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

.post.alt > .image img { /*Image on left*/
	/*border-radius: 0px !important;*/
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	box-shadow: -0.5em 0.5em 0.75em rgba(0, 0, 0, 0.35);
}

/* CONTENT */
[id^="content"] .inner.style2 {
	background-color: var(--ivory-white);
	padding: 2.5rem 2rem 1.5rem 2rem ;
	border-radius: 4px
}

/* EMAIL FORMS */
[id^="emailform"] h2, [class^="emailform"] h2 {
	color: var(--ivory-white);
}

[id^="emailform"] .submitButton, [class^="emailform"] .submitButton {
	background-color: var(--gold);
	color: var(--body) !important;
}

/*** BLOCKS & SECTIONS ***/
.section:last-of-type {
	padding: 1rem 0 2rem 0 !important;
}

#wrapper .section.main {
	padding: 0.5rem 0 1.5rem 0;
}

/*** FOOTER ***/
#footer {
	background-color: var(--cement-gray);
	color: var(--ivory-white) !important;
	text-align: left !important;
	padding: 0 !important;
	font-size: 80%;
	position: absolute; 
	z-index: 100; 
	width: 100%;
}

#footer h3, #footer h4, #footer h5, #footer h6 {
	color: var(--ivory-white) !important;
}

#footer a {
	border-bottom: none;
}

#footer-menu {
	padding: 3rem 3rem 1rem 3rem;
	border-top: var(--gold) solid 3px;
}

#footer-menu, #footer-bottom {
	margin: 0 auto;
}

#footer-menu .row div[class^="col-"] {
	margin: 0 0 1.5rem 0;
}

#footer-bottom {
	/*background-color: #696D5E;*/
	/*background-color: var(--ivory-white);
	color: var(--body) !important;*/
	padding: 0 3rem 0 3rem;
	margin: 0;
}

#footer-bottom .row {
	padding-top: 1rem;
}

#footer-bottom hr {
	margin: 0;
	border-top: 1px solid var(--ivory-white);
}

#footer-icons {
	text-align: right !important;
}

@media screen and (max-width: 1280px) {
	/* BLOCKS & SECTIONS */
	#wrapper .section.main {
		padding: 1.5rem 0;
	}
}

@media screen and (max-width: 980px) {
	#footer, #footer-icons {
		text-align: center !important;
	}
	
	#footer-menu {
		padding: 2.5rem 0 1rem 0 !important;
	}
	
	#footer-menu .row * {
		margin: 0 0 0.35rem 0;
	}
	
	#footer-bottom {
		padding: 2rem 0;
	}
	
	/*** IMAGES ***/
	.image.center img {
		height: inherit;
		width: 100%;
	}
	
	/* EMAIL FORMS */
	[id^="emailform"] .block, [class^="emailform"] .block {
		padding: 0 0.75rem !important;
	}
	
	.post:not(.alt) > .image img {
		border-radius: 4px !important;
	}
}

@media screen and (max-width: 480px) {
	body {
		overflow-x: initial !important;
	}
}