@import 'type-1';
@import 'type-2';

.entry-header {
	color: var(--initialColor);

	.entry-title, .page-title {
		--fontColor: var(--initialColor);
	}

	.page-description {
		font-weight: 500;
	}

	.entry-meta {
		color: var(--initialColor);

		a {
			color: inherit;

			&:hover {
				color: var(--hoverColor);
			}
		}
	}

	.avatar-container {
		width: 25px;
		height: 25px;
		flex: 0 0 25px;
	}
}

// alignment
.hero-section {
	&[data-alignment="center"] {
		text-align: center;

		.entry-meta {
			justify-content: center;
		}
	}

	&[data-alignment="right"] {
		text-align: right;

		.entry-meta {
			justify-content: flex-end;
		}
	}
}