/*

WP-3Sqrd Themes 6 Columns

*/



/*

 * TOC

 =========================================



1. Resets

2. Grid

3. Clear



/* 1. Resets

========================================*/

@-o-viewport {

	width: device-width;

}

@-ms-viewport {

	width: device-width;

}

@viewport {

	width: device-width;

}



html { overflow-y: auto; }



img,

audio,

video,

canvas {

	max-width: 100%;

	height: auto;

}



* {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



/* 2. Grid

========================================*/

.container {

	max-width: 1200px;

	width: 92%;

	margin: 0px auto;

	position: relative;

	zoom: 1;

}

.container:before,

.container:after {

	content: "";

	display: table;

}

.container:after {

	clear:both;

}



@media screen and (min-width: 480px) {

	.container {

		width: 98%;

	}



	.grid-1,

	.grid-2,

	.grid-3,

	.grid-4,

	.grid-5,

	.grid-6,

	.grid-four,

	.grid-five,

	.grid-half,

	.grid-full {

		float: left;

		width: 96.969696969697%;

		margin: 0 1.515151515152%;

	}



	.grid-half {

		width: 46.969696969697%;

		margin: 0 1.515151515152%;

	}

	.grid-1.first,

	.grid-2.first,

	.grid-3.first,

	.grid-4.first,

	.grid-5.first,

	.grid-6.first,

	.grid-four.first,

	.grid-five.first,

	.grid-half.first {

		margin-left: 0;

		margin-right: 3.030303030304;

	}

	.grid-1.last,

	.grid-2.last,

	.grid-3.last,

	.grid-4.last,

	.grid-5.last,

	.grid-6.last,

	.grid-four.last,

	.grid-five.last,

	.grid-half.last {

		margin-right: 0;

		margin-left: 3.030303030304;

	}



}



@media screen and (min-width: 640px) {

	.grid-1 { width: 13.636363636364%; }

	.grid-2     { width: 30.30303030303%; }

	.grid-3,

	.grid-half  { width: 46.969696969697%; }

	.grid-4     { width: 63.636363636364%; }

	.grid-5     { width: 80.30303030303%; }

	.grid-6,

	.grid-full  { width: 96.969696969697%; }

	.grid-four { width: 21.969696969696%; }

	.grid-five { width: 16.969696969696%; }

}



.row-fluid:before, .row-fluid:after { content:""; display: table; }

.row-fluid:after { clear:both; }

.row-fluid { zoom:1; }



/* 3. Clear

========================================*/

.clearfix:before, .clearfix:after { content:""; display: table; }

.clearfix:after { clear:both; }

.clearfix { zoom:1; }