/* Mobile First Styles */
.blog-feed.hc1 {
	padding: 4em 0;
	text-align: center;
	background-color: #ECF8FE; /* $secondary */
}

.blog-feed.hc1 .container {
	max-width: 75%;
}

.blog-feed.hc1 header h2 {
	font-size: 2em;
	color: #0096D6; /* $primary */
	font-family: 'Playfair Display', sans-serif;
}

.blog-feed.hc1 ul {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 2em 0;
	padding: 0 2em;
}

.blog-feed.hc1 ul li {
	display: block;
	width: 100%;
	padding: 2em 0;
	margin: 2em 0;
	text-align: left;
	border-bottom: solid 1px #0096D6; /* $primary */
}

.blog-feed.hc1 ul li:nth-child(n+3) {
	display: none;
}

.blog-feed.hc1 ul li h3 {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	transition: color .35s ease 0s;
	color: #414141; /* $text */
}

.blog-feed.hc1 ul li h3:hover {
	color: #0096D6; /* $primary */
}

.blog-feed.hc1 ul li .date {
	font-family: 'Roboto', sans-serif;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.blog-feed.hc1 ul li .bottom-section {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1em 0;
	margin-top: 1.5em;
}

.blog-feed.hc1 .scroll-nav {
	display: none;
	position: absolute;
	width: 85%;
	left: 7.5%;
	top: 40%;
}

.blog-feed.hc1 .scroll-nav .next-arrow, .blog-feed.hc1 .scroll-nav .prev-arrow {
	position: absolute;
	color: #0096D6; /* $primary */
	font-size: 1.111em;
	transition: .35s ease 0s;
}

.blog-feed.hc1 .scroll-nav .next-arrow:before, .blog-feed.hc1 .scroll-nav .prev-arrow:before {
	color: #0096D6;
	font-size: 1.111em;
	transition: .35s ease 0s;
}

.blog-feed.hc1 .scroll-nav .next-arrow:hover:before, .blog-feed.hc1 .scroll-nav .prev-arrow:hover:before {
	color: #414141;
}

.blog-feed.hc1 .scroll-nav .next-arrow {
	right: 0;
	left: auto;
}

.blog-feed.hc1.end .scroll-nav .next-arrow {
	display: none;
}

.blog-feed.hc1.start .scroll-nav .prev-arrow {
	display: none;
}

.blog-feed.hc1 .scroll-nav .prev-arrow {
	left: 0;
	right: auto;
}
/* End Mobile First Styles */

/* Responsive Above 1150px */
@media screen and (min-width:1150px) {
	.blog-feed.hc1 ul {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: 4em 0;
		padding: 0;
	}

	.blog-feed.hc1 ul li {
		position: relative;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		border-bottom: none;
	}

	.blog-feed.hc1 ul li .bottom-section {
		padding: 0;
	}

	.blog-feed.hc1 ul li:nth-child(n+3) {
		display: block;
	}

	.blog-feed.hc1 ul li:nth-child(odd):after {
		position: absolute;
		top: 50%;
		right: 1px;
		display: block;
		width: 1px;
		height: 150%;
		background-color: #0096d6;
		content: '';
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.blog-feed.hc1 ul li:nth-child(even):after {
		display: none;
	}

	.blog-feed.hc1 .scroll-nav {
		display: block;
	}
}
/* End Responsive Above 1150px */