/* structure */

/* primary styles */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
* {
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-size: 1em;
	outline: none;
}

.hidden{
	display: none;
}

body{
	background-color:#ffffff;
	color:#444;
	margin:0;
	padding:0;
}
body .wrapper{
	padding:0;
	margin: 1em auto 0;
	width: auto;
	max-width: 96vw;
	overflow: hidden;
	position:relative;
	display:block;
	clear: both;
}
body .wrapper:after{
	clear: both;
}


body #masthead_wrapper{
	z-index: 9999;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 2.5em auto 0;
}
/* now added to banner.css
body.page-home #masthead_wrapper{
position: absolute;
}
body.page-home.loggedin #masthead_wrapper {
	top: 32px;
}
@media (max-width:786px){
	body.page-home.loggedin #masthead_wrapper {
		top: 0px;
	}
}
*/
body #masthead {
	overflow: hidden;
	position: relative;
	top: 0px;
	width: auto;
	height: auto;
	text-align: center;
	display: block !important;
	padding: 1.2em 0.2em 0.9em;
	margin: 1em 0 2em;
	color: black;
	border-top: 6px black solid;
}
@media (max-width:1366px){
	body #masthead {
	margin: 0.8em 0 2em;
	padding: 1em 0.2em 1.1em;
	}
}
@media (max-width:786px){
	body #masthead {
	margin: 0.5em 0 2em;
	padding: 0.8em 0.2em 1.1em;
	}
}
body #masthead.light{
	border-color: white;
}
body.page-home #masthead {
	border-bottom-width: 0px;
	animation: grow_masthead 0.5s;
	animation-timing-function: ease-in;
	overflow: hidden;
}
@keyframes grow_masthead {
  0%   {
	  padding: 1.2em 0em 0;
	  width: 0px;
  }
  70% {
		padding: 1.2em 0.2em 0;
		width: 50%;
}
  100% {
	  width: 100%;
  }
}
#masthead h2{
	animation: fade_in_description 1s;
}
@keyframes fade_in_description {
  0% {
		opacity: 0;
	}
 50% {
		opacity: 0;
	}
  100% {
	  opacity: 1;
  }
}




code, kbd, samp, pre, tt, var, textarea, input, select, isindex {
	font: inherit;
	font-size: 1em;
}
a, img, a img,
iframe,
form, fieldset,
abbr, acronym, object, applet {
	border: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
q { quotes: "" ""; }

body #canvasholder.notouch canvas{
	touch-action: none;
}
/* 
   miscellaneous
*/
.clear{clear:both;}

/*
   images
*/
img,img.alignnone {margin: 0 0 1em 0;clear:both;float:none;display:block;}
img.alignleft {margin:0 10px 1em 0px;clear:left;float:left;}
img.alignright {margin:0 0 1em 10px;clear:right;float:right;}
img.aligncenter{margin:0 auto;position:relative;clear:none;}

img{
	border:none;
}

.entry-meta{
	margin-right: 5px;
}
.edit-link {
	display:block;
}
.comment-edit-link, .edit-link a, .required, .unapproved{
	color: #7c1110;
}


a.wp-block-button__link,
a.wp-block-button__link:visited{
	border: thin black solid;	
}
a.wp-block-button__link:hover{
	background: white;
	border: thin black solid;
	text-decoration: none;	
}






body.s-category-lab .banner-wrap .image-wrap {
	float: right;
	max-width: 34vw;
	z-index: -10;
}
body.s-category-lab .banner-wrap .image-wrap img {
	max-width: 34vw;
}

body #container {
	width: 96vw;
	margin: 0 auto;
}


#content_wrapper{
	transition: all 0.1s linear;
}

body .entry-content {
	width: 100%;	
}
body .entry-content img {
	/*max-width: 96vw;*/
	margin: 2vw auto;
	height: auto;
}
body .entry-content .wp-block-embed__wrapper{
	margin: 2vw auto;
	height: auto;
}
body .entry-content p {
	padding:0 0;
	width: auto;
	max-width: 800px;
	margin: 2vw auto;
	padding-top: 0;
	border: none;
	float: none;
}
body .entry-content p.has-large-font-size{
	max-width: 1020px;
	margin: 1em auto;
}
@media (max-width: 740px){
	body.page .entry-content p.has-large-font-size {
		font-size: 2em !important;
	}
}




/*
   main navigation
*/
body #navigation {
	background-repeat: no-repeat;
	margin: 2px auto 7%;
	clear: both;
	line-height: 2.4em;
	text-transform: uppercase;
	font-size: 1.2em;
	position: relative;
}
body #navigation h1 {
	display: none;
}
/*
   main navigation home
*/
body #navigation {
	float: none;
	width: 100%;
	display: block;
	border: none;
	margin: 0 0;
	padding: 0 0 0 60vw;
}

body #navigation ul {
    text-align: left;
    width: auto;
	list-style-position: outside;
	list-style: none;
	text-transform: none;
	position: relative;
	margin: -0.2em 0 0;
	padding: 0 0;
	font-size: 1em;
} 

body #navigation ul li {
	height: auto;
	padding: 0 0vw;
	margin:  0 0;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-image: none;
	display: block;
	list-style-position: inside;
	color: #7c1110;
	display: block;
	width: auto;
	font-size: 1em;
	line-height: 1em;
}
/*
body #navigation ul li.cat-item-1{
	padding-left: 0px;
	margin-left: 0px;
	background-position: -9999px;
	display: inline;
	list-style-position: inside;
}*/	
body #navigation ul li.cat-item-1,
body #navigation ul li.cat-item-7 {
	visibility: hidden;
	display: none;
	/*  hides unwanted catagory */
}
body #navigation ul li a {
	display: inline;
	line-height: 1.6em;
	font-size: 0.9em;
	border-style: none;
	text-decoration: none;
	color: black;
	padding: 0 0vw;
	margin: 0 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
body #navigation ul li a:hover {
	padding: 0 0vw;
	margin: 0 0;
	height: auto;
	text-decoration: underline;
}
@media (max-width:375px){
	body  #navigation ul li a {
	font-size: 0.8em;
	}
}





/* 
   home & archive
*/

body #container{
	width: auto;
    max-width: 100%;
    background-color: #d9d9d9;
    background-color: white;
}
body #container .post-selector-wrap{
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;

	margin: 0 auto;
	padding: 0 0;
	width: 100%;
	max-width:100%; /* ie10 11 fix */
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	
		/* display flex if possible */
	  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	  display: -webkit-flex;     /* NEW - Chrome */
	  display: -ms-flexbox;      /* TWEENER - IE 10 */
	  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-flow: row wrap;
	
	/* horizontal distibution */
	-webkit-box-pack: space-between;
	-moz-box-pack: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	
	/* vertical distibution */
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	
	/* vertical sizing */
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	
 }
@media (max-width:900px){
	body #container .post-selector-wrap {
		align-items: top;		
	}
}
body .post-selector-wrap > .post{
	padding-top: 1em;
	padding-bottom: 2em;
	text-align: left;
	flex-basis: auto;
	display: block;
	max-width: 100%;
	width: 32%;
	margin: 2vw 0;
	background-color: transparent;
	background-color: white;
	height:100%;
	position: relative;
	display: block;
	
  vertical-align: top;
  float: left;
  position: relative;

  padding: 0em 0;
  margin: 4vw 0 1vw !important;
   
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  
  -webkit-flex-shrink: 0; 
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
	  
  flex-grow: 0 !important;
  flex-shrink: 0 !important;

  /* to test and check */
  __border: thin #ddd dotted;
  __min-height: 15px;
	
}
body .post-selector-wrap > .post a{
	margin: 0 0;
}


@media (max-width:900px){
	html body div div.post-selector-wrap > .post{
		width: 50% !important;
		max-width: 49% !important;
		margin: 4vw 0 1vw !important;
	}
	html body div div.related_content.post-selector-wrap > .post:nth-child(2){
		display: none;
	}
}
@media (max-width:660px){
	html body div div.post-selector-wrap > .post{
		width: 100% !important;
		max-width: 100% !important;
		margin: 5vw 0 1vw !important;
	}
	html body div div.related_content.post-selector-wrap > .post{
		width: 50% !important;
		max-width: 49% !important;
		margin: 4vw 0 1vw !important;
	}
}

/* load more */
#posts-nav-below{
	width: 100%;
	margin: 4em auto;
}
.elm-button{
	padding: 0.5em 1.5em;
	font-size: 1.3em;
}



body .post .post-content{
   position: relative;
   margin-right: 1.8vw;
}
body.page-home .entry-content,
body.archive .entry-content,
body.category .entry-content{
    width: auto;
}

body.page-home .post-content,
body.archive .entry-content,
body.category .entry-content{
	width: 100%;
	padding: 0;
	z-index: 0;
	margin-top: -2.0em;
	padding-top: 1em;
	background: none !important;
}
@media (max-width:786px){
	body.page-home .post-content,
	body.archive .entry-content,
	body.category .entry-content{
		
	}
}
body .post-selector-wrap .post img{
	max-width: 100%;
	width: 100%;
	max-height: 100%;
	height: auto;
	padding: 0;
	margin: 0 0;
	position: relative;
 }




.meta-notes{
	margin: 6em 0 1em;
}
.meta-notes .section{
	position: relative;
	top: 0px;
	z-index: 10;
	width: auto;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    vertical-align: top;
	padding: 1vw 1vw 1.5vw;
	margin: 1em 0;
}

.meta-notes .section .section-column{
	top: 0px;
	width: 48%;
	margin: 1em 1%;
	border-top: 2px solid black;
}
@media (max-width:880px){
	.meta-notes{
		margin: 5em 0 1em;
	}
	.meta-notes .section .section-column{
		width: 58%
	}
	.meta-notes .section .section-column:first-of-type{
		width: 38%;
	}
}
@media (max-width:680px){
	.meta-notes{
		margin: 4em 0 1em;
	}
	.meta-notes .section .section-column{
		width: 98%
	}
	.meta-notes .section .section-column:first-of-type{
		width: 98%;
	}
}



.meta-notes .section:nth-child(1){
	background-color: #1A243C;
	color: #fff5eb;
}
.meta-notes .section:nth-child(1) .section-column{
	border-color: white;
}
.meta-notes .section:nth-child(1) h2,
.meta-notes .section:nth-child(1) p {
	color: #fff5eb;
}
.meta-notes .section:nth-child(1) p a{
	color: white;
}
.meta-notes .section:nth-child(2) h2,
.meta-notes .section:nth-child(2) p {
	color: #1A243C;
}
.meta-notes .section:nth-child(3){
	background-color: #fff5eb;
	color: #1A243C;
	margin-top: 0;
}
.meta-notes .section:nth-child(3) .section-column{
	border-color: #1A243C;
}
.meta-notes .section:nth-child(3) h2,
.meta-notes .section:nth-child(3) p {
	color: #1A243C;
}
.meta-notes .section:nth-child(3) p a{
	color: #1A243C;
}

.fluentform {
	font-size: 1.2em;
}




/* 
   footer
*/
#footer {
	margin: 1em auto 1em;
	padding: 10px 0 10px 0;
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 1px;
	max-width: 96vw;
	clear: both;
	font-size: 1em;
	text-align: center;
}
#footer p{
	color: black;
	line-height: 1.5em;
	font-size: 1.1em;
	margin: 0px;
	padding:0;
	display: flex;
	justify-content: space-between;
}
@media (max-width:580px) {
	#footer p span.dates{
		display: none;
	}
}
@media (max-width:380px) {
	#footer p span.name{
		display: none;
	}
}