/* POST LIST */
.posts {
	width: 100%;
	float: left;
}
.posts .entry {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	margin: 0 30px 20px 0;
	padding: 0;
	width: calc(50% - 20px);
}
.posts .entry:nth-child(even) { margin-right: 0; }

.posts .inner {
	width: 100%;
	float: left;
	transition: margin 0.25s;
}
.posts .entry .img {
	width: 100%;
	padding-top: 50%;
	height: 0;
	background-position: center center;
	background-size: cover;
	float: left;
}
.posts .entry .info {
	float: left;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #344599;
}
.posts .entry h1 {
	padding: 0 0 0 8px;
	margin: 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	border-left: 4px solid #fff;
}
.posts .entry h2 {
	padding: 4px 0 4px 0;
	margin: 0;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.9em;
}
.posts .entry p {
	color: #fff;
	padding: 0;
	margin: 0;
}
.posts .entry:nth-child(1n+5) .img { display: none; }
.posts .entry:nth-child(1n+5) h2 { padding-bottom: 0; }
.posts .entry:nth-child(1n+5) p { display: none; }

.posts .entry .inner:hover {
	box-shadow: 6px 6px 0 #344599;
	color: #f7f4eb;
	margin-top: -4px;
	margin-bottom: 4px;
}
.posts .entry .inner:hover .info {
	background: #ea92d1;
}

/* SINGLE POST */

.banner {
	position: relative;
	background-size: cover;
	background-position: center center;
	height: 500px;
}

.banner .fade {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 80%);
}

.banner .content { 
	position: relative;
	padding-top: 0; 
	padding-bottom: 0; 
	margin: 0;
	height: 100%;
	display: table;
}

.banner h1 {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	
	color: #fff;
	font-size: 4em;
	font-weight: bold;
	line-height: 0.8em;
}

.post {
    text-align: justify;
	font-size: 1.2em;
	font-weight: normal;
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	line-height: 1.5em;
	color: #111;
}


.post img { max-width: 100%; }
.post a { color: #344599; font-weight: bold; }
.post a:hover { color: #ea92d1; font-weight: bold; }

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { text-align: left; }
.post h2 { margin-top: 50px; }
.post h3 { font-size: 1.1em; color: #000; font-weight: bold; line-height: 1.0; margin: 0; padding: 0; }

.post-info {
	width: 100%;
	padding: 10px 20px 10px 20px;
	box-sizing: border-box;
	border-left: 8px solid #ea92d1;
	font-size: 0.9em;
	color: #344599;
}

.post-info a { color: #ea92d1; }

.related-posts { 
	width: 100%;
	margin: 32px 0 0 0;
	float: left; 
}
.related-posts .other-posts { width: 100%; float: left; font-size: 1.1em; padding: 0; margin: 0 0 8px 0; }
.related-posts .previous-post .other-posts { float: right; text-align: right; }
.previous-post { width: calc(50% - 20px); float: right; }
.next-post { width: calc(50% - 20px); float: left; }
.related-posts .posts .entry { width: 100%; font-size: 0.8em; }
.related-posts .posts .entry .img { display: none; }
.related-posts .entry { margin-bottom: 0; }

@media(max-width: 850px)
{
	.banner h1 { text-align: center; }
}

@media(max-width: 550px)
{
	.posts .entry {
		width: 100%;
		margin-right: 0;
	}
}

.posts.latest .entry {
	width: 100%;
}
.posts.latest .entry h1 {
	font-size: 2em;
}

.posts.list .entry {
	width: 100%;
	font-size: 0.7em;
	margin-bottom: 4px;
}
.posts.list .info { padding: 8px; }
.posts.list h1 { border-left: 0; padding: 0; padding-right: 16px; display: inline; }
.posts.list h2 { border-left: 0; padding: 0; display: inline; }