@charset "UTF-8";

.blog .posts-list {
	padding-bottom: var(--section-spacing);
	padding-top: var(--section-spacing)
}

.blog .posts {
	align-items: center;
	display: flex;
	flex-direction: column;
	row-gap: 2rem
}

.blog .posts-list article:not(:first-child) {
	border-top: 1px solid #ece2d0;
	padding-top: 2rem
}

.blog article {
	align-items: center;
	column-gap: 1rem;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	row-gap: 1rem
}

@media (min-width:769px) {
	.blog article {
		flex-direction: row
	}

	.blog article .post__content {
		flex: 1 1 36rem
	}
}

.blog article .post__thumb {
	background-color: #ece2d0;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	position: relative;
	width: 25rem
}

@media (min-width:769px) {
	.blog article .post__thumb {
		align-self: stretch
	}
}

.blog article .post__thumb a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.blog article .post__thumb img {
	flex: 1;
	object-fit: cover;
	width: 100%
}

.blog article .post__content {
	max-width: 66ch
}

.blog article .post__meta {
	margin-top: 1.25em
}

.blog article .post__meta li {
	display: inline-block
}

.blog article .post__meta li:before {
	color: #98473e;
	content: "•";
	margin-right: 4px
}

.blog article .post__meta li:not(:first-child) {
	margin-left: 1em
}

.blog article .post__title {
	font-size: 28px
}

.blog article .post__title a {
	--linkColor: var(--global-color-tertiary);
}
.blog article .post__title a:hover {
	--linkColor: var(--global-color-primary);
}

.blog article time.updated {
	display: none
}

.blog article .post__excerpt,
.blog article .post__footer {
	margin-top: 1.25em
}

.blog article .post__footer {
	align-items: center;
	column-gap: 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 1em
}

.blog article .post__share__label {
	font-weight: 700;
	margin-right: .5em;
	text-transform: uppercase
}

.blog article .post__share__label:after {
	content: ":"
}

.blog article .post__share {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

/*
.blog article .post__share a {
	color: #98473e
}

.blog article .post__share a:active,
.blog article .post__share a:focus,
.blog article .post__share a:hover {
	color: #4a6d7c
}
*/

.blog article .post__share li,
.blog article .post__share ul {
	display: inline-block
}

.blog article .post__share li:not(:first-child) {
	margin-left: 4px
}

.blog .page-numbers {
	text-align: center;
}