/**
 * For Google Fonts, strongly recommend use of: https://google-webfonts-helper.herokuapp.com/fonts
 *
 * @format
 */

/* 1. Upload the .woff and .woff2 fonts to your theme folder /fonts/ */
/* 2. Generate CSS for "Modern Browsers" and paste it here */
/* 3. Add a font-display property each @font-face: https://css-tricks.com/almanac/properties/f/font-display/ */
/* 4. Preload your most commonly used .woff2 file in functions.php */

/* font-display: swap favors a FOUT (Flash of Unstyled Text); it requests the browser use a fallback font until our font loads */
/* font-display: optional favors a FOIT (Flash of Invisible Text); it hides text, but quickly decides whether to allow our font to load */

/* poppins-regular - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins-v12-latin-regular.woff2') format('woff2'), url('../fonts/poppins-v12-latin-regular.woff') format('woff');
}
/* poppins-600 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 600;
	src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('../fonts/poppins-v12-latin-600.woff2') format('woff2'), url('../fonts/poppins-v12-latin-600.woff') format('woff');
}
/* poppins-700 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-display: swap;
	font-weight: 700;
	src: local('Poppins Bold'), local('Poppins-Bold'), url('../fonts/poppins-v12-latin-700.woff2') format('woff2'), url('../fonts/poppins-v12-latin-700.woff') format('woff');
}

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

@font-face {
	font-family: 'Lora';
	src: url('../fonts/Lora-Bold.woff2') format('woff2'), url('../fonts/Lora-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: optional;
}

@font-face {
	font-family: 'Lora';
	src: url('../fonts/Lora-BoldItalic.woff2') format('woff2'), url('../fonts/Lora-BoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Lora';
	src: url('../fonts/Lora-Italic.woff2') format('woff2'), url('../fonts/Lora-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}