@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('fonts/be-vietnam-pro/BeVietnamPro-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('fonts/be-vietnam-pro/BeVietnamPro-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('fonts/be-vietnam-pro/BeVietnamPro-Italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('fonts/be-vietnam-pro/BeVietnamPro-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('fonts/be-vietnam-pro/BeVietnamPro-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('fonts/be-vietnam-pro/BeVietnamPro-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Be Vietnam Pro';
	src: url('fonts/be-vietnam-pro/BeVietnamPro-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-heading: 'Be Vietnam Pro', sans-serif !important;
	--font-body: 'Be Vietnam Pro', sans-serif !important;
	--font-primary: 'Be Vietnam Pro', sans-serif !important;
	--font-secondary: 'Be Vietnam Pro', sans-serif !important;
}

html body,
h1, h2, h3, h4, h5, h6,
.main-header,
.main-footer,
button, input, select, textarea {
	font-family: 'Be Vietnam Pro', sans-serif !important;
}

/* Blanket override: catch hardcoded font-family declarations elsewhere in the
   theme, while leaving icon fonts (Font Awesome / Flaticon) untouched so
   icons keep rendering correctly. */
html *:not(i):not([class*="flaticon"]):not([class*="fa-"]):not(.fa) {
	font-family: 'Be Vietnam Pro', sans-serif !important;
}

/* Left-align the breadcrumb bar in the page-title banner. */
.page-title .content-box,
.page-title-breadcrumb-only .content-box {
	justify-content: flex-start !important;
}

.page-title .bread-crumb,
.page-title-breadcrumb-only .bread-crumb {
	justify-content: flex-start !important;
	margin-left: 0 !important;
}