/* Related Posts */

.titlewithline.relatedposts {
	width: 1200px;
	max-width: calc(100% - 30px);
	margin: 75px auto 45px;
	text-align: center;
}

.related-posts {
	width: 1200px;
	max-width: calc(100% - 30px);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 100px;
}

.related-post {
	width: 100%;
	margin-bottom: 40px;
}

.related-post img {
	height: 400px !important;
	width: calc(100% - 30px);
	object-fit: cover;
}

.related-post-content {
	position: relative;
    overflow: auto;
    width: calc(100% - 30px);
    margin: -56px 0 0;
    padding: 10px;
    background-color: #FFFFFF;
    z-index: 3;
    box-shadow: 0px 6px 25px 2px rgba(184,184,184,0.5);
    float: right;
}

.related-post-content h3 {
	margin: 4px 0;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
}

.related-post-content p {
	margin-bottom: 0;
}

.related-post-more {
	text-transform: uppercase;
    font-weight: bold;
    font-size: 1.6rem;
    float: right;
    clear: both;
}

.entry-header-container .related-post-more {
	float : left;
}

@media screen and (min-width: 768px) {

	.titlewithline .fl-heading {
		position: relative;

	}

	.titlewithline .fl-heading:after {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -1px;
		content: "";
		width: 100%;
		height: 1px;
		background-color: #000000;
	}

	.titlewithline .fl-heading-text {
		display: inline-block;
		background-color: #FFFFFF;
		position: relative;
		z-index: 2;
		padding: 0 20px;
		text-transform: uppercase;
	}

	.titlewithline.white .fl-heading:after {
		background-color: #ffffff;

	}

	.titlewithline.white .fl-heading-text {
		background-color: #23252b;
	}

}

@media screen and (min-width: 992px) {
	.related-post-content {
		height: calc(100% - 344px);
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.related-readmore-link {
		margin-top: auto;
	}
	.related-posts {
	    justify-content: space-between;
	}
	.related-post {
		width : calc(33.33% - 40px) ;
	}
}
@media screen and (max-width: 1024px) {
	.related-posts article:last-child,
	.related-posts article:nth-child(2) {
		display: none;
		
	}
}


@media screen and (max-width: 767px) {
	.related-post-content {
		width: calc(100% - 35px);
	}
	.entry-header-container .related-post-more {
		display: block;
		text-align: center;
		float: none;
	}
	.category .article-list,
	.blog .article-list {
		text-align: center;
	}
	.related-post-more {
		float: none;
	}
}