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

@font-face {
	font-family: "Century Gothic";
	src: url("../fonts/CenturyGothic-Italic.woff") format("woff");
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Century Gothic";
	src: url("../fonts/CenturyGothic-Bold.woff") format("woff");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Century Gothic";
	src: url("../fonts/CenturyGothic-BoldItalic.woff") format("woff"),
		url("../fonts/CenturyGothic-BoldItalic.ttf") format("truetype");
	font-style: italic;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Britannic Bold";
	src: url("../fonts/Britannic%20Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

:root {
	--font-display: "Britannic Bold", "Century Gothic", "Times New Roman", serif;
	--font-body: "Century Gothic", "Helvetica Neue", sans-serif;
}

/* Typography roles */
body,
body p,
body li,
body a,
body label,
body input,
body textarea,
body select,
body button {
	font-family: var(--font-body);
	font-weight: 400;
}

body h1,
body h2,
body h3,
body .hero__title,
body .section-title,
body .focus__title,
body .contact-split__title,
body .site-brand__mark {
	font-family: var(--font-body);
	font-weight: 700;
}

body h4,
body h5,
body h6 {
	font-family: var(--font-body);
	font-weight: 700;
}

.text-bold {
    font-family: var(--font-body) !important;
    font-weight: 700;
}