/**
 * Project:		Yukon Energy 2016
 * Style Sheet:	Yec Layout
 * Sites:		1 - Yukon Energy, 2 - Resource Plan
/* ---------------------------------------- */


		
	/**
	 * BLOG
	 */

	
	.grid-blog .col .content .blog-body{
		position: absolute;
		padding: 2em;
		overflow: hidden;
		height: 270px;
	}

	/* WHITE BACKGROUND */	
		
	.grid-blog .col.whitebg .content{
		border: 1px solid rgb(0, 0, 0);
	}
		.grid-blog .col.whitebg{
			background: rgb(255, 255, 255);			
		}
			.grid-blog .col.whitebg a{
				color: #666666;
				background: none;			
			}
			.grid-blog .col.whitebg a:hover{
				background: none;
			}
				

	/* BLUE BACKGROUND */	

	.grid-blog .col.bluebg .content{
		border: 1px solid rgb(0, 130, 186);
	}	
	.grid-blog .col.bluebg .content .blog-body h2,
	.grid-blog .col.bluebg .content .blog-body h3{
		color: rgb(255, 255, 255);
	}


	/* GREEN BACKGROUND */	
	
	.grid-blog .col.greenbg .content{
		border: 1px solid rgb(120, 190, 32);
	}	
	.grid-blog .col.greenbg .content .blog-body h2,
	.grid-blog .col.greenbg .content .blog-body h3{
		color: rgb(255, 255, 255);
	}
	
	
	.grid-blog .col .content .blog-body .meta h3{
		font-size: 110%;
	}
	
	
	
	/*
	.grid .col.facebook {
		background: rgb(255, 255, 255);
	}
		.grid .col.facebook iframe {
			margin: 0;
		}
	*/
				
				
				
	.filter-blog ul{
		list-style-type: none;
	}
		.filter-blog ul li{
			display: inline-block;
			padding: 0 .7em;
			text-transform: uppercase;
		}
		.filter-blog ul li.active,
		.filter-blog ul li:hover{
			background: rgb(240, 179, 35);			
			border-radius: 25px;			
		}
			.filter-blog ul li.active a,
			.filter-blog ul li:hover a{
				color: rgb(255, 255, 255)!important;
			}
			
			
			
	.load-more{
		text-align: center;
		font-size: 130%;
		margin: 1em 0;
		width: 100%;
	}
	
	
	
	.slide.article .meta{
		margin: 1em 0 2em 0;
	}
			

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




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




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




/**********************
	  SHORT n WIDE
**********************/
/*
@media only screen and (max-height: 760px) and (min-width: 900px) {
}
*/