/******/
/*** TYPOGRAPHY ***/
/******/

html {
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: var(--font-body);
	font-size: var(--text-lg);
	font-weight: var(--font-weight-normal);
	line-height: var(--leading-normal);
	font-style: normal;
	padding: 0;
	margin: 0;
	position: relative;
	font-optical-sizing: auto;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	color: var(--color-barnwood-brown);
	background: var(--color-caring-cream);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: var(--font-heading);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--tracking-normal);
	line-height: 1.2;
	margin-block-start: 0;
	margin-block-end: 1rem;
}

h1,
.h1 {
	font-size: var(--text-7xl);
	line-height: 1.06;
}

h2,
.h2 {
	font-size: var(--text-6xl);
	line-height: 1.1;
}

h3,
.h3 {
	font-size: var(--text-4xl);
	line-height: 1.15;
}

h4,
.h4 {
	font-size: var(--text-3xl);
}

h5,
.h5 {
	font-size: var(--text-2xl);
}

h6,
.h6 {
	font-size: var(--text-xl);
}

p,
blockquote,
ul,
ol,
li,
.p {
	font-size: var(--text-lg);
	font-weight: var(--font-weight-normal);
	line-height: var(--leading-normal);
	margin-block-start: 1rem;
	margin-block-end: .625rem;
}

p:first-child,
ul:first-child,
ol:first-child,
blockquote:first-child {
	margin-block-start: 0;
}

p:last-child,
ul:last-child,
ol:last-child,
blockquote:last-child {
	margin-block-end: 0;
}

p.small,
.small,
.custom-subtitle {
	font-size: var(--text-sm);
}

p.large,
.large {
	font-size: var(--text-2xl);
	line-height: var(--leading-base);
}

em {
	font-style: italic;
}

a {
	text-decoration-thickness: .08em;
	text-underline-offset: .18em;
}

button,
input,
select,
textarea {
	font: inherit;
}

.eyebrow,
.eyebrow,
.tagline,
.main .category,
li.menu-cta-menu a,
.eyebrow-alt {
	font-family: var(--font-accent);
	font-size: var(--text-sm);
	font-style: normal;
	font-weight: var(--font-weight-bold);
	line-height: var(--leading-snug);
	letter-spacing: var(--tracking-widest);
	text-transform: uppercase;
}

.eyebrow-alt {
	text-transform: none;
}

.button,
.button,
button,
input[type="button"],
input[type="submit"],
li.menu-cta-menu a {
	font-family: var(--font-accent);
	font-size: var(--text-xs);
	font-style: normal;
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--tracking-widest);
	line-height: var(--leading-normal);
	text-transform: uppercase;
}

nav li {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

.main-menu-wrapper li a {
	font-size: var(--text-base);
}

.breadcrumbs {
	font-size: var(--text-base);
}

.single-post .article-body h1 { font-size: var(--text-5xl); }
.single-post .article-body h2 { font-size: var(--text-4xl); margin-block-start: 3rem; }
.single-post .article-body h3 { font-size: var(--text-3xl); margin-block-start: 2.5rem; }
.single-post .article-body h4 { font-size: var(--text-2xl); margin-block-start: 1.875rem; }
.single-post .article-body p { line-height: var(--leading-relaxed); }
.single-post .article-body ul { line-height: var(--leading-relaxed); }

@media screen and (max-width: 63.9375rem) {
	body {
		font-size: var(--text-base);
	}

	h1,
	.h1 {
		font-size: var(--text-6xl);
	}

	h2,
	.h2 {
		font-size: var(--text-5xl);
	}

	h3,
	.h3 {
		font-size: var(--text-4xl);
	}
}

@media screen and (max-width: 47.9375rem) {
	body {
		font-size: var(--text-base);
	}

	h1,
	.h1 {
		font-size: var(--text-5xl);
	}

	h2,
	.h2 {
		font-size: var(--text-4xl);
	}

	h3,
	.h3 {
		font-size: var(--text-3xl);
	}

	h4,
	.h4 {
		font-size: var(--text-2xl);
	}

	p,
	blockquote,
	ul,
	ol,
	li,
	.p {
		font-size: var(--text-base);
	}

	p.large,
	.large {
		font-size: var(--text-xl);
	}
}