/**
 * Manrope cho toàn site.
 *
 * Chỉ khai báo font-family, tuyệt đối không đụng tới cỡ chữ, màu hay khoảng
 * cách. Giao diện còn lại vẫn là Flatsome mặc định.
 */

:root {
	--ak-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

body {
	font-family: var(--ak-font);
}

/*
 * Thẻ tiêu đề không có khai báo font-family riêng trong flatsome.css nên vốn đã
 * thừa kế từ body. Ghi lại ở đây để phòng trường hợp bật lại tuỳ chọn font
 * trong Tuỳ biến giao diện, lúc đó Flatsome sẽ chèn font-family cho từng cấp.
 */
h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title,
.section-title,
.uppercase {
	font-family: var(--ak-font);
}

/* Menu và thanh điều hướng: tuỳ chọn type_nav của theme đang đặt Lato. */
.nav > li > a,
.nav li a,
.mobile-sidebar .nav li a,
.header-nav a,
.breadcrumbs {
	font-family: var(--ak-font);
}

/*
 * Trình duyệt không cho các thẻ nhập liệu thừa kế font từ cha, phải gọi tên.
 * `button` gồm cả nút của WooCommerce và Contact Form 7.
 */
button,
input,
optgroup,
select,
textarea,
.button,
.button span {
	font-family: var(--ak-font);
}

/*
 * `.alt-font` trong flatsome.css đang là Georgia, dùng cho vài khối trang trí.
 * Gộp về Manrope cho đồng bộ. Bỏ khối này nếu muốn giữ lại chữ Georgia.
 */
.alt-font,
.is-alt-font {
	font-family: var(--ak-font);
}

/*
 * Không đụng tới `fl-icons`: đó là font biểu tượng của Flatsome, đổi đi thì mọi
 * biểu tượng biến thành ô vuông.
 */