@charset "UTF-8";

/*	BAREBONES RESPONSIVE GRID FRAMEWORK (Desktop + Tablet Layouts)
	Version 3.1
	April 2018
	www.dawgeatdawg.com
*/


/* @group --- GRID | 12 Columns (Mobile First) ---*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: block;
	position: relative;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
/* 			background: hsla(0, 50%, 50%, 0.1); */
}

	.grid_1 { width: 46%; }
	
	.grid_2, .grid_3,
	.grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width: 96%; }


	.grid_sm_2 {
		width: 40%;
		margin-left: 5%;
		margin-right: 5%;
/* 				border: 1px solid hsla(100, 100%, 50%, 0.5); */
	}
	
		.grid_center {
			clear: both;
			float: none;
			margin-left: auto;
			margin-right: auto;
		}
	
		.grid_full {
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}
		
			.grid_sm_sp { margin-top: 1.5rem; }
				
				
.hideMobile { display: none !important; }
.hideDesktop { display: block; }


@media only screen and (max-width: 46em) {

	.grid_sm_full {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
		.grid_5.grid_center { width: 70%; }

}
/* @end */





/* @group --- MEDIA SIZE | Desktop ---*/
@media only screen and (min-width: 46em) {


	/* @group --- GRID | 12 Columns (Desktop) ---*/
	
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		margin-left: 1.6666666666667%;
		margin-right: 1.6666666666667%;
/* 				background: hsla(0, 50%, 50%, 0.1); */
	}
	
		.grid_1 { width: 5%; }
		.grid_2 { width: 13.333333333333%; }
		.grid_3 { width: 21.666666666667%; }
		.grid_4 { width: 30%; }
		.grid_5 { width: 38.333333333333%; }
		.grid_6 { width: 46.666666666667%; }
		.grid_7 { width: 55%; }
		.grid_8 { width: 63.333333333333%; }
		.grid_9 { width: 71.666666666667%; }
		.grid_10 { width: 80%; }
		.grid_11 { width: 88.333333333333%; }
		.grid_12 { width: 96.666666666667%; }

			.grid_center {
				clear: both;
				float: none;
				margin-left: auto;
				margin-right: auto;
			}
		
			.grid_full {
				width: 100%;
				margin-left: 0;
				margin-right: 0;
			}
			
				.grid_sm_sp { margin-top: 0; }
			
			
	.hideMobile { display: block; }
	.hideDesktop { display: none !important; }
	
	/* @end */

	
	
	/* @group --- STICKY FOOTER + WRAPPERS + RESPONSIVE TYPE ---*/
		
		main { padding-bottom: 8.0rem; }
	
		div#wrapFooter { height: 8.0rem; }
		
		header,
		footer {
			padding-left: 3.0rem;
			padding-right: 3.0rem;
/* 					background: hsla(220, 100%, 50%, 0.1); */
		}

		section article {
			padding: 0.5rem 3.0rem 0.5rem;
/* 					background: hsla(300, 100%, 50%, 0.1); */
		}

	/* @end */



	/* @group --- HTML TAG DEFINITIONS ---*/
		
	body {
		font-size: 0.6rem;
/*
		line-height: 1.3em;
		letter-spacing: 0.05em;
		word-spacing: 0.1em;
*/
	}

	h1 { font-size: 1.2rem; }
	
	h2 { font-size: 0.9rem; }
	
	h3 { font-size: 0.75rem; }

	/* @end */



	/* @group --- HEADER ---*/

			header {
				margin-bottom: 0.5rem;
/* 						background: hsla(90, 50%, 50%, 0.2); */
		}
		
			header #logo > a {
/* 				width: 100%; */
				margin: 0;
/* 						background: hsla(90, 50%, 50%, 0.2); */
		}
		
			header #tagline {
				font-size: 0.6rem;
				text-align: right;
/* 						background: hsla(150, 50%, 50%, 0.2); */
			}
		
/* 				body#home header #logo { width: 70%; } */
				
				body#home header #tagline {
/* 					width: 100%; */
/* 					margin-top: 0.75rem; */
/* 					font-size: 0.8rem; */
					text-align: right;
				}
	
				body#home header #statement { margin: 0.0rem auto 0.0rem; }
	
	/* @end */



	/* @group --- MENU | Top ---*/
	
	svg#menuToggle { display: none; }
	
	nav#menuTop { display: block; }
	
		nav#menuTop ul {
				flex-flow: row nowrap;
				justify-content: space-around;
				padding-left: 1.0rem;
				padding-right: 1.0rem;
/* 						background: hsla(250, 50%, 50%, 0.2); */
		}

			nav#menuTop ul li {
				margin: 0 0.0rem;
				flex: 0 1 auto;
/* 						background: hsla(250, 50%, 50%, 0.2); */
			}

				nav#menuTop ul li a,
				nav#menuTop ul li a:visited {
/* 					margin: 0 0.5rem 0; */
					margin: 0;
					padding: 0.2rem 0.8rem 0.2rem 0.5rem;
					font-size: 0.6rem;
					line-height: 1.8em;
		/* 						background: hsla(50, 50%, 50%, 0.2); */
				}
				
				nav#menuTop ul li a svg {
					float: none;
					max-width: 0.9rem;
					max-height: 0.9rem;
					margin-bottom: 0.05rem;
/* 					margin-right: 0.4rem; */
	/* 							background: hsla(350, 50%, 50%, 0.4); */
				}

	/* @end */
	
	
	
	/* @group --- CONTENT ---*/
	


	/* @end */
	
	
	
	/* @group --- FOOTER ---*/
	
	footer {
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
		font-size: 0.6rem;
/* 				background: hsla(50, 50%, 50%, 0.1); */
	}
	
		footer .contact { margin-bottom: 0.2rem; }
		
		footer .address { margin-bottom: 0.6rem; }
		
			footer .address > span {
				visibility: visible;
				display: inline-block;
				width: auto;
				height: auto;
				margin-left: 1.0em;
				margin-right: 1.0em;
			}
		
		footer .copyright {
/* 			margin-bottom: 0.6rem; */
			font-size: 0.4rem;
		}
	
	/* @end */
	
	
	
	/* @group --- CLASSES | Section Specific ---*/
	
	/*--- #Meeting ---*/

		body#meeting dl dt {
			margin-top: 0.6rem;
		/* 				background: hsla(250, 100%, 50%, 0.1); */
		}
		
			body#meeting dl dt svg.disclosure {
				width: 0.4rem;
				height: 0.4rem;
				margin-top: 0.2rem;
			}
		
				body#meeting dl dd { font-size: 0.6rem; }
				
	/*--- #Contact ---*/
	
		#content .offices p > span {
			font-size: 0.7rem;
		}
		
	/* @end */

}
/* @end */





/* @group --- MEDIA SIZE | Tablet ---*/
/* @media only screen and (min-width: 40em) and (max-width: 80em) { */

	/* @group --- GRID | 12 Columns (Tablet) ---*/
	
/*
		.grid_1 { width: 5%; }
		
		.grid_2, .grid_3 { width: 30%; }
		
		.grid_4, .grid_5, .grid_6 { width: 46.666666666667%; }
		
		.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
			display: block;
			float: left;
			width: 94% !important;
			margin-left: 3% !important;
			margin-right: 3% !important;
			margin-bottom: 1.5em;
		}
		
		.hideMobile { display: block; }
		.hideDesktop { display: block; }
*/

	/* @end */

	
/* 		body { background: hsla(0, 100%, 50%, 0.1); } */

/* } */
/* @end */





/* @group --- BROWSER FIXES | IE 10-11 ---*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {



	/*--- DEBUG ---*/
/* 		div, ul { background: hsla(200, 30%, 50%, 0.1); } */
	
}
/* @end */