/**
 * HPB Icons — bộ icon rút gọn từ Font Awesome 4.7
 *
 * Vì sao có file này: nội dung các trang viết bằng class Font Awesome
 * (fas fa-arrow-right, fa-check-circle…), nhưng site không hề nạp Font Awesome.
 * Trước đây nó được nạp ké theo plugin wp-bottom-menu, và chỉ khi thanh menu đáy
 * hiển thị — khi thanh đó tắt thì toàn bộ icon trong nội dung biến mất.
 *
 * File này gói sẵn đúng 18 glyph đang dùng (1.5 KB thay vì 77 KB của bộ đầy đủ),
 * nạp độc lập nên không còn phụ thuộc plugin nào.
 *
 * THÊM ICON MỚI: xem hướng dẫn trong hpb-icons.php trước khi dùng class fa- mới,
 * vì glyph không nằm trong danh sách dưới đây sẽ không hiện.
 */

@font-face {
	font-family: "HPB Icons";
	src: url("hpb-icons.woff2") format("woff2"),
	     url("hpb-icons.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	/* block: thà chờ font còn hơn nháy ra ký tự lạ rồi mới thành icon */
	font-display: block;
}

/* Font Awesome 4 chỉ gán font cho .fa; nội dung ở đây dùng cả prefix của FA5 */
.fa,
.fas,
.far,
.fal,
.fab {
	display: inline-block;
	font-family: "HPB Icons";
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: inherit;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* --- Các icon đang được dùng trong nội dung --- */
.fa-arrow-right:before     { content: "\f061"; }
.fa-arrow-left:before      { content: "\f060"; }
.fa-circle:before          { content: "\f111"; }
.fa-check:before           { content: "\f00c"; }
.fa-check-circle:before    { content: "\f058"; }
.fa-times-circle:before    { content: "\f057"; }
.fa-envelope:before        { content: "\f0e0"; }
.fa-folder-open:before     { content: "\f07c"; }
.fa-chart-pie:before       { content: "\f200"; }

/* FA5 đổi tên ba icon này, FA4 không có class tương ứng */
.fa-clock:before           { content: "\f017"; }
.fa-map-marker-alt:before  { content: "\f041"; }
.fa-phone-alt:before       { content: "\f095"; }

/* Giữ luôn tên gốc FA4 để nội dung cũ không vỡ */
.fa-clock-o:before         { content: "\f017"; }
.fa-map-marker:before      { content: "\f041"; }
.fa-phone:before           { content: "\f095"; }

/* --- Dự phòng: icon phổ biến, gói sẵn để lần sau thêm là dùng được ngay --- */
.fa-times:before           { content: "\f00d"; }
.fa-plus:before            { content: "\f067"; }
.fa-minus:before           { content: "\f068"; }
.fa-angle-left:before      { content: "\f104"; }
.fa-angle-right:before     { content: "\f105"; }
.fa-star:before            { content: "\f005"; }

/* Vài lớp tiện ích của Font Awesome mà nội dung có thể đang dùng */
.fa-fw     { width: 1.28571429em; text-align: center; }
.fa-lg     { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; }
.fa-2x     { font-size: 2em; }
.fa-3x     { font-size: 3em; }
.fa-spin   { animation: hpb-fa-spin 2s infinite linear; }
.fa-pull-left  { float: left;  margin-right: .3em; }
.fa-pull-right { float: right; margin-left: .3em; }

@keyframes hpb-fa-spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}

@media (prefers-reduced-motion: reduce) {
	.fa-spin { animation: none; }
}