/*
Theme Name: Discoveroom Blog Theme
Author: ntinakorn
Author URI: http://discoveroom.com/
Text Domain: discoveroom-blog-theme
*/
/* the minimal grid  -------------------------------------- */
.block {
	clear: both;
	padding: 0;
	margin: 0;
    zoom:1;
}

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

	.block:after {
		clear:both;
	}

.item {
	display: block;
	float: left;
	margin: 2% 0 1% 2%;
}

	/* for the loop */
	.item:first-child, 
	.block > .item:nth-child(3n+1) { 
		margin-left: 0; 
	}

.one-half {
    width: 48%;
}

.two-half {
    width: 100%;
}

.three-third {
	width: 100%; 
}

.two-third {
	width: 64%; 
}

.one-third {
	width: 32%; 
}

@media only screen and (max-width: 480px) {
	.item { 
		margin: 2% 0 1% 0%;
	}
	
	.one-half {
		width: 100%; 
	}
}

@media only screen and (max-width: 1024px) {
	.item { 
		margin: 1% 0 1% 0%;
	}
	
	.two-third {
		width: 100%; 
	}
	
	.one-third {
		width: 100%;
	}
}

.gap { 
	display: block; 
	width: 100%; 
	margin: 0; 
}

/****************************************************
* Bands
****************************************************/
.band { 
	*zoom: 1; 
	clear: both; 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-color: #fff;
}

.band:before, 
.band:after { 
	display: table; 
	content: ""; 
	line-height: 0; 
}

.band:after { 
	clear: both; 
}

.band > .inner { 
	width: 100%; 
	margin: 0 auto;
}

.band.padded { 
	padding-top: 30px; 
	padding-bottom: 10px; 
}

.grid-row { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	margin-left: -30px; 
	*zoom: 1; 
}

.grid-row:before, 
.grid-row:after { 
	display: table;
	content: ""; 
	line-height: 0; 
}

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

.grid-row .grid-item { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	min-height: 1px; 
	float: left; 
	padding-left: 30px; 
	vertical-align: top; 
}

.grid-row .grid-item.one-half { width: 50%; }
.grid-row .grid-item.one-third { width: 33.333%; }
.grid-row .grid-item.two-third { width: 66.666%; }
.grid-row .grid-item.one-quarter { width: 25%; }
.grid-row .grid-item.two-quarter { width: 50%; }
.grid-row .grid-item.three-quarter { width: 75%; }
.grid-row .grid-item.one-fifth { width: 20%; }
.grid-row .grid-item.two-fifth { width: 40%; }
.grid-row .grid-item.three-fifth { width: 60%; }
.grid-row .grid-item.four-fifth { width: 80%; }
.grid-row .grid-item.one-sixth { width: 16.666%; }
.grid-row .grid-item.two-sixth { width: 33.333%; }
.grid-row .grid-item.three-sixth { width: 50%; }
.grid-row .grid-item.four-sixth { width: 66.666%; }
.grid-row .grid-item.five-sixth { width: 83.333%; }
.grid-row .grid-item.one-eighth { width: 12.5%; }
.grid-row .grid-item.two-eighth { width: 25%; }
.grid-row .grid-item.three-eighth { width: 37.5%; }
.grid-row .grid-item.four-eighth { width: 50%; }
.grid-row .grid-item.five-eighth { width: 62.5%; }
.grid-row .grid-item.six-eighth { width: 75%; }
.grid-row .grid-item.seven-eighth { width: 87.5%; }
.grid-row .grid-item.one-tenth { width: 10%; }
.grid-row .grid-item.two-tenth { width: 20%; }
.grid-row .grid-item.three-tenth { width: 30%; }
.grid-row .grid-item.four-tenth { width: 40%; }
.grid-row .grid-item.five-tenth { width: 50%; }
.grid-row .grid-item.six-tenth { width: 60%; }
.grid-row .grid-item.seven-tenth { width: 70%; }
.grid-row .grid-item.eight-tenth { width: 80%; }
.grid-row .grid-item.nine-tenth { width: 90%; }
.grid-row .grid-item.left { float: left; }
.grid-row .grid-item.right { float: right; }
.grid-row .grid-item.offset-one-half { margin-left: 50%; }
.grid-row .grid-item.offset-one-third { margin-left: 33.333%; }
.grid-row .grid-item.offset-one-quarter { margin-left: 25%; }
.grid-row .grid-item.offset-one-fifth { margin-left: 20%; }
.grid-row .grid-item.offset-one-sixth { margin-left: 16.666%; }
.grid-row .grid-item.offset-one-eighth { margin-left: 12.5%; }
.grid-row .grid-item.offset-one-tenth { margin-left: 10%; }

@media only screen and (min-width: 768px) { 
	.grid-row > .grid-item.one-half { width: 50%; }
  .grid-row > .grid-item.one-third { width: 33.333%; }
  .grid-row > .grid-item.two-third { width: 66.666%; }
  .grid-row > .grid-item.one-quarter { width: 25%; }
  .grid-row > .grid-item.two-quarter { width: 50%; }
  .grid-row > .grid-item.three-quarter { width: 75%; }
  .grid-row > .grid-item.one-fifth { width: 20%; }
  .grid-row > .grid-item.two-fifth { width: 40%; }
  .grid-row > .grid-item.three-fifth { width: 60%; }
  .grid-row > .grid-item.four-fifth { width: 80%; }
  .grid-row > .grid-item.one-sixth { width: 16.666%; }
  .grid-row > .grid-item.two-sixth { width: 33.333%; }
  .grid-row > .grid-item.three-sixth { width: 50%; }
  .grid-row > .grid-item.four-sixth { width: 66.666%; }
  .grid-row > .grid-item.five-sixth { width: 83.333%; }
  .grid-row > .grid-item.one-eighth { width: 12.5%; }
  .grid-row > .grid-item.two-eighth { width: 25%; }
  .grid-row > .grid-item.three-eighth { width: 37.5%; }
  .grid-row > .grid-item.four-eighth { width: 50%; }
  .grid-row > .grid-item.five-eighth { width: 62.5%; }
  .grid-row > .grid-item.six-eighth { width: 75%; }
  .grid-row > .grid-item.seven-eighth { width: 87.5%; }
  .grid-row > .grid-item.one-tenth { width: 10%; }
  .grid-row > .grid-item.two-tenth { width: 20%; }
  .grid-row > .grid-item.three-tenth { width: 30%; }
  .grid-row > .grid-item.four-tenth { width: 40%; }
  .grid-row > .grid-item.five-tenth { width: 50%; }
  .grid-row > .grid-item.six-tenth { width: 60%; }
  .grid-row > .grid-item.seven-tenth { width: 70%; }
  .grid-row > .grid-item.eight-tenth { width: 80%; }
  .grid-row > .grid-item.nine-tenth { width: 90%; }
  .grid-row > .grid-item.offset-one-half { margin-left: 50%; }
  .grid-row > .grid-item.offset-one-third { margin-left: 33.333%; }
  .grid-row > .grid-item.offset-one-quarter { margin-left: 25%; }
  .grid-row > .grid-item.offset-one-fifth { margin-left: 20%; }
  .grid-row > .grid-item.offset-one-sixth { margin-left: 16.666%; }
  .grid-row > .grid-item.offset-one-eighth { margin-left: 12.5%; }
  .grid-row > .grid-item.offset-one-tenth { margin-left: 10%; } }