/*
 * CSS Danh mục bài viết
*/

/* Danh mục video, grid */
.post-grid .row { margin-left: -10px !important; margin-right: -10px !important;}
.post-grid .post-item { padding: 0 10px 20px;}
.post-grid .post-item >.col-inner { padding: 10px 10px 20px !important; border-radius: 10px; background: #fff; backdrop-filter: blur(10px); border: 1px solid #F0F0F0;}
.post-grid .post-item .box-image { border-radius: 10px;}
.post-grid .post-item .box-image .image-cover { padding-top: 75% !important;}
.post-grid .post-item .box-text { padding: 15px 0px 0px;}
.post-grid .post-item .post-title { color: #000; font-size: 16px;}
.post-grid .post-item .post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;}
.post-grid .post-item:hover .post-title a { color: #3e6807; }
.post-grid .post-item .box-text .from_the_blog_excerpt { font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;}

@media screen and (min-width: 960px) {

}
@media screen and (max-width: 959px) and (min-width: 600px) {
  .post-grid .post-item { max-width: 50%; flex-basis: 100%; }
}
@media screen and (max-width: 599px) {
  .post-grid .post-item { max-width: 100%; flex-basis: 100%; }
}