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

.entry-header {
	width: 100%;

	> *:not(:first-child) {
		margin-top: var(--itemSpacing, 20px);
	}

	.page-title {
		margin-bottom: 0;
	}

	.entry-meta {
		color: var(--color);
		--linkInitialColor: var(--color);
	}

	.page-description {
		color: var(--color);
	}
}

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

		ul {
			justify-content: center;
		}
	}

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

		ul {
			justify-content: flex-end;
		}
	}
}