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

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

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


body:not(.wp-admin){
	font-family: 'Zain', system-ui, sans-serif !important;
	font-weight: 300;
}

body:not(.wp-admin) h1:not(.page-title),
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6{
	font-family: 'Zain', serif, system-ui;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Load font in wp-admin editor */
body.wp-admin .edit-post-visual-editor *:not(h1,h2,h3,h4,h5,h6){
	font-family: 'Zain', system-ui, sans-serif !important;
	font-weight: 300;
}
body.wp-admin .edit-post-visual-editor h1,
body.wp-admin .edit-post-visual-editor h2,
body.wp-admin .edit-post-visual-editor h3,
body.wp-admin .edit-post-visual-editor h4,
body.wp-admin .edit-post-visual-editor h5,
body.wp-admin .edit-post-visual-editor h6 {
	font-family: 'Zain', serif, system-ui !important;
	font-weight: 300;
}