/*==================================================
EVER THEME
Typography
Version 2.0.0
==================================================*/

/* DOCUMENT
==================================================*/

body {
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	font-weight: var(--fw-regular);
	line-height: var(--lh-relaxed);
	color: var(--color-text);
	background: var(--color-background);
}

/* HEADINGS
==================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading);
	font-weight: var(--fw-regular);
	line-height: var(--lh-tight);
	color: var(--color-primary-dark);
	text-wrap: balance;
}

h1 {
	font-size: clamp(42px, 5vw, var(--fs-hero));
}

h2 {
	font-size: clamp(36px, 4vw, var(--fs-xl));
}

h3 {
	font-size: clamp(28px, 3vw, 38px);
}

h4 {
	font-size: var(--fs-lg);
}

h5 {
	font-size: var(--fs-md);
}

h6 {
	font-family: var(--font-body);
	font-size: var(--fs-sm);
	font-weight: var(--fw-semibold);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* CONTENT
==================================================*/

p {
	margin-bottom: var(--space-5);
}

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

strong,
b {
	font-weight: var(--fw-semibold);
}

small {
	font-size: var(--fs-xs);
}

blockquote {
	padding-left: var(--space-6);

	font-family: var(--font-heading);
	font-size: clamp(26px, 3vw, 38px);
	line-height: 1.35;
	color: var(--color-primary-dark);

	border-left: 1px solid var(--color-primary);
}

/* LINKS
==================================================*/

a {
	color: var(--color-primary);
	transition:
		color var(--transition-fast),
		opacity var(--transition-fast);
}

a:hover {
	color: var(--color-primary-dark);
}

/* EDITORIAL CONTENT
==================================================*/

.ever-content {
	font-size: var(--fs-base);
}

.ever-content > * + * {
	margin-top: var(--space-5);
}

.ever-content h2 {
	margin-top: var(--space-9);
}

.ever-content h3 {
	margin-top: var(--space-7);
}

.ever-content h4 {
	margin-top: var(--space-6);
}

.ever-content ul,
.ever-content ol {
	padding-left: var(--space-6);
}

.ever-content li + li {
	margin-top: var(--space-2);
}

/* EYEBROW / SURTITLE
==================================================*/

.ever-eyebrow {
	display: inline-block;
	margin-bottom: var(--space-5);

	font-family: var(--font-body);
	font-size: var(--fs-xs);
	font-weight: var(--fw-medium);

	letter-spacing: 0.22em;
	text-transform: uppercase;

	color: var(--color-primary);
}

/* INTRO
==================================================*/

.ever-intro {
	max-width: 720px;

	font-family: var(--font-heading);
	font-size: clamp(25px, 2.5vw, 34px);
	line-height: 1.45;

	color: var(--color-primary-dark);
}

/* TEXT HELPERS
==================================================*/

.ever-text-small {
	font-size: var(--fs-xs);
}

.ever-text-light {
	color: var(--color-text-light);
}

.ever-text-center {
	text-align: center;
}

/* RESPONSIVE
==================================================*/

@media (max-width: 768px) {

	body {
		line-height: 1.75;
	}

	h1 {
		font-size: clamp(38px, 11vw, 52px);
	}

	h2 {
		font-size: clamp(32px, 9vw, 42px);
	}

	h3 {
		font-size: clamp(27px, 7vw, 34px);
	}

	h4 {
		font-size: 26px;
	}

	.ever-content {
		font-size: var(--fs-sm);
	}

}

/* REDUCED WIDTH
==================================================*/

@media (max-width: 480px) {

	h1 {
		font-size: 38px;
	}

	h2 {
		font-size: 32px;
	}

	.ever-intro {
		font-size: 25px;
	}

}