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

/* Nú selecter */
.hbw-dropdown-cat { margin-bottom: 30px;}
.hbw-dropdown-cat .hbw-menu-dropdown { max-width: 300px; width: 100%; margin: 0px; display: inline-block;}
.hbw-dropdown-cat span { font-weight: 600; margin-right: 15px; position: relative;}
.hbw-dropdown-cat span:after { content: ""; height: 17px; width: 20px; display: inline-block; margin-left: 15px; background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H5m14 0-4 4m4-4-4-4'/%3E%3C/svg%3E%0A"); filter: brightness(0) saturate(100%) invert(50%) sepia(6%) saturate(4963%) hue-rotate(138deg) brightness(92%) contrast(93%);}

/* 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 { background: #fff; }
.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; text-align: center; }
.post-grid .post-item .post-title { color: #000; font-size: 18px;}
.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: #1e909c; }
.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; display: none; }

@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%; }
}