/*
Name: Post Grid Layout
Description: Displays Featured Image, Post Title and Excerpt in a grid layout underneath main post.

*/

.magazine-loop-content {
}

.magazine-post-wrap {
	display: inline-block;
//	height: 550px;
	vertical-align: top;
	
//	grid-columns: auto minmax(min-content, max-content); 
//	grid-rows: auto minmax(min-content, max-content) auto;
}
.magazine-post-wrap-2-col {
	width: 43.9%;   // 2 col	
}
.magazine-post-wrap-2n-col {
	width: 43.1%;   // 2 col narrow	
}
.magazine-post-wrap-3-col {
	width: 27.15%;  // 3 col
}


.magazine-post {
	padding: 0 10px;
}
.magazine-post img {
	width: 100%;
	max-width: 350px;
	height: auto;
	margin: 0;
}
.magazine-post .post-image {
	position: relative;	
}
.magazine-post .add_feature_image a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999em;
}
.magazine-post .add_feature_image a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.magazine-post .add_feature_image:hover a:after {
	content: ' →';
}
.magazine-post h2 {
	font-size: 200%;
}
.magazine-post .entry-content p {
	margin: 0 0 1em;
}
.magazine-post .entry-title {
	margin-bottom: 0;
	line-height: 1.1em;
}
.magazine-post .entry-meta {
	font-size: 80%;
}
.magazine-post .more-para {
	text-align: right;
}
.magazine-post .more-link {
	position: absolute;
	right: 1.5em;
	bottom: 1em; 
}
.loop-footer {
	clear: both;
}
/**************************************
	Global IE Fixes
**************************************/
#ie6 .magazine-post-wrap,
#ie7 .magazine-post-wrap {
	display: block;
	float: left;
	height: 550px;
}
/**************************************
	IE6 Fixes
**************************************/
#ie6 .magazine-post-wrap-3-col {
	width: 27.15%;
}
/**************************************
	IE7 Fixes
**************************************/
/* #ie7 .magazine-post-wrap-3-col {
} */