.wp-block-a8c-blog-posts {
	&.image-aligntop {
		.post-thumbnail {
			margin-bottom: calc(0.5 * var(--global--spacing-vertical));
		}
	}

	&.image-alignleft {
		.post-thumbnail {
			margin-right: var(--global--spacing-vertical);
		}
	}

	&.image-alignright {
		.post-thumbnail {
			margin-left: var(--global--spacing-vertical);
		}
	}

	&.image-alignbehind .post-has-image {
		 .entry-wrapper {
			padding: var(--global--spacing-vertical);
		}

		.cat-links {
			color: var(--global--color-white);
		}

		a:hover {
			color: currentColor;
		}
	}

	.article-section-title {
		font-size: var(--global--font-size-base);
		margin-top: 0;
		margin-bottom: calc(0.5 * var(--global--spacing-vertical));
	}

	article {
		margin-bottom: calc(3 * var(--global--spacing-vertical));
	}

	.post-thumbnail {
		img {
			vertical-align: middle;
			width: auto;
		}
	}

	.entry-wrapper > * {
		/* Vertical margins logic between post details */
		margin-top: var(--global--spacing-unit);
		margin-bottom: var(--global--spacing-unit);

		&:first-child {
			margin-top: 0;
		}

		&:last-child {
			margin-bottom: 0;
		}
	}

	.entry-title {
		a {
			color: var(--global--color-primary);

			.has-background:not(.has-background-background-color) &,
			[class*="background-color"]:not(.has-background-background-color) &,
			[style*="background-color"] & {
				color: currentColor;
			}


			&:hover {
				color: var(--global--color-primary-hover);
				text-decoration: underline;
			}

			.has-background:not(.has-background-background-color) &,
			[class*="background-color"]:not(.has-background-background-color) &,
			[style*="background-color"] & {
				color: currentColor;
			}
		}
	}

	.more-link {
		display: block;
		color: inherit;
		margin-top: var(--global--spacing-unit);

		&:after {
			content: "\02192";
			display: inline-block;
			margin-left: 0.5em;
		}

		&:hover,
		&:active {
			color: var(--global--color-primary-hover);
			text-decoration: none;

			.has-background:not(.has-background-background-color) &,
			[class*="background-color"]:not(.has-background-background-color) &,
			[style*="background-color"] & {
				color: currentColor;
			}
		}
	}

	.entry-meta,
	.cat-links {
		color: var(--global--color-foreground-light);
		font-size: var(--global--font-size-sm);

		.has-background:not(.has-background-background-color) &,
		[class*="background-color"]:not(.has-background-background-color) &,
		[style*="background-color"] & {
			color: currentColor;
		}

		.byline:not(:last-child) {
			margin-right: var(--global--spacing-unit);
		}

		.published + .updated {
			display: none;
		}

		a {
			color: currentColor;
			text-decoration: underline;

			&:hover,
			&:active {
				color: var(--global--color-primary-hover);
				text-decoration: none;

				.has-background:not(.has-background-background-color) &,
				[class*="background-color"]:not(.has-background-background-color) &,
				[style*="background-color"] & {
					color: currentColor;
				}
			}
		}
	}
}

// Add theme style to load-more button

@import "../../base/extends";
.wp-block-a8c-blog-posts + .button {
	// Extend button style
	@extend %button-style;
	display: inline-block;
	font-size: var(--global--font-size-md);

	&:hover {
		cursor: default;
	}

	.has-background:not(.has-background-background-color) &,
	[class*="background-color"]:not(.has-background-background-color) &,
	[style*="background-color"] & {
		background-color: transparent;
		border: var(--button--border-width, 2px) solid currentColor;
		color: currentColor;
	}
}