/**
 * Project:		Yukon Energy 2017
 * Style Sheet:	Base Columns
 * Sites:		1 - Yukon Energy, 2 - Resource Plan
/* ---------------------------------------- */


/**********************
		BASE
**********************/

	.col {
		padding: 0 10px;
		clear: left;
		width: 100%;
		-moz-box-sizing: border-box;
		 -ms-box-sizing: border-box;
			 box-sizing: border-box;
	}
	.col.gutterless { padding: 0; }
	
		.col.single {
			float: none !important;
			clear: left !important;
		}
		
		.early-respond .col.half,
		.col.third.pairs {
			float: left;
			clear: none;
			width: 50%;
		}

			.early-respond .col.half.right,
			.col.third.pairs.right { float: right; }

			.col.third.pairs:nth-child(2n+3) { clear: left; }

	.one-column {
		float: none !important;
		clear: left !important;
		margin: 0 auto;
	}		



/**********************
		SMALL
**********************/
@media only screen and (min-width: 600px) {

	.col {
		clear: none;
		float: left;
	}

		.col.right {	float: right; }

		.col.half {		width: 50%; }
		
		.col.third,
		.col.third.pairs,
		.col.sixth {						width: 33.333333%; }
		
		.col.quarter {	width: 21.25%; }
		
		.col.fifth {	width: 17%; }
					
		.col.two-thirds,
		.col.five-sixths {					width: 66.666666% }
		
		.col.third:nth-child(3n+4),
		.col.sixth:nth-child(3n+4) {		clear: left; }
		.col.third.pairs:nth-child(2n+3) {	clear: none; }

		.early-respond .col.sixth {			width: 16.666666%; }
		.early-respond .col.five-sixths {	width: 83.333333%; }


	.one-column {
		text-align: center;
	}		

	.two-columns {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
				column-count: 2;
	}
	
	.three-columns {
		-webkit-column-count: 3;
		   -moz-column-count: 3;
				column-count: 3;
	}
		
	.two-columns,
	.three-columns {
		float: none !important;
		clear: left !important;
		-webkit-column-gap: 20px;
		   -moz-column-gap: 20px;
				column-gap: 20px;
	}
		
		.two-columns .group,
		.three-columns .group,
		.two-columns li,
		.three-columns li {
			-webkit-column-break-inside: avoid;
					  page-break-inside: avoid;
						   break-inside: avoid;
		}

}






/**********************
		MEDIUM
**********************/
/*
@media only screen and (min-width: 900px) {
}
*/




/**********************
		LARGE
**********************/
@media only screen and (min-width: 1250px) and (min-height: 760px) {

	.col.sixth {		width: 16.666666%; }
	.col.five-sixths {	width: 83.333333%; }

	.col.sixth:nth-child(3n+4) { clear: none; }
	.col.sixth:nth-child(6n+7) { clear: left; }

}