/* CSS Document */

.bordered {border:1px solid #8B8E8D;padding:15px;box-sizing: border-box;}

/* section > content > single/double/triple */

	.section {overflow:auto;}
	.content {margin:0 auto;padding:3% 15px;padding:8vh 15px;overflow:auto;}

.content .single {width:auto;margin:0 1.5%;overflow-y:auto;overflow-x:hidden;}
	.content .double {float:left;width:46%;margin:0 2%;}
	.content .triple {float:left;width:30%;margin:0 1.5%;}
	.content .twothird {float:left;width:63%;margin:0 1.5%;}
	.content .quad 	{float:left;width:22%;margin:0 1.5%;}
	.content .sixth {float:left;width:15%;margin:0 0.8%;}
.content .sevth {float:left;width:12.5%;margin:0 0.8%;}
	.content .eigth {float:left;width:22%;margin:0 1.5%;}
	.content .eigth:nth-child(n+5) {margin-top:2.5%;}
.landing .content {padding-top:5vh;padding-bottom:5vh;}
	
/* for ads and image-intensicve content with no padding or margins */

	.content.banner 		{padding:0;display:block;}
	.content.banner img 	{width:100%;padding:0;}
	.content.banner a img 	{line-height:0;display:block;}
	.content.banner .double {width:50%;margin:0;}
	.content.banner .triple {width:33.33%;margin:0;}

/*template specific */
#wrapper.typepage .content {max-width:1600px;}
#wrapper.prodpage .content {padding:1% 15px;padding:2vh 15px;}
#wrapper.prodpage .content .triple {width:31.32%;margin:0 1% 2%;}
#wrapper.prodpage .content .triple.right {float:right;}


/*section backgrounds */
.section:nth-child(even) {background:#fff;}
.section:nth-child(odd) {background:#e7ebed;}

.section.white 		{background:#fff;}
.section.lightgrey	{background:#e6edf4;}
.section.blue 		{background:#1184AB;}
.section.darkgrey 	{background:#242532;}
.section.red		{background:#685d62;}
.section.dark 		{background:#242532;}
.section.nearblack	{background:#0a323f;background:repeating-linear-gradient(-55deg, #0a323f, #0a323f 4px, #0d3e49 1px, #0d3e49 5px);
	padding:10px;}


/* positioning */
/* .section img {max-width:100%;} */

@media screen and (max-width:900px) {
.prodtop .triple:nth-child(2),.prodtop .triple:nth-child(3) {width:45%;}
.prodtop .triple:nth-child(4) {width:92%;margin-top:15px;}}

/* Switch to one-column tablet mode */

@media screen and (max-width:800px) {
	.content{padding:2% 15px;padding:4vh 15px;}
	
	.content .triple, .content .quad, .content .twothird, 
	.prodtop .triple, .prodtop .triple:nth-child(2),.prodtop .triple:nth-child(3),
	#wrapper.prodpage .content .triple
	{width:95%;margin:0 2.5%;}
	#wrapper.prodpage .content .triple {margin-bottom:15px;}
	.content .sixth, .content .sevth  {width:22%;margin:0 1.5%;}
	.content .triple:nth-child(n+1), .content .quad:nth-child(n+1), .content .sixth:nth-child(n+1),.content .eigth:nth-child(n+1), .content .twothird {margin-top:5%;}
#wrapper.prodpage .content .triple.prodimg {width:45%;float:left;}
#wrapper.prodpage .content .triple.prodstus {width:45%;float:right;}
}
	
	
@media screen and (max-width:700px) {
	.content .triple, .content .quad, .content .sixth, .content .eigth, .content .twothird {clear:both;}
	.content .double {clear:both;width:95%;margin:0 2.5%;}
	.content .triple.prodimg, .content .triple.prodstus {clear:none;}
	.content .double:nth-child(n+1) {margin-top:15px;}
}

@media screen and (max-width:600px) {
	.section.nearblack {padding:0;}	
	.prodtop .triple:nth-child(4) {width:auto;}
	#wrapper.prodpage .content .triple.prodimg, #wrapper.prodpage .content .triple.prodstus {width:95%;margin-left:2.5%;margin-right:2.5%;}
	}

/* mobile mode */
@media screen and (max-width:500px) {
	.content{padding:1% 15px;padding:2vh 15px;}
	.content .sixth, .content .sevth  {width:44%;margin:0 1.5%;}
}