/* ------------------------------------------------------------ *\
	Related Articles
\* ------------------------------------------------------------ */

.related-articles {
	clear: both; 
	padding: 30px 0; 
}

.related-articles h2 {
	margin-top: 0; 
	font-size: 21px; 
	text-transform: uppercase; 
}

.related-articles .related-articles-list {
	list-style: none; 
	padding: 0; 
	margin: 0 -15px; 
	display: flex;
	align-items: stretch; 
	flex-wrap: nowrap;
	overflow-x: auto;
}

.related-articles .related-articles-list li {
	display: flex;
	align-items: stretch; 
	padding: 0 8px; 
}

.related-articles .related-articles-list li:first-child {
	padding-left: 15px; 
}

.related-articles .related-articles-list li:last-child {
	padding-right: 15px; 
}


.related-articles-default .related-articles-list {
	flex-direction: column;
	align-items: center;
	margin: 0; 
}


.related-articles-default .related-articles-list li {
	padding: 0;
	/* min-width: 260px;  */
	width: 100%; 
}

.related-articles-default .related-articles-list li:first-child,
.related-articles-default .related-articles-list li:last-child {
	padding: 0; 
}

.related-articles-default .related-articles-list li + li {
	margin-top: 20px; 
}

.related-articles-default .related-article {
	width: 100%; 
	max-width: 375px;
	margin: 10px auto 0; 
}

@media ( min-width: 767px ) {
	.related-articles {
		padding-top: 0; 
		overflow: hidden;
	}
	
	.related-articles h2 {
		font-size: 27px; 
		margin-bottom: 20px; 
	}	
	
	.related-articles-default .related-articles-list {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		margin: 0 -10px; 
	}
	
	.related-articles-default .related-articles-list li + li {
		margin-top: 0; 
	}

	.related-articles-default .related-articles-list li {
		width: 50%; 
		min-width: 50%;
		max-width: 50%;
	}

	.related-articles-default .related-articles-list li + li {
		margin-top: 0; 
	}
	.related-articles-default .related-articles-list li:nth-child(n+3) {
		margin-top: 20px; 
	}
	
	.related-articles-default .related-articles-list li:first-child,
	.related-articles-default .related-articles-list li:last-child,
	.related-articles-default .related-articles-list li {
		padding: 0 10px; 
	}
}

@media ( min-width: 992px ) {
	.related-articles .related-articles-list li {
		width: 33.33%; 
		min-width: 33.33%;
	}
		
	.related-articles .related-article {
		min-width: 100%; 
		width: 100%; 
	}
	
	.related-articles-default .related-articles-list li {
		width: 50%; 
		min-width: 50%;
		max-width: 50%;
	}
}

/* ------------------------------------------------------------ *\
	Related Article
\* ------------------------------------------------------------ */

.related-article {
	position: relative; 
	width: 33%; 
	min-width: 260px;
	color: #181f38;
	font-size: 16px; 
	background: #fff;
	border-radius: 5px;
	padding-bottom: 75px; 
	margin-top: 10px; 
}

.related-article p {
	color: #181f38;
	font-size: 16px; 	
	font-family: 'Roboto Condensed', sans-serif; 
}

.related-article .related-article-image {
	position: relative; 
	display: block; 	
	min-height: 96px; 
	background-color: #232f4d;
	border-radius: 5px 5px 0 0;
	margin-top: -10px;
	border:none;
}

.related-article .related-article-image img {
	  position: absolute; 
	  top: 50%; 
	  left: 50%; 
	  transform: translate(-50%, -50%);
}

.related-article .related-article-entry {
	padding: 15px 15px 0; 

}

.related-article .related-article-actions {
	position: absolute; 
	bottom: 15px;
	left: 15px; 
	right: 15px; 
}

.related-article .related-article-actions a {
	display: block;
	color: #181f38;
}