html, body, .mm-slideout {height: 100%;}
#mainsite { height: 100% !important;}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -300px; background: #fff;}
#main { overflow: hidden;}

body {
	font-family: source-sans-pro, sans-serif;
	font-display: swap;
	font-size: 1.2rem;
	line-height: 1.8rem; 
	-webkit-font-smoothing: antialiased;
	color: #5e605f;
	overflow-x: hidden;
}

#header {
	background:#8ba72c;
	font-weight:600;
	padding:0 25px;
}

#header .logo, #header .mainnav {display:inline-block; vertical-align:middle;}
#header .logo a {display:block; margin-right:40px;}
#header .logo img {max-width: 50px; height: auto;}

nav#navbar ul li > a {display:block; padding:26px 20px; color:#fff;transition:ease-in-out 0.2s all; cursor:pointer;}
nav#navbar ul li > a:hover, nav#navbar ul li.active > a {color:#5e605f; text-decoration:none;}
nav#navbar ul ul {display:none; transition:ease-in-out 0.2s all;position:absolute; z-index:1000; background:#fff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3); padding:0; margin:0;}
nav#navbar ul>li:hover>ul {display:block; padding:10px 0;}
nav#navbar ul>li>ul>li {margin:0; padding:0; list-style:none;}
nav#navbar ul>li>ul>li a {display:block; font-size:1rem; padding:5px 20px; text-decoration:none; color:#5e605f; cursor:pointer;}
nav#navbar ul>li>ul>li.active a, nav#navbar ul>li>ul>li a:hover {text-decoration:none; color:#8ba72c;}


#maincontent {padding:40px;}
h1 {font-size: 3rem; margin: 0; padding-bottom: 2rem; text-transform: uppercase; position: relative; font-weight: 700; color: #000; }
h2 {margin: 0; font-size: 2rem; font-weight: 600;padding-bottom: 1.8rem;}
h3 {margin: 0; font-size: 1.4rem; font-weight: 700; line-height: 2rem;}
h4 {margin: 0; font-size: 1.4rem; font-weight: 700; line-height: 2rem;}

b, strong {font-weight: 700;}
p {margin-bottom:0.7rem}
p:last-child {margin-bottom:2.5rem}

.colorbox {display:block; height:150px; margin-bottom:0.5rem; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2)}
p .html {font-family:monospace;}