/* @override http://100staging.100archive.com/assets/css/grid.css */

/* @override http://100staging.100archive.com/assets/css/grid.css */

/* @override http://localhost:8888/100-Archive/assets/css/grid.css */

/* --------------------------------------------------
	:: Grid
------------------------------------------------- */

/* Standard Row  */
 	
.container{padding:0 15px;float: left;max-width: 100%;width: 100%;box-sizing: border-box;}

.row { width: 100%; max-width: 1400px; min-width: 0px;position:relative; margin: 0 auto; }

/* To fix the grid into a certain size, set max-width to width */
.row .row { min-width: 0; }

.column, .columns { margin-left: 2%; float: left; min-height: 1px; position: relative;overflow: visible; }
.column:first-child, .columns:first-child { margin-left: 0; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
	
.row .one{width:6.500000%;}
.row .two{width:15.000000%;}
.row .three{width:23.500000%;}
.row .four{width:32.000000%;}
.row .five{width:40.500000%;}
.row .six{width:49.000000%;}
.row .seven{width:57.500000%;}
.row .eight{width:66.000000%;}
.row .nine{width:74.500000%;}
.row .ten{width:83.000000%;}
.row .eleven{width:91.500000%;}
.row .twelve{width:100.000000%;}

.row .bodytext{width:61.835%;margin-left:13%;}

.row .offset-by-one{margin-left:10.333333%;}
.row .offset-by-two{margin-left:18.666666%;}
.row .offset-by-three{margin-left:27%;}
.row .offset-by-four{margin-left:35.333333%;}
.row .offset-by-five{margin-left:43.666666%;}
.row .offset-by-six{margin-left:52%;}
.row .offset-by-seven{margin-left:60.333333%;}
.row .offset-by-eight{margin-left:68.666666%;}
.row .offset-by-nine{margin-left:77%;}
.row .offset-by-ten{margin-left:85.333333%;}

.row .centered { float: none; margin: 0 auto; }
.row .offset-by-one:first-child{margin-left:8.5%;}
.row .offset-by-two:first-child{margin-left:17%;}
.row .offset-by-three:first-child{margin-left:25.5%;}
.row .offset-by-four:first-child{margin-left:34.0%;}
.row .offset-by-five:first-child{margin-left:42.5%;}
.row .offset-by-six:first-child{margin-left:51.00000%;}
.row .offset-by-seven:first-child{margin-left:59.50000%;}
.row .offset-by-eight:first-child{margin-left:68.00%;}
.row .offset-by-nine:first-child{margin-left:76.5%;}
.row .offset-by-ten:first-child{margin-left:85%;}
.row .offset-by-eleven:first-child{margin-left:93.5%;}




img, object, embed { max-width: 100%; height: auto;	}
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img {max-width: none!important;}

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }





/* Source Ordering - only works with standard rows (not rownm)*/
.push-two 		{ left: 16.9%}
.push-three 	{ left: 25.4%; }
.push-four 		{ left: 33.9%; }
.push-five 		{ left: 42.5%; }
.push-six 		{ left: 51%; }
.push-seven 	{ left: 59.6%; }
.push-eight 	{ left: 68%; }
.push-nine 		{ left: 76.6%; }
.push-ten 		{ left: 85%; }

.pull-two 		{ right: 16.9% }
.pull-three 	{ right: 25.4%; }
.pull-four 		{ right: 33.9%; }
.pull-five 		{ right: 42.5%; }
.pull-six 		{ right: 51%; }
.pull-seven 	{ right: 59.6%; }
.pull-eight 	{ right: 68%; }
.pull-nine 		{ right: 76.6%; }
.pull-ten 		{ right: 85%; }


	/* --------------------------------------------------
		:: Break Points
	------------------------------------------------- */
		
		/* Up to 768 */
		@media only screen and (max-width: 768px) {		

		body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
		
		.container { min-width: 0; }
		.container { padding: 0 5% 0 15px; }
	
		.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
		.row .row .column, .row .row .columns { padding: 0; }
		.column, .columns { width: auto !important; float: none; margin-left: 0!important; margin-right: 0; }
		.column:last-child, .columns:last-child { margin-right: 0; float: none; }
		[class*="column"] + [class*="column"]:last-child { float: none; }
		.column:before, .columns:before, .column:after, .columns:after { content:""; display:table; }
		.column:after, .columns:after { clear: both; }
		
		.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; }
		
		.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
		.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
		
		}
			
			
			
			
			
			
			
			
		/* tablet 4-column Grid */
		
		@media only screen and (max-width: 768px) and (min-width: 680px) {		
	/*	.row .tablet-one:last-child, .row .tablet-two:last-child, .row .tablet-three:last-child, .row .tablet-four:last-child { float: right;margin-right: 0;}
	*/	
		.row .tablet-one, .row .tablet-two, .row .tablet-three, .row .tablet-four { margin-right: 4%; float: left !important; min-height: 1px; position: relative;}
		
		.row .tablet-one 	{ width: 21% !important; }
		.row .tablet-two 	{ width: 46% !important; }
		.row .tablet-three 	{ width: 71% !important; }
		.row .tablet-four 	{ width: 96% !important; }
		


		}


		/* Mobile 4-column Grid */
		@media only screen and (max-width: 680px) {		
	/*	.row .phone-one:last-child, .row .phone-two:last-child, .row .phone-three:last-child, .row .phone-four:last-child { float: right; margin-right: 0;
		}
	*/
	
		.row .phone-one, .row .phone-two, .row .phone-three, .row .phone-four { margin-right: 4%; float: left !important; min-height: 1px; position: relative;}
		
		.row .phone-one 	{ width: 21% !important; }
		.row .phone-two 	{ width: 46% !important; }
		.row .phone-three 	{ width: 71% !important; }
		.row .phone-four 	{ width: 96% !important; }
		

		}


		
		
	
			
	/*-------------------------------------------------
		:: Block grids
		
	------------------------------------------------- 
		
		.block-grid { display: block; overflow: hidden; }
		.block-grid>li { display: block; height: auto; float: left; }
		
		.block-grid.two-up { margin-left: -4% }
		.block-grid.two-up>li { margin-left: 4%; width: 46%; margin-bottom: 5%;}
		.block-grid.two-up>li:nth-child(2n+1) {clear: left;} 
		
		.block-grid.three-up { margin-left: -4% }
		.block-grid.three-up>li { margin-left: 4%; width: 29.3%; margin-bottom: 5%;}
	 	.block-grid.three-up>li:nth-child(3n+1) {clear: left;} 
		
		.block-grid.four-up { margin-left: -4% }
		.block-grid.four-up>li { margin-left: 4%; width: 21%; margin-bottom: 5%;}
		.block-grid.four-up>li:nth-child(4n+1) {clear: left;} 
		
		.block-grid.five-up { margin-left: -3.5% }
		.block-grid.five-up>li { margin-left: 3.5%; width: 16.5%; margin-bottom: 5%;}
		.block-grid.five-up>li:nth-child(5n+1) {clear: left;} 
	
		.block-grid.six-up { margin-left: -3% }
		.block-grid.six-up>li { margin-left: 3%; width: 13.5%; margin-bottom: 5%;}
		.block-grid.six-up>li:nth-child(6n+1) {clear: left;} 
		
		
	/*-------------------------------------------------
		:: Flexbox Block grids
		
	------------------------------------------------- */
		
		.block-grid { display: flex;flex-wrap: wrap;}
		.block-grid>li { 
		height: auto; float: left;
		margin-bottom: 5%;
		}
		.block-grid li>div{
			width: 100%!important;
		}
		.block-grid.two-up>li {margin-right: 4%; width: 46%;}
		
		.block-grid.three-up>li {margin-right: 4%; width: 29.3%;}
		
		.block-grid.four-up>li {margin-right: 4%; width: 21%;}

		.block-grid.five-up>li { margin-right: 3.5%; width: 16.5%;}

		.block-grid.six-up>li { margin-right: 3%; width: 13.5%;}
		
		

		@media only screen and (max-width: 1024px) {
		
		
	/*Default to four-up on large mobile */
		.block-grid.two-up>li,
		.block-grid.three-up>li,
		.block-grid.four-up>li,
		.block-grid.five-up>li,
		.block-grid.six-up>li{
			margin-right: 4%; width: 21%;
		}		
		
	}
		@media only screen and (max-width: 768px) {
		
	.block-grid>li { 
	margin-bottom: 10%;
	}
	
	/*Default to two-up on mobile */
		.block-grid.two-up>li,
		.block-grid.three-up>li,
		.block-grid.four-up>li,
		.block-grid.five-up>li,
		.block-grid.six-up>li{
			margin-right: 4%; width: 46%;
		}		
	/*Overrides on mobile */
			
		.block-grid.m-one-up>li {margin-right: 4%; width: 96%;}
		
		.block-grid.m-two-up>li {margin-right: 4%; width: 46%;}
			
		.block-grid.m-three-up>li {margin-right: 4%; width: 29.3%;}
			
		.block-grid.m-four-up>li {margin-right: 4%; width: 21%;}
	
		.block-grid.m-five-up>li { margin-right: 3.5%; width: 16.5%;}
	
		.block-grid.m-six-up>li { margin-right: 3%; width: 13.5%;}
			
		}
	
	
	
	/*------------------------------
	CSS Columns
	
	----------------*/
	

	.css-columns-2	{
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
		}
	
	.css-columns-3	{
	    -webkit-column-count: 3; /* Chrome, Safari, Opera */
	    -moz-column-count: 3; /* Firefox */
	    column-count: 3;
		}
		
	.css-columns-4	{
	    -webkit-column-count: 4; /* Chrome, Safari, Opera */
	    -moz-column-count: 4; /* Firefox */
	    column-count: 4;

	}
	
	.css-columns-5	{
	    -webkit-column-count: 5; /* Chrome, Safari, Opera */
	    -moz-column-count: 5; /* Firefox */
	    column-count: 5;

	}
	.css-columns ul,
	.css-columns p{
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
	padding-bottom: 16.5px;
	margin-bottom: 0px;
	}
	.css-columns{
	    -webkit-column-gap: 4%; /* Chrome, Safari, Opera */
	    -moz-column-gap: 4%; /* Firefox */
	    column-gap: 4%;	    
	
	}
		@media only screen and (max-width: 768px) {
		.css-columns,
		.css-columns-3,
		.css-columns-3,
		.css-columns-4,
		.css-columns-5 {
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
			-moz-column-count: 1; /* Firefox */
			column-count: 1;
			
		}
}