.lo-heading-xl,
.lo-heading-lg,
.lo-heading-md,
.lo-heading-sm,
h1,
h2,
h3,
h4,
.entry-title {
	margin-top: 0;
	letter-spacing: 0;
	line-height: var(--lo-line-height-tight);
}

.lo-heading-xl {
	font-size: var(--lo-font-size-4xl);
}

.lo-heading-lg {
	font-size: var(--lo-font-size-3xl);
}

.lo-heading-md {
	font-size: var(--lo-font-size-2xl);
}

.lo-heading-sm {
	font-size: var(--lo-font-size-md);
	line-height: var(--lo-line-height-heading);
}

h1,
.entry-title {
	font-size: var(--lo-font-size-3xl);
}

h2 {
	font-size: var(--lo-font-size-2xl);
}

h3 {
	font-size: var(--lo-font-size-xl);
}

h4 {
	font-size: var(--lo-font-size-lg);
	line-height: var(--lo-line-height-heading);
}

p {
	margin-top: 0;
	margin-bottom: var(--lo-space-4);
}

.lo-lead {
	color: var(--lo-color-muted);
	font-size: var(--lo-font-size-md);
	line-height: var(--lo-line-height-relaxed);
}

.lo-text {
	color: var(--lo-color-muted);
	font-size: var(--lo-font-size-base);
	line-height: var(--lo-line-height-relaxed);
}

.lo-caption {
	color: var(--lo-color-primary);
	font-size: var(--lo-font-size-xs);
	font-weight: 700;
	letter-spacing: 0;
	text-transform: uppercase;
}

.entry-meta,
.lo-meta,
.lo-single__meta,
.comment-meta,
.comment-metadata,
.lo-post-card__date,
.lo-small {
	color: var(--lo-color-muted);
	font-size: var(--lo-font-size-sm);
	line-height: var(--lo-line-height-base);
}

.breadcrumbs,
.yoast-breadcrumb {
	color: var(--lo-color-muted);
	font-size: var(--lo-font-size-sm);
	line-height: var(--lo-line-height-base);
}

.breadcrumbs a,
.yoast-breadcrumb a,
.lo-button-text,
.comment-reply-link {
	color: var(--lo-color-primary);
	font-weight: 700;
	text-decoration: none;
}

.breadcrumbs a:hover,
.yoast-breadcrumb a:hover,
.lo-button-text:hover,
.comment-reply-link:hover {
	color: var(--lo-color-primary-dark);
}

.entry-content,
.entry-summary {
	color: var(--lo-color-muted);
	line-height: var(--lo-line-height-relaxed);
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-top: var(--lo-space-8);
	margin-bottom: var(--lo-space-4);
	color: var(--lo-color-text);
}

@media (max-width: 900px) {
	.lo-heading-xl {
		font-size: var(--lo-font-size-3xl);
	}

	.lo-heading-lg {
		font-size: var(--lo-font-size-2xl-fluid);
	}

	.lo-heading-md {
		font-size: var(--lo-font-size-xl-fluid);
	}

	h1,
	.entry-title {
		font-size: var(--lo-font-size-2xl-fluid);
	}
}

@media (max-width: 720px) {
	.lo-heading-xl {
		font-size: var(--lo-font-size-2xl-mobile);
	}

	.lo-heading-lg {
		font-size: var(--lo-font-size-2xl);
	}

	.lo-heading-md {
		font-size: var(--lo-font-size-xl);
	}

	.lo-lead {
		font-size: var(--lo-font-size-lead-mobile);
	}
}