/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 15 2026 | 04:34:02 */
@charset "UTF-8";
/* --- Desktop & Chung --- */
.custom-loop-grid .elementor-widget-theme-post-content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item .elementor-element.elementor-element-afacc88.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .post-img {
  width: 25%;
  position: relative;
  /* Đảm bảo cho các thuộc tính position sau này */
}
.custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item .elementor-element.elementor-element-afacc88.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .post-img a {
  width: 100%;
}
/* Kiểu riêng cho item đầu tiên (First Item) */
.custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item:first-of-type .elementor-element.elementor-element-afacc88.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .post-img {
  width: 100%;
  position: relative;
}
.custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item:first-of-type .elementor-element.elementor-element-afacc88.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .post-img a {
  width: 100%;
}
.custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item:first-of-type .elementor-element.elementor-element-afacc88.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .post-img::after {
  content: "";
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.1) 0%, rgba(11, 28, 31, 0.1) 88%);
  width: 944px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 730px;
}
.custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item:first-of-type .elementor-element.elementor-element-a7014bd.e-con-full.e-flex.e-con.e-child {
  gap: 48px;
}
.custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item:first-of-type .elementor-widget-theme-post-title {
  margin-top: 24px;
}
/* --- Responsive (Mobile - Max Width 768px) --- */
@media (max-width: 768px) {
  /* Mobile First Item */
  .custom-loop-grid .elementor-widget-theme-post-content {
    -webkit-line-clamp: 2;
  }
  .custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item .elementor-element.elementor-element-afacc88.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .post-img {
    width: 40%;
  }
  .custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item:first-of-type .elementor-element.elementor-element-afacc88.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .post-img {
    width: 50% !important;
  }
  .custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item:first-of-type .elementor-element.elementor-element-afacc88.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded .post-img::after {
    width: 150% !important;
    top: 0;
    left: 100% !important;
  }
  .custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item:first-of-type .elementor-element.elementor-element-a7014bd.e-con-full.e-flex.e-con.e-child {
    gap: 15px !important;
    padding: 10px 0;
  }
  .custom-loop-grid .elementor-loop-container.elementor-grid .e-loop-item:first-of-type .elementor-widget-theme-post-title {
    margin-top: 0px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .custom-loop-grid .elementor-widget-theme-post-content {
    display: none;
  }
}
.post-item__content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}