.latest-posts {
	display: block;
	margin-bottom: 70px;
	position: relative;
	overflow: hidden;
}
	.latest-posts > h1.title::after {
		height: 1px;
		width: 1000px;
		position: absolute;
		top: 50%;
		left: 110%;
		content: ' ';
		border-top: 1px solid #e7e5d7;
		z-index: 1;
	}

	.latest-posts .pagination {
		text-align: right;
		margin-bottom: 5px;
	}
		.latest-posts .pagination .arrow {
			display: inline-block;
			margin: 0;
			padding: 12px 11px;
			position: relative;
			border: 1px solid #e7e5d7;
			background-color: transparent;
			letter-spacing: 0;
			transition: none;
			vertical-align: middle;
		}
			.latest-posts .pagination .arrow::after {
				display: none;
			}

			.latest-posts .pagination .arrow img {
				width: 15px;
				height: 15px;
			}

			.latest-posts .pagination .arrow.slick-disabled {
				opacity: 0.6;
				cursor: default;
			}

		.latest-posts .pagination .counts {
			padding: 0 5px;
			font-family: 'Brown-Regular', Arial, sans-serif;
			color: #000;
			font-size: 14px;
		}
			.latest-posts .pagination .counts .startCount,
			.latest-posts .pagination .counts .dash,
			.latest-posts .pagination .counts .endCount {
				font-weight: bold;
			}

			.latest-posts .pagination .counts .endCount {}
			.latest-posts .pagination .counts .of {
				padding: 0 5px;
			}
			.latest-posts .pagination .counts .totalCount {}

	.latest-posts .posts {
		margin: 0 0 25px;
		padding: 0;
		list-style: none;
	}
		.latest-posts .posts .post {
			display: flex;
			flex-direction: column;
			margin-bottom: 30px;
			padding-bottom: 30px;
			position: relative;
			border-bottom: 1px solid #e7e5d7;
		}
			.latest-posts .posts .post .image-cont {
				margin-bottom: 25px;
				text-align: center;
			}
				.latest-posts .posts .post .image-cont img {
					width: 100%;
				}

			.latest-posts .posts .post .details {
				flex: 1;
				position: relative;
			}
				.latest-posts .posts .post .details .title {
					margin-bottom: 13px;
					font-family:'Freight Display W01 Bold', Times, Georgia;
					font-size: 30px;
					line-height: 1.1;
					color: #0087a4;
				}
					.latest-posts .posts .post .details .title > a {
						font-family: inherit;
						font-size: inherit;
						line-height: inherit;
						color: inherit;
					}

				.latest-posts .posts .post .details .dateline {
					margin-bottom: 17px;
					font-family: 'Brown-Regular', sans-serif;
					font-style: italic;
					font-size: 15px;
					line-height: 1;
					color: #f26c4f;
				}
					.latest-posts .posts .post .details .dateline time {
						font-family: inherit;
						font-style: inherit;
						font-size: inherit;
						color: inherit;
					}

				.latest-posts .posts .post .details .teaser {
					font-family: 'Brown-Regular', sans-serif;
					font-size: 16px;
					line-height: 1.8;
					color: #2f292b;
				}
					.latest-posts .posts .post .details .teaser > p {
						margin-bottom: 0;
						font-family: inherit;
						font-size: inherit;
						line-height: inherit;
						color: inherit;
					}

				.latest-posts .posts .post .details .categories {
					margin: 15px 0 0;
					padding: 0;
					list-style: none;
					font-family: 'Brown-Regular', sans-serif;
					font-size: 14px;
					color: #2f292b;
				}
					.latest-posts .posts .post.no-image .details .categories {
						margin-top: 10px;
						position: relative;
						bottom: 0;
					}

					.latest-posts .posts .post .details .categories > li {
						display: inline-block;
						margin-right: 5px;
					}
						.latest-posts .posts .post .details .categories > li:first-child {
							margin-right: 0;
							text-transform: uppercase;
						}

					.latest-posts .posts .post .details .categories > li > a {
						color: #0087a4;
					}

				.latest-posts .posts .post .details .readmore {
					display: inline-block;
					height: 34px;
					width: 160px;
					padding-top: 9px;
					margin-top: 15px;
					float: right;
				}

/* Tablet & up */
@media only screen and (min-width: 40.063em) {
	.latest-posts .posts .post {
		position: relative;
		display: flex;
		flex-direction: row;
	}
		.latest-posts .posts .post .image-cont {
			margin-right: 25px;
			margin-bottom: 0
			text-align: left;
		}
}

/* Desktop & up */
@media only screen and (min-width: 64.063em) {
	.latest-posts .posts .post .details .categories {
		margin: 0;
		position: absolute;
		bottom: 15px;
		left: 0;
	}

	.latest-posts .posts .post .details .readmore {
		margin-top: 0;
		position: absolute;
		right: 0;
		bottom: 10px;
		float: none;
	}
		.latest-posts .posts .post.no-image .details .readmore {
			bottom: 0;
		}
}