Styles For Home Featured Posts

// Styles for home featured posts, a slightly modified version of the agency pro stylesheet
// Source: benweiser.com
.home-featured-posts .featuredpost .post:nth-of-type(3n+1) {
  clear: left;
}

.home-featured-posts {
	  padding: 10% 0 5%;
}

.home-featured-posts .wrap {
	max-width:1140px;
}

.featured-posts-home .content .featuredpost .entry {
  background: none;
  float: left;
  width: 33.33334%;
}

.featured-posts-home .content .featured-content .entry {
  border-radius: 0;
  margin: 0;
  border:0;
  padding: 0;
  position: relative;
}

.home-featured-posts .featuredpost .entry {
  min-height: 380px;
}

.featured-posts-home .content .featured-content .entry-header {
  padding: 40px 40px 0;
}

.featured-posts-home .content .featured-content .entry-content {
  padding: 0 40px;
}

.featured-posts-home .content .featuredpost img.entry-image {
  margin: 0;
  width:100%;
  height:100%;
}

.featured-posts-home .content .featured-content .entry-image {
  display: block;
  margin-bottom: 0;
}

.home-featured-posts .featuredpost img:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
}

.home-featured-posts .featuredpost img.entry-image {
  left: 0;
  position: absolute;
}

.featured-posts-home .featured-content img {
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.featured-posts-home .content .featured-content, .featured-posts-home .content .widget_text {
  padding: 0;
}

.featured-posts-home .content .widget {
	padding:0;
}

.home-featured-posts .widget-title {
	text-align:center;
}

.featured-posts-home .entry:before, 
.featured-posts-home .entry-content:before,
.featured-posts-home .entry:after, 
.featured-posts-home .entry-content:after {
	display:block;
}



@media only screen and (max-width: 1180px) {

.home-featured-posts .wrap {
		max-width: 960px;
	}



.home-featured-posts .featuredpost .entry {
		min-height: 320px;
	}


}


@media only screen and (max-width: 1023px) {

.home-featured-posts .wrap {
	max-width:760px;
}


.featured-posts-home .content .featuredpost .entry {
  min-height: 380px;
  width: 50%;
	}

.home-featured-posts .featured-content .post:nth-of-type(2n+1) {
  clear: left;
	}

.home-featured-posts .featured-content .post:nth-of-type(3n+1) {
  clear: none;
	}
}



@media only screen and (max-width: 680px) {
	.home-featured-posts .wrap {
		max-width:380px;
	}

	.featured-posts-home .content .featuredpost .entry {
		min-height: 380px;
		width: 100%;
	}
	
	.home-featured-posts .content .featured-content .entry-header {
		clear: both;
	}
	
}


@media only screen and (max-width: 480px) {
	
	.home-featured-posts .featuredpost img.entry-image {
		position: relative;
	}
	
	.home-featured-posts .featuredpost .entry img:hover {
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		  filter: alpha(opacity=90);
		  -moz-opacity: 0.9;
		  -khtml-opacity: 0.9;
		  opacity: 0.9;
	}	

}