/**
 * Self-hosted brand fonts.
 *
 * Radial is only available as Bold. Declare the same file at 400 and 700 so
 * Safari matches headings that Flatsome sets to font-weight: 400.
 * Inter ships as static latin woff2 (no unicode-range) so iOS always picks a face.
 */

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

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

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

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/inter-500.woff2") format("woff2");
}

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

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/inter-700.woff2") format("woff2");
}

h1, h2, h3, h4, h5, h6,
.heading-font,
.off-canvas-center,
.widget-title,
.nav-sidebar.nav-vertical > li > a {
	font-family: "Radial", "Inter", sans-serif !important;
}

body,
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a,
.button {
	font-family: "Inter", sans-serif;
}