/* *********************** 
   NINTENDO 12 COLUMN GRID 
   v1.1
   *********************** */

/*********************/
/* COMMON */
/*********************/


.wrapper {
	max-width:1140px;
	width:98%;
	min-width:960px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}


.hide-desktop {
	display:none;	
}

/*********************/
/* GRIDS */
/*********************/
.row, .row-nocollapse {
	clear:both;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.column, .column-nocollapse {
    float: left;
    padding:0 1.9% 0; /* all widths subtracted by margin */
    position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

	.col12 {
		float: none;
		margin-right:0;
	}
	.col11 {
		width:91.66666666666666%;
	}
	.col10 {
		width:83.33333333333334%;
	}
	.col9 {
		width:75%;
	}
	.col8 {
		width:66.66666666666666%;
	}
	.col7 {
		width:58.333333333333336%;
	}
	.col6 {
		width:50%;
	}
	.col5 {
		width:41.66666666666667%;
	}
	.col4 {
		width:33.33333333333333%;
	}
	.col3 {
		width:25%;
	}
	.col2 {
		width:16.666666666666664%;
	}
	.col1 {
		width:8.333333333333332%;
	}
	.colhalf {
		width:4.16666666666667%;
	}
	.goldenlong {
		width:61.803111161576%;
	}
	.goldenshort{
		width:38.196888838424%;
	}
	
	
	
	.indent11 {
		margin-left:91.66666666666666%;
	}
	.indent10 {
		margin-left:83.33333333333334%;
	}
	.indent9 {
		margin-left:75%;
	}
	.indent8 {
		margin-left:66.66666666666666%;
	}
	.indent7 {
		margin-left:58.333333333333336%;
	}
	.indent6 {
		margin-left:50%;
	}
	.indent5 {
		margin-left:41.66666666666667%;
	}
	.indent4 {
		margin-left:33.33333333333333%;
	}
	.indent3 {
		margin-left:25%;
	}
	.indent2 {
		margin-left:16.666666666666664%;
	}
	.indent1 {
		margin-left:8.333333333333332%;
	}
	.indenthalf {
		margin-left:4.16666666666667%;
	}
	
	.outdent11 {
		margin-right:91.66666666666666%;
	}
	.outdent10 {
		margin-right:83.33333333333334%;
	}
	.outdent9 {
		margin-right:75%;
	}
	.outdent8 {
		margin-right:66.66666666666666%;
	}
	.outdent7 {
		margin-right:58.333333333333336%;
	}
	.outdent6 {
		margin-right:50%;
	}
	.outdent5 {
		margin-right:41.66666666666667%;
	}
	.outdent4 {
		margin-right:33.33333333333333%;
	}
	.outdent3 {
		margin-right:25%;
	}
	.outdent2 {
		margin-right:16.666666666666664%;
	}
	.outdent1 {
		margin-right:8.333333333333332%;
	}
	.outdenthalf {
		margin-right:4.16666666666667%;
	}
	

	
	
.block, .block-nocollapse, .block-collapse2up, .block-collapse4up {
	display:block;
	list-style: none outside none;
	margin:0 ;
	padding:0;
}
	.block > li, .block-nocollapse > li, .block-collapse2up > li, .block-collapse4up > li{
		float:left;
		padding:0 1% 0 0; /* all widths minus 1*/
	}
	.block-1up > li{		
		width:100%;
		margin:0;
	}
	.block-2up > li{		
		width:49%;
	}
	.block-3up > li{
		width:32.3333%;
	}
	.block-4up > li{
		width:24.78%;
	}
	.block-5up > li{
		width:19%;
	}
	.block-6up > li{
		width:15.6666%;
	}
	
	.block-7up > li{
		width:13.2857142857143%;
	}
	.block-8up > li {
		width: 11.5%;
	}
	.block:after, .block-nocollapse:after, .row:after, .row-nocollapse:after, .block-collapse2up:after, .block-collapse4up:after {	
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
		height: 0;
	}
	.center {
		margin:0 auto;
		float:none;	
	}
	.right {
		float:right;	
	}
	
	.left {
		float:left;	
	}

/*********************/
/* RESPONSIVE */
/*********************/
@media screen and (max-width: 1140px) {
	body.responsive .wrapper {
		max-width:99%;
		min-width:0px;
		-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
			 box-sizing: border-box;
	}
}

/*********************/
/* HYPRID (SINGLE COLUMN, 2 UP BLOCKS) VIEW */
/*********************/
@media screen and (max-width: 670px) {
	body.responsive .wrapper .row > .column {
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
		clear:both;
	}
		body.responsive .wrapper .column, body.responsive .wrapper .column-nocollapse {
			padding-left: 4%;
			padding-right: 4%;
		}
	
	body.responsive .wrapper{
		padding-left:0;
		padding-right:0;
	}
	body.responsive .wrapper .block.block-2up > li, body.responsive .wrapper .block.block-3up > li, body.responsive .wrapper .block.block-4up > li, body.responsive .wrapper .block.block-5up > li, body.responsive .wrapper .block.block-6up > li, body.responsive .wrapper .block.block-7up > li{		
		width:49.75%;
	}
	
	
	body.responsive .wrapper .block-collapse2up > li{		
		width:48%;
	}
	.wrapper-responsive .block-collapse4up > li {
		width: 24%;
	}
	.hide-mobile {
		display:none !important;
	}

	.hide-desktop {
		display:inherit !important;	
	}
}


/*********************/
/* SINGLE COLUMN VIEW */
/*********************/
@media screen and (max-width: 480px) {
	
	body.responsive .wrapper ul.block > li{
		float:none;
		width:100% !important;
	}
}