/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}


body, html {font-family: font-family: 'Roboto', sans-serif; color: #5f5f5f;}


 .site {
			  display: flex;
			  min-height: 100vh;
			  flex-direction: column;
/*
			  background: #2d2b2b; color: #f6f6f6;
			  background: url(../i/bg-image.jpg) no-repeat center center fixed;
			  background-size: cover;
*/
			}
			.site-content {
			  flex: 1;
			}
			
			.topspacer {margin-top: 5em;}
			.delineator {margin: 3em 0; height: 1px; background: #afafaf; background: -webkit-gradient(linear, 0 0, 100% 0, from(#101010), to(#101010), color-stop(50%, #c9c9c9));}
			
			@media screen and (max-width: 39.9375em) {
					#global-menu {position: fixed; top: 0;} 
					}
					
			/* Custom styles for the menu */
			.title-bar {background: none; }
			.top-bar {background: none; z-index: 5;}
			.top-bar-right {background: none; }
			.top-bar-right ul {background: none; font-family: "Montserrat", sans-serif; margin-top: 2.5em;}
			.menu {background: none;}
			#global-menu {background: none;}
			.button-so-white {color: #545351; z-index: 1001;}
			.chosen {background: #fcfcfc; border: 1px solid #f6f6f6; border-radius: 5px;}
			
/*
			.top-bar ul li a:link {color: #ffebc1;}
			.top-bar ul li a:visited {color: #f3f3f3;}
			.top-bar ul li a:hover {color: #ffffff; cursor: pointer; }
			.top-bar ul li a:active {color: #f3f3f3; text-decoration: none;}
			
			a:link {color: #f4ab0c;}
			a:visited {color: #eee48b;}
			a:hover {color: #ffffff; cursor: pointer; }
			a:active {color: #f3f3f3; text-decoration: none;}
			
			footer a:link {color: #ffd781;}
			footer a:visited {color: #ffe5b2;}
			footer a:hover {color: #ffffff; cursor: pointer; }
			footer a:active {color: #f3f3f3; text-decoration: none;}
*/
			
			.lowerfoot {background: #000000; opacity: 9; padding: 1em; font-size: .8em;} 
			

			
		/* Small only */
		@media screen and (max-width: 39.9375em) {
				ul.menuselects li {text-align: center;}
				.top-bar-right {background: white; position: absolute; top: 0; min-width: 100vw; min-height: 100vh; overflow-y: scroll; padding: 10px; margin-left: -10px; z-index: 100;}
				.top-bar-right ul {padding-top: 1.5em; font-size: 2.5em;}
				.title-bar {position: fixed; width: 100%; z-index: 1001;}
				.topspacer {margin-top: 10em;}

			}
				}
		
		/* Medium only */
				@media screen and (min-width: 40em) and (max-width: 63.9375em) {
				ul.menuselects li {text-align: center; display: block;}
				.top-bar-right {background: white; position: absolute; top: 0; min-width: 100vw; min-height: 100vh; overflow-y: scroll; padding: 10px; margin-left: -10px; z-index: 100;}
				.top-bar-right ul {padding-top: 1.5em; font-size: 2.5em;}
				.title-bar {position: fixed; width: 100%; z-index: 1001;}
				.topspacer {margin-top: 10em;}
			}
			
			.sm-logo {font-size: 2em; font-family: 'Bowlby One', sans-serif; line-height: 1em; padding: .2em; text-align: left; position:absolute; top: 1px; left: 1px;}









	
	a:link {color: rgba(40, 42, 44, 1);} 	
	a:visited {color: rgba(75, 77, 77, 0.5);} 	
	a:hover {color: rgba(150, 154, 154, 0.9);} 	
	a:active {color:#304b4b;}
	
	.uppernav a {font-family: 'Montserrat', sans-serif;}
	
	.navigation a {margin-left: 1.5em;}
	.lowernav li {list-style: none; font-family: 'Montserrat', sans-serif;}
	.lowertile {border-left: 1px solid #b6b6b6 }
.tile {
/* 	border-top: 0px; border-left: 1px solid rgba(187, 219, 209, 0.8); border-bottom: 1px solid rgba(187, 219, 209, 0.8); border-right: 1px solid rgba(187, 219, 209, 0.8);  */
	margin-bottom: 2em; 
/* 	background: rgba(187, 219, 209, 0.2); */
	}
.tilebox-left {border: 1px solid #606060; border-radius: 20px 0px 0px 20px; border-right: 1px solid #cacaca; } /* clockwise from top left*/
.tilebox-right {border: 1px solid #606060; border-radius: 0px 20px 20px 0px; border-left: 1px solid #cacaca;} /* clockwise from top left*/
.tilebox-detail {border: 1px solid #606060; border-radius: 20px 20px 20px 20px;} /* clockwise from top left*/
.tile-shadow {box-shadow: 0px 5px 5px 1px #ada9a9}
.actionbox {border: 1px solid #cfcfcf;}
.newstiletitle {text-transform: uppercase;}
.actiontitle {background: rgba(187, 219, 209, 0.5); padding: .2em; color: rgba(67, 75, 70, 0.94); font-family: 'Martel', serif; font-size: 1.7em;}
.actioncopy {padding: .3em; color: rgba(67, 75, 70, 0.94); font-family: 'Poppins', sans-serif; font-size: 1em;}


h1.pagetitle{font-family: 'Montserrat', sans-serif; font-size: 2em;} 
h2.pageexplainer{font-family: 'Roboto', sans-serif;  font-size: 1em; padding-bottom: 2em;} 
h1.journaltitle{font-family: 'Gafata', sans-serif; font-size: 2em; text-transform: uppercase;} 
h2.journalsubtitle{font-family: 'Gafata', sans-serif;  font-size: 1.3em; padding-bottom: 2em;} 



/* spacer */
.smallestpush{margin-top: 2em;}
.pushbot{margin-bottom: 1em;}
.monty{font-family: 'Montserrat', sans-serif;} 
	
	.tile{
opacity:1;
}

.tile:hover{
opacity:.6;
transition: opacity .8s ease-out;
-moz-transition: opacity .8s ease-out;
-webkit-transition: opacity .8s ease-out;
-o-transition: opacity .8s ease-out;
}

/*mobile nav style*/
		#mobilenav	{background-color:rgba(255, 251, 224, 0.95);}
		#mobilenav ul {margin-top: 5em;}
		#mobilenav li {display: block; font-size: 2em; font-family: 'Montserrat', sans-serif;}

/* pop up navigation styles jquery.popupoverlay*/
.icon {
    z-index: 999;
/*     position: fixed; */
/*    background: rgba(0, 0, 0, 0.21);*/
/*     display: block; */
/*
    padding: 9px;
    height: 32px;
    width:32px;
    margin: 0px 20px 0px 0px;
    top: 0;
    right: 0;
*/
}
.mobilenav {
    /*    top: 47px !important;*/
    font-family: inherit;
    top: 0;
    left:0;
    z-index: 999;
    display: none;
    position: fixed;
    width: 100%;
    min-height: 100%;
    background: #827e79;
    
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.mobilemenu {font-size: 4em; margin-top: 2em}
.mobilemenu li {
    list-style-type: none;
    text-align: center;
    line-height: normal;
    padding: 3px;
}
.mobilemenu li a {
/*     font-size: 1em; */
    color: #ffffff;
    text-decoration: none;
    font-weight: 300;
    width: 100%;
}
#popup, .linkcell a:link {color: #631b07;}
#popup, .linkcell a:visited {color: #856055;}
#popup, .linkcell a:hover {color: #a59595;}
#popup, .linkcell a:active {color: #856055;}

.mobilemenu li a:link {color: #868584;}
.mobilemenu li a:visited {color: #856055;}
.mobilemenu li a:hover {color: #a59595;}
.mobilemenu li a:active {color: #856055;}
.mobilemenu li:first-child {margin-top: 40px;}
.mobilenenu ul li a {
    list-style-type: none;
    text-align: center;
    line-height: normal;
    padding-top: 13px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 13.5em;
}
/*transforms fancy*/
#popup {
  transform: scale(0.2);
}
.popup_visible #popup {
  transform: scale(1);
}
/* li.hamlabel {color: black; font-size: 1.5em;} */

/* end of pop up nav*/

footer {background: #eeeeee; padding-top: .2em;}