/* Posts */

.post-list
{
	padding-bottom: 20px;
    margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	width: 102%;
	margin-left: -1%;
}

.post-list-block
{
	margin-bottom: 20px;
	background: #ececec;
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	position: relative;
}

	.post-list-image
	{
		overflow: hidden;
		padding-top: 56.25%;
		background-repeat: no-repeat;
		background-size: cover;
		line-height: 0;
		position: relative; 
	}

		.post-list-image a
		{
			position: absolute;
			margin: auto;
			height: 100%;
			width: 100%;
			top: 0;
		}


	.post-list-content
	{
		padding: 20px 20px 60px 20px;
	}
		
		.post-list-date,
		.post-list-categories
		{
			color: #464749;
		  	font-size: 13px;
		  	line-height: 20px;
		  	margin-bottom: 6px;
		  	float: left;
		}	
			.post-list-categories
			{
			  	float: right;
			}
			
				.post-list-categories a
				{
				  	color: inherit;
				}
			.post-list-date .fa,
			.post-list-categories .fa
			{
				margin-right: 5px;
			}	
		
				.post-list-categories .tag-img
				{
				    width: 15px;
				    height: 20px;
				    display: inline-block;
				    vertical-align: bottom;
				    margin-right: 5px;
				}
			
		.post-list-title
		{
			clear: both;
		  	font-size: 17px;
			line-height: 26px;
		  	padding-bottom: 10px;
		}
			.post-list-title a
			{
			  	color: #0d0d0d;
			}

			
	.post-list-read-more
	{
	    display: block;
	    text-align: right;
	    position: absolute;
	    bottom: 20px;
	    right: 20px;
	}
		.post-list-read-more .fa-chevron-right
		{
			margin-right: 20px;
			margin-left: 10px;
			vertical-align: middle;
			transition: margin 0.5s;
		}
			.post-list-read-more:hover .fa-chevron-right
			{
				margin-right: 10px;
				margin-left: 20px;
			}


@media (max-width: 981px)
{
	.post-list-block
	{
		width: 48%;
	}
}
		
@media (max-width: 767px)
{
	.post-list
	{
		display: block;
	}
	.post-list-block,
	.post-list-block:last-child
	{
		width: 100%;
	}
}