/* ITEM GRIDS */

/* Shared Grid Properties */
.grid-two .item, .grid-three .item, .grid-four .item, .grid-five .item{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;

	/*border:1px solid #eee;*/

	margin-bottom:2em;

	padding:0.5em 0;
}

.grid-two .view-footer, .grid-three .view-footer, .grid-four .view-footer, .grid-five .view-footer{
	clear:both;
}

.grid-two .item img, .grid-three .item img, .grid-four .item img, .grid-five .item img{

	/*max-width:100%;*/
	width:100%;
}

@media only screen and (min-width: 500px) {
	.grid-wrapper{
		margin:0 -0.75em;
	}
}

/* Basic Grid Two - 1 to 2 items per row */
.grid-two{

}

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

	.grid-two .view-content{
		margin:0 -0.75em;
	}

	.grid-two .item{
		width:50%;
		float:left;
		padding:0.5em 0.75em;
	}


	.grid-two .item:nth-child(2n+1) {
    	clear:both;

	}
}

/* Basic Grid Three - 1 to 3 items per row */
.grid-three{

}



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

	.grid-three .view-content{
		margin:0 -0.75em;
	}

	.grid-three .item{
		width:50%;
		float:left;
		padding:0.5em 0.75em;
	}


	.grid-three .item:nth-child(2n+1) {
    	clear:both;

	}
}

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

	.grid-three .item{
		width:33.3333%;
	}

	.grid-three.even-only .item{
		width:50%;
	}

	.grid-three .item:nth-child(2n+1) {
    	clear:none;

	}

	.grid-three.even-only .item:nth-child(2n+1) {
    	clear:both;
	}

	.grid-three .item:nth-child(3n+1) {
    	clear:both;
	}

	.grid-three.even-only .item:nth-child(3n+1) {
    	clear:none;
	}


}



/* Basic Grid Four - 1 to 4 items per row */
.grid-four{

}

@media only screen and (min-width: 500px) {
	.grid-four .view-content{
		margin:0 -0.75em;
	}

	.grid-four .item{
		width:50%;
		float:left;
		padding:0.5em 0.75em;
	}


	.grid-four .item:nth-child(2n+1) {
    	clear:both;
	}
}

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

	.grid-four .item{
		width:33.3333%;
	}

	.grid-four.even-only .item{
		width:50%;
	}

	.grid-four .item:nth-child(2n+1) {
    	clear:none;

	}

	.grid-four.even-only .item:nth-child(2n+1) {
    	clear:both;
	}

	.grid-four .item:nth-child(3n+1) {
    	clear:both;
	}

	.grid-four.even-only .item:nth-child(3n+1) {
    	clear:none;
	}


}

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

	.grid-four .item{
		width:25%;
		float:left;
	}

	.grid-four.even-only .item{
		width:25%;
	}

	.grid-four .item:nth-child(2n+1) {
    	clear:none;
	}

	.grid-four.even-only .item:nth-child(2n+1) {
    	clear:none;
	}

	.grid-four .item:nth-child(3n+1) {
    	clear:none;
	}
	.grid-four .item:nth-child(4n+1) {
    	clear:both;
	}

}


/* Basic Grid Five - 1 to 5 items per row */
.grid-five{

}

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

	.grid-five .view-content{
		margin:0 -0.75em;
	}

	.grid-five .item{
		width:50%;
		float:left;
		padding:0.5em 0.75em;
	}


	.grid-five .item:nth-child(2n+1) {
    	clear:both;
	}
}

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

	.grid-five .item{
		width:33.3333%;
	}


	.grid-five .item:nth-child(2n+1) {
    	clear:none;

	}

	.grid-five .item:nth-child(3n+1) {
    	clear:both;
	}




}

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

	.grid-five .item{
		width:25%;
		float:left;
	}


	.grid-five .item:nth-child(2n+1) {
    	clear:none;
	}

	.grid-five .item:nth-child(3n+1) {
    	clear:none;
	}
	.grid-five .item:nth-child(4n+1) {
    	clear:both;
	}

}

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

	.grid-five .item{
		width:20%;
		float:left;
	}


	.grid-five .item:nth-child(2n+1) {
    	clear:none;
	}

	.grid-five .item:nth-child(3n+1) {
    	clear:none;
	}
	.grid-five .item:nth-child(4n+1) {
    	clear:none;
	}

	.grid-five .item:nth-child(5n+1) {
    	clear:both;
	}
}


/*
	TEXT ONLY 1 Column Grid (Example: News list)
*/
.text-list{

}

.text-list .item{
	margin-bottom:2em;

}

.text-list .item .date{
	color:#b0a5b4;
}

.text-list .item h3{
	margin-top:0.2em;
	margin-bottom:0.5em;
}


/* STATIC GRIDS */
div.cols{
	margin:0 -0.75em;
	margin:0 -1em;

}

div.cols .col{

	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	padding:0 0.75em;
	padding:0 1em;
	margin-bottom:2em;
	width:100%;
}

div.cols.flush .col{
	margin-bottom:0;
}

@media only screen and (min-width: 800px) {
	div.cols .col{
		float:left;
	}

	div.cols.reversed .col{
		float:right;
	}

	div.cols .col.one-quarter{
		width:25%;
	}

	div.cols .col.three-quarters{
		width:75%;
	}

	div.cols .col.three{
		width:25%;
	}

	div.cols .col.four{
		width:33.33333%;
	}

	div.cols .col.five{
		width:41.66666%;
	}

	div.cols .col.six{
		width:50%;
	}

	div.cols .col.seven{
		width:58.33333%;
	}

	div.cols .col.eight{
		width:66.66666%;
	}

	div.cols .col.nine{
		width:75%;
	}

	/* Spacers */
	div.cols .col.left-one{
		margin-left:8.33333%;

	}

	div.cols .col.left-two{
		margin-left:16.66666%;

	}

	div.cols .col.half{
		width:50%;
	}
}

/*div.col.bumped-up{
	position: relative;
	top:-8em;
}*/

/* STATIC GRID UL */
ul.grid-list{
	list-style:none;
	margin:0; padding:0;
	margin:0 -0.75em;
	vertical-align:top;
}

ul.grid-list li{
	list-style:none;
	margin:0; padding:0;
	display:inline-block;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	padding:0 0.75em;
	vertical-align:top;
	/*border:1px solid #eee;*/
	width:100%;
}


	@media only screen and (min-width: 450px) {
		ul.grid-list-four li{
			width:50%;
		}
	}

	@media only screen and (min-width: 600px) {
		ul.grid-list-five li{
			width:20%;
		}




	}

	@media only screen and (min-width: 800px) {
		ul.grid-list-three li{
			width:33.3333%;
		}
	}

	@media only screen and (min-width: 900px) {
		ul.grid-list-four li{
			width:25%;
		}

	}


/*
	THUMBS GRID OVERRIDE
*/
.thumbs-grid .item{
	padding-left:10.5em;

}

.thumbs-grid .item img{
	width:auto;
	float:left;
	margin:0;
	width:8.75em; height:8.75em;
	margin-left:-9.75em;
}