/*
Theme Name: fifa
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* ============================================================
   Custom fonts (self-hosted)
   Place font files in: wp-content/themes/fifa/fonts/
   ============================================================ */

@font-face {
	font-family: "Rifton";
	src:
		local("Rifton Normal"),
		local("Rifton-Normal"),
		url("fonts/Rifton-Normal.otf") format("opentype"),
		url("fonts/Rifton-Normal.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* SVN-Poppins family (use these classnames in HTML later). */
@font-face {
	font-family: "PoppinsVN";
	src:
		local("SVN-Poppins Regular"),
		local("SVN-Poppins"),
		url("fonts/SVN-Poppins-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PoppinsVN";
	src:
		local("SVN-Poppins Medium"),
		local("SVN-Poppins-Medium"),
		url("fonts/SVN-Poppins-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PoppinsVN";
	src:
		local("SVN-Poppins SemiBold"),
		local("SVN-Poppins-SemiBold"),
		url("fonts/SVN-Poppins-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PoppinsVN";
	src:
		local("SVN-Poppins Bold"),
		local("SVN-Poppins-Bold"),
		url("fonts/SVN-Poppins-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "PoppinsVN";
	src:
		local("SVN-Poppins Black"),
		local("SVN-Poppins-Black"),
		url("fonts/SVN-Poppins-Black.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* Utility classes for future reuse */
:root {
	--font-heading: "Rifton", Impact, "Arial Black", sans-serif;
	--font-body: "PoppinsVN", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.font-heading {
	font-family: var(--font-heading) !important;
}

.font-body {
	font-family: var(--font-body) !important;
}

.font-rifton {
	font-family: "Rifton", Impact, "Arial Black", sans-serif !important;
}

.font-poppinsvn {
	font-family: "PoppinsVN", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}