/* full-width unconstrained by image width */
/* @import url(hc-rockwell.css); */
@import url(hc-garamond.css);

html {box-sizing: border-box;margin:0;padding:0;}
*, *:before, *:after {box-sizing: inherit;}

body {background:#fff;color:#009959;font-size: 24px;line-height: 1.2;
		margin: 0;padding:0;min-height: 100vh;width:100%;font-family:Garamond-bold, Georgia, "Times New Roman",serif;}

#main {width:100%;padding-bottom:0.5rem;border-bottom:solid thin #009959;margin-bottom:0.5rem;}
#title {text-align:center;font-size:2.5rem;padding-bottom:1rem;padding-top:2rem;}

a {text-decoration: none;outline: none;}
a:link,a:visited {color:#009959;}
a:hover,a:focus,a:active,label.link:hover {color:#6fe7a1;background:#fff;}

.clear {clear:both;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.justify {text-align:justify;}
.bold {font-weight:bold}
.larger {font-size:larger;}
.smaller {font-size:smaller;}
.under {text-decoration:underline;}
.red {color:red;}
/**********************************************************************/
#menu-wrap {position:fixed;top:0;left:0;width:100vw;background:white;
	display:flex;justify-content:space-evenly;align-items:end;flex-wrap:wrap;
	/*box-shadow:0 0.5em 0.5em 0 #fff;*/z-index:3000;border-bottom:solid thin #009959;}

#logo {width:100vw;text-align:center;}
#logo img {max-width:400px;width:100%;height:auto;}

#menu {width:100%;padding-bottom:0.5em;display:flex;
	justify-content:space-evenly;align-items:end;flex-wrap:wrap;}

#menu div {width:16.5%;text-align:center;}

#menu2 {width:100%;padding-bottom:0.5em;display:flex;
	justify-content:space-evenly;align-items:center;flex-wrap:wrap;}
#menu2 div {width:16.5%;text-align:center;}


#est, #spacer-est {width:100%;/*max-width:400px;*/text-align:center;line-height:1;padding-bottom:0.3rem;}
#spacer-image img {max-width:400px;width:100%;height:auto;}

#spacer-menu  {width:100%;padding-bottom:1em;display:flex;
	justify-content:space-evenly;align-items:end;flex-wrap:wrap;}
#spacer-menu div {width:16.5%;text-align:center;}


@media screen and (max-width: 1150px) {
	#menu div,#menu2 div,#spacer-menu div {width:33%;}
}
@media screen and (max-width: 600px) {
	body,#menu div,#menu2 div,#spacer-menu div {font-size:16px;}
}
/**********************************************************************/
#menu ul {display:none;text-align:left;position:fixed;background-color:white;
	list-style:none;margin:0 0 0 3rem; padding:0.5rem;box-shadow:3px 3px 5px 4px #aaa;}
#menu ul li {cursor:pointer;}
#menu ul li:first-child {text-align:right;color:red;font-weight:bold;}
#menu input.open,#menu input.close {display:none;}
#menu input.open:checked ~ ul {display:block;}
#menu input.close:checked ~ ul {display:none;}
/**********************************************************************/
#menu2 ul {display:none;text-align:left;position:fixed;background-color:white;
	list-style:none;margin:0 0 0 3rem; padding:0.5rem;box-shadow:3px 3px 5px 4px #aaa;}
#menu2 ul li {cursor:pointer;}
#menu2 ul li:first-child {text-align:right;color:red;font-weight:bold;}
#menu2 input.open,#menu2 input.close {display:none;}
#menu2 input.open:checked ~ ul {display:block;}
#menu2 input.close:checked ~ ul {display:none;}

#outreachpopup {margin: auto 0;padding-left:0;}

#swo-registerSAVE{border:double 3px #009959;border-radius: 100vmax;/* hack for semicircular ends */
		margin-bottom:0.5em;padding:0 0.24em;background-color:rgba(255,240,240,0.8);}

#swo-register{border:outset 3px #009959;display:inline-block;border-radius:3px;
		padding:0 0.24em 0.1em 0.24em;background-color:#009959;color:white;
		font-size:0.8em;}
#swo-register:focus,#swo-register:active {color:#009959;}






/* page-specific image inserted automatically */
#pgimg {text-align:center;}
#pgimg img {max-width:95%;max-height:400px;width:auto;height:100%;}