#posts-list-nav {
	max-width: 1000px;
	margin: 0 auto;
}

.blog.logged-in #primary {
	padding-top: 48px;
}

h2 {
	margin: 15px 0 10px 0;
}

.posts-list-item {
	width: 100%;
	max-width: 350px;
	margin: 0 auto 35px auto;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
	border-radius: 12px;
}

.post-link {
	display: block;
}

.post-thumbnail {
	width: 100%;
	max-height: 230px;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.post-title {
	text-align: left;
	padding: 0 10px;
}

.post-excerpt {
	padding: 0 10px 20px 10px;
}

@media screen and (min-width: 600px) {
	#posts-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 20px;
	}
}

@media screen and (min-width: 1000px) {
	#posts-list {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (hover: hover) {
	.post-title,
	.post-thumbnail-img {
		transition: all 300ms ease;
	}

	.post-link:hover .post-thumbnail-img {
		transform: scale(1.02);
	}
	.post-link:hover .post-title {
		color: var(--orange);
	}
}