.elementor-1233 .elementor-element.elementor-element-3f24bdd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-1233 .elementor-element.elementor-element-2120ae7{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:05px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1233 .elementor-element.elementor-element-2120ae7:not(.elementor-motion-effects-element-type-background), .elementor-1233 .elementor-element.elementor-element-2120ae7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF9F1;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1233 .elementor-element.elementor-element-8280101{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1233 .elementor-element.elementor-element-8280101 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:40px;color:#780000;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1233 .elementor-element.elementor-element-c8c6a9a .elementor-icon-list-icon i{color:#780000;font-size:14px;}.elementor-1233 .elementor-element.elementor-element-c8c6a9a .elementor-icon-list-icon svg{fill:#780000;--e-icon-list-icon-size:14px;}.elementor-1233 .elementor-element.elementor-element-c8c6a9a .elementor-icon-list-icon{width:14px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1233 .elementor-element.elementor-element-eac2676{color:#003049;}.elementor-1233 .elementor-element.elementor-element-94eb7ec{--display:flex;--min-height:0px;}.elementor-1233 .elementor-element.elementor-element-3c0e7f6{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:10px 10px 10px 10px;}.elementor-1233 .elementor-element.elementor-element-3c0e7f6:not(.elementor-motion-effects-element-type-background), .elementor-1233 .elementor-element.elementor-element-3c0e7f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#780000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1233 .elementor-element.elementor-element-0ef25fc{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1233 .elementor-element.elementor-element-0ef25fc .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:25px;color:#FFF9F1;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1233 .elementor-element.elementor-element-5f95364{--grid-row-gap:5px;--grid-column-gap:30px;}.elementor-1233 .elementor-element.elementor-element-5f95364 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1233 .elementor-element.elementor-element-5f95364:after{content:"0.66";}.elementor-1233 .elementor-element.elementor-element-5f95364 .elementor-post__thumbnail__link{width:61%;}.elementor-1233 .elementor-element.elementor-element-5f95364.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1233 .elementor-element.elementor-element-5f95364.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1233 .elementor-element.elementor-element-5f95364.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1233 .elementor-element.elementor-element-29dbf04{--display:flex;}@media(max-width:1024px){.elementor-1233 .elementor-element.elementor-element-3c0e7f6{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1233 .elementor-element.elementor-element-3f24bdd{--content-width:1140px;}.elementor-1233 .elementor-element.elementor-element-2120ae7{--width:70%;}.elementor-1233 .elementor-element.elementor-element-94eb7ec{--width:30%;}}@media(max-width:767px){.elementor-1233 .elementor-element.elementor-element-3c0e7f6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1233 .elementor-element.elementor-element-5f95364 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1233 .elementor-element.elementor-element-5f95364:after{content:"0.5";}.elementor-1233 .elementor-element.elementor-element-5f95364 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-5f95364 *//* ========================================================================== BỐ CỤC POST SIDEBAR: SỬA TRIỆT ĐỂ LỖI LỆCH ẢNH - BÁM KHÍT LỀ TRÁI CỐ ĐỊNH ========================================================================== */ /* 1. Khung chứa lớn bài viết (Card Post) */ .elementor-posts-container .elementor-post, .sidebar-posts-wrapper .post-item { display: flex !important; flex-direction: row !important; /* Luồng ngang cố định: Ảnh trái - Chữ phải */ align-items: stretch !important; /* Ép chiều cao phần ảnh và chữ bằng nhau khít khung */ position: relative !important; width: 100% !important; max-width: 400px !important; height: 150px !important; /* Chiều cao cố định */ background: #fff9f1 !important; /* Nền màu đỏ đô */ border: 3px solid #fff9f1 !important; /* Viền xanh navy */ border-radius: 10px !important; /* Bo góc khung lớn */ overflow: hidden !important; /* Cắt phẳng góc ảnh thừa bám sát viền */ margin: 0 auto 25px auto !important; /* Căn giữa trang */ padding: 0 !important; /* BẮT BUỘC: Xóa padding để ảnh chạm mép */ box-sizing: border-box !important; } /* 2. SỬA LỖI LỆCH: TRIỆT TIÊU PADDING/ABSOLUTE NGẦM CỦA ELEMENTOR */ .elementor-posts-container .elementor-post__thumbnail__link, .elementor-posts-container .elementor-post__thumbnail, .sidebar-posts-wrapper .post-thumb-link { display: block !important; width: 130px !important; /* Thu gọn độ rộng ảnh một chút cho cân đối với chiều cao 150px */ height: 100% !important; /* Ép tràn hết chiều cao khung chứa */ max-width: 130px !important; min-width: 130px !important; flex-shrink: 0 !important; /* ĐẬP TAN CẤU TRÚC NGẦM: Ép reset các thuộc tính tạo khoảng cách của Elementor */ margin: 0 !important; padding: 0 !important; /* Diệt tận gốc padding-bottom tạo tỷ lệ ảnh của widget */ position: relative !important; /* Trả về relative để ảnh con bám theo */ overflow: hidden !important; } /* Định dạng trực tiếp hình ảnh bên trong */ .elementor-posts-container .elementor-post__thumbnail img, .sidebar-posts-wrapper .post-thumb-link img { position: absolute !important; /* Ghim chặt ảnh vào khung bọc */ top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; /* Cắt ảnh vuông vắn, dứt khoát không móp mập */ /* CHỈ bo góc lề trái ráp viền ngoài, xóa tuyệt đối bo góc bên phải ảnh */ border-radius: 10px 0 0 10px !important; margin: 0 !important; padding: 0 !important; transform: none !important; /* Hủy hiệu ứng zoom/scale của theme */ } /* 3. KHỐI CHỮ BÊN PHẢI (Tự động lùi về sau ảnh) */ .elementor-posts-container .elementor-post__text, .sidebar-posts-wrapper .post-content-inside { display: flex !important; flex-direction: column !important; /* Xếp dọc: Tiêu đề trên - Ngày dưới */ justify-content: center !important; /* Căn giữa cụm chữ theo chiều dọc */ align-items: flex-start !important; /* Thẳng hàng lề trái */ flex-grow: 1 !important; /* Chiếm toàn bộ vùng trống còn lại */ padding: 10px 15px !important; /* Khoảng đệm chữ tinh chỉnh lại cho gọn */ height: 100% !important; box-sizing: border-box !important; overflow: hidden !important; position: static !important; } /* --- Dòng 1: Tiêu đề bài viết --- */ .elementor-posts-container .elementor-post__title, .sidebar-posts-wrapper .post-title a, .sidebar-posts-wrapper .post-title { color: #f7f8ef !important; /* Chữ trắng kem */ font-size: 15px !important; /* Giảm nhẹ size chữ xuống 15px vì card nay chỉ cao 150px */ font-weight: 700 !important; line-height: 1.3 !important; margin: 0 0 6px 0 !important; /* Khoảng cách xuống dòng ngày */ padding: 0 !important; position: static !important; width: 100% !important; /* Cắt chữ sau 3 dòng hiển thị dấu "..." nếu quá dài */ display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* --- Dòng 2: Ngày tháng đăng bài --- */ .elementor-posts-container .elementor-post__meta-data, .sidebar-posts-wrapper .post-date { color: #780000 !important; font-size: 12px !important; font-weight: 500 !important; margin: 0 !important; padding: 0 !important; opacity: 0.75 !important; position: static !important; width: 100% !important; } /* 4. Triệt tiêu đoạn mô tả (Excerpt) */ .elementor-posts-container .elementor-post__excerpt, .sidebar-posts-wrapper .post-excerpt { display: none !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Bricolage Grotesque'; font-display: auto; src: url('http://cuoikyroi.smartquote.us/wp-content/uploads/2026/05/BricolageGrotesque-ExtraBold.ttf') format('truetype'); } /* End Custom Fonts CSS */