/*
 Theme Name:   Hệ thống Portal Trường [Tên Trường]
 Theme URI:    https://yourwebsite.com
 Description:  Hệ thống quản trị chuyên dụng, tích hợp Module TKB và Bảo mật SSL.
 Author:       [Tên của bạn]
 Template:     bb-theme
 Version:      1.0.0
*/

@font-face {
    font-family: 'Fz Poppins';
    src: url('fonts/FzPoppins-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Quan trọng: Giúp hiện chữ ngay lập tức khi đang load font */
}

@font-face {
    font-family: 'UVN Tin Tuc Hep Them';
    src: url('fonts/UVNTinTucHepThem.woff2') format('woff2');
    font-weight: normal,bold;
    font-style: normal;
    font-display: swap;
}

/* Use this rule to make the custom font the default font */
body {
  font-family: "Fz Poppins", Verdana, Arial, sans-serif !important;
}

/* Use this rule to apply the custom font to menu items */
.fl-page-nav .navbar-nav,
.fl-page-nav .navbar-nav a {
  font-family: "Fz Poppins", Verdana, Arial, sans-serif;
}

/* Use this rule to apply the custom font to headings */
h1,h2,h3,h4,h5,h6 {
  font-family: "Fz Poppins", Verdana, Arial, sans-serif;
}
header nav, header nav a {
	font-family: "UVN Tin Tuc Hep Them", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
.archive .fl-post-feed .fl-post-feed-header h2 {
    font-family: "UVN Tin Tuc Hep Them", Verdana, Arial, sans-serif;
	font-weight: bold;
}

.archive .fl-post-feed .fl-post-feed-image a img {
    width: 100%;            /* Chiếm hết chiều rộng của khung 33% hoặc 40% */
    aspect-ratio: 1 / 1;    /* Ép chiều cao luôn bằng chiều rộng */
    object-fit: cover;      /* Cắt ảnh thông minh để không bị méo */
    display: block;         /* Loại bỏ khoảng hở dưới chân ảnh */
}

.school-vcard {
	gap: .15em !important;
}
.school-target .fl-icon-wrap {
	border-radius: 50%;
	box-shadow: 0 0 0 7px #fff;
}

/* Use this rule to apply the custom font to paragraphs */
p {
  font-family: "Fz Poppins", Verdana, Arial, sans-serif;
}

// Hoạt hình
.school-home-click > .fl-button {
	transition: .25s all ease-in-out
}
.school-home-click:hover > .fl-button {
	scale: 1.15;
}

//-------------------------Mobile--------------------------
@media (max-width: 768px) {
	.archive .fl-post-feed-post.fl-post-feed-image-beside,
	.archive .fl-post-feed-post.fl-post-feed-image-beside-content,
	.archive .fl-post-feed-post.fl-post-feed-image-beside-right,
	.archive .fl-post-feed-post.fl-post-feed-image-beside-content-right {
		max-width: none !important;
	}

    /* Ép khung chứa ảnh rộng hết cỡ */
    .archive .fl-post-feed-image-beside .fl-post-feed-image, 
    .archive .fl-post-feed-image-beside-content .fl-post-feed-image {
        float: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 15px !important;
    }

    /* Ép hình ảnh bên trong hiển thị 4:3 */
    .archive .fl-post-feed-image-beside .fl-post-feed-image img, 
    .archive .fl-post-feed-image-beside-content .fl-post-feed-image img {
        aspect-ratio: 4 / 3 !important; /* Tỉ lệ bạn muốn */
    }
}