:root {
    --font-family: system-ui, sans-serif;
    --font-family-headings: "veneer-webfont", Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: "veneer-webfont";
    src: url("https://ilhub.wpengine.com/wp-content/themes/ilhub/dist/fonts/veneer-webfont.eot") format("eot"),
        url("https://ilhub.wpengine.com/wp-content/themes/ilhub/dist/fonts/veneer-webfont.woff") format("woff"),
        url("https://ilhub.wpengine.com/wp-content/themes/ilhub/dist/fonts/veneer-webfont.ttf") format("truetype"),
        url("https://ilhub.wpengine.com/wp-content/themes/ilhub/dist/fonts/veneer-webfont.svg#svgFontName") format("svg");
    font-display: swap;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

html {
    /* 62.5% of 16px base font size is 10px = 1rem */
    font-size: 62.5%;
}

body {
    font-size: var(--text-base);
    font-family: var(--font-family);
    line-height: 1.65;
    hyphens: auto;
}

main {
    width: 90%;
    max-width: var(--measure-0);
    margin: 0 auto;
}

main > * + * {
    margin-top: var(--margin-md);
}

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

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

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

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.entry-title,
.hero-title,
.hero-title-small,
.text-image-title {
    font-family: var(--font-family-headings);
    font-weight: normal;
    line-height: 1.2;
}

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

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

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

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

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

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

.entry-title {
    font-size: var(--text-5xl);
}

.hero-title {
    font-size: var(--text-hero);
}

.hero-title-small {
    font-size: var(--text-hero-small);
}

.text-image-title {
    font-size: var(--text-image-title);
}

.font-veneer {
    font-family: var(--font-family-headings);
}

.font-normal {
    font-weight: 500;
}

.font-bold {
    font-weight: 700;
}

/**
 * Whitespace
 */

.whitespace-nowrap {
    white-space: nowrap;
}

.whitespace-pre-line {
    white-space: pre-line;
}

/**
 * Line heights
 */


.leading-compact {
    line-height: 0.8;
}

.leading-none {
    line-height: 1;
}

.leading-tight {
    line-height: 1.15;
}

.leading-snug {
    line-height: 1.375;
}

.leading-normal {
    line-height: 1.5;
}