/*
 * Grid / Row Listings
 * Styling for when displaying content in a grid or row 
 */



/*universal*/
.post-listing{
	
}

/*Grid*/
.post-list.grid{
	
}
/*standard listing, universal elements such as float*/
.post-listing.grid .post{
	position: relative;
	float: left;
	width: 100%;
	margin: 0% 0% 3% 0%;
}

/*specific listings, row of 1*/
.post-listing.grid.one-column .post{
	width: 100%;
	margin: 0% 0% 3% 0%;
	clear: both;
}
.post-listing.grid.one-column .post:nth-of-type(1n){
	width: 100%;
	margin: 0% 0% 3% 0%;
	clear: both;
}

/*specific listings, row of 2*/
.post-listing.grid.two-column .post{
	width: 47%;
	margin: 0% 1.5% 3% 1.5%;
}
.post-listing.grid.two-column .post:nth-of-type(2n-1){
	width: 48.5%;
	margin: 0% 1.5% 3% 0%;
	clear: left;
}
.post-listing.grid.two-column .post:nth-of-type(2n-0){
	width: 48.5%;
	margin: 0% 0% 3% 1.5%;
	clear: right;
}

/*specific listings, row of 3*/
.post-listing.grid.three-column .post{
	width: 30%;
	margin: 0% 1.66% 3.33% 1.66%;
}
.post-listing.grid.three-column .post:nth-of-type(3n-2){
	width: 31.5%;
	margin: 0% 1.375% 2.75% 0%;
	clear: left;
}
.post-listing.grid.three-column .post:nth-of-type(3n-1){
	width: 31.5%;
	margin: 0% 1.375% 2.75% 1.375%;
}
.post-listing.grid.three-column .post:nth-of-type(3n-0){
	width: 31.5%;
	margin: 0% 0% 2.75% 1.375%;
	clear: right;
}




.post-listing.grid .post-title{

}
.post-listing.grid .post-information{
	position: relative;
	/*word-break: break-all;*/
}
.post-listing.grid .image-container{
	width: 100%;
}
.post-listing.grid .image-container .image{
	width: 100%;
	padding-bottom: 75%;
}
.post-listing.grid .content-container{
	width: 100%;
	height: 100%;
	padding: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(255,255,255,0.6);
	opacity: 0;
	-webkit-transition: opacity 300ms ease-in;
	-moz-transition: opacity 300ms ease-in;
	transition: opacity 300ms ease-in;
	overflow: hidden;
}
.post-listing.grid .content-container .content{
	background: rgba(255,255,255,0.75);
	padding: 10px;
	-webkit-transform: translate(0%,75%);
	-webkit-transform: translate3d(0%,75%,0);
	-moz-transform: translate(0%,75%);
	-moz-transform: translate3d(0%,75%,0);
	transform: translate(0%,75%);
	transform: translate3d(0%,75%,0);
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	word-break: break-word;
}

/*hover interactions*/
.post-listing.grid .post:hover .content-container,
.post-listing.grid .post:active .content-container,
.post-listing.grid .post:focus .content-container{
	opacity: 1;
}
.post-listing.grid .post:hover .content-container .content,
.post-listing.grid .post:active .content-container .content,
.post-listing.grid .post:focus .content-container .content{
	opacity: 1;
	-webkit-transform: translate(0%,0%);
	-webkit-transform: translate3d(0%,0%,0);
	-moz-transform: translate(0%,0%);
	-moz-transform: translate3d(0%,0%,0);
	transform: translate(0%,0%);
	transform: translate3d(0%,0%,0);
}
.post-listing.grid .post:hover .post-title:after,
.post-listing.grid .post:active .post-title:after,
.post-listing.grid .post:focus .post-title:after {
	width: 40%;
}

/*list*/
.post-listing.row{
	
}
.post-listing.row .post{
	float: left;
	width: 100%;
}