/* Typography
--------------------------------------------- */

@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../../fonts/Outfit-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Outfit';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../../fonts/Outfit-600.woff2') format('woff2');
}

@font-face {
	font-family: 'Allison';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../../fonts/Allison-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Cardo';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../../fonts/Cardo.woff2') format('woff2');
}

body {
	font-family: var(--font-body);
	font-size: 1.125rem;
	line-height: 1.555556;
}

@media (min-width: 961px) {
	body {
		font-size: 1.25rem;
		line-height: 1.6;
	}
}

button,
input,
select,
optgroup,
textarea {
	font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
	clear: both;
	font-family: var(--font-serif);
	font-weight: normal;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup {
	font-size: 70%;
}

.title-small {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}

.has-small-font-size {
	font-size: var(--body-text-s);
}

p:empty {
	display: none;
}