/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.bgr-ft {
	background: linear-gradient(90deg, rgba(1, 83, 172, 1) 0%, rgba(32, 45, 76, 1) 75%);
}
.absolute-footer{
	display: none !important;
}

.btn-purple, .filter-btn {
    background-color: #2B0068 ;
    color: #fff ; 
    border: none ;
}

.button.is-outline.btn-purple {
    color: #2B0068  ;
    border-color: #2B0068   ;
}

.button.is-outline.btn-purple:hover {
    background-color: #2B0068  ;
    color: #fff   ;
}

.filter-btn.active, .filter-btn:hover {
  background-color: #2B0068;
  color: white;
}

.pt-30 {
	padding-top:30px;
}



/* ==== Căn đều chiều cao bài viết trong blog kiểu bounce ==== */
.equal-blog .col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Phần khung bài viết */
.equal-blog .col .post-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 10px;
}


/* Cho phần nội dung co giãn */
.equal-blog .col .post-item .box-text {
  flex: 1 1 auto;
}

/* Giữ hình ảnh đúng tỉ lệ, không vỡ layout */
.equal-blog .col .post-item .box-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
/* radius blogpost */
.equal-blog .post-item .col-inner{
  border-radius: 12px;     
  overflow: hidden;          
  border: 1px solid #eee;      
}

/*  an text mo ta blogpost   */
.no-excerpt .from_the_blog_excerpt,
.no-excerpt .box-text .excerpt {
  display: none !important;
}
/* gioi han dong tieu de blogpost */
.post-item .box-text .post-title,
.post-item .box-text .post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;     /* số dòng muốn hiển thị */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
/* Căn đều chiều cao bài viết trong blog kiểu bounce */


/*====   CSS bai viet lien quan  ====*/
/* 1. Thêm border cho ảnh (là background) */
.recent-blog-posts .badge-inner.bg-fill {
    border: 2px solid #ddd; /* Bạn có thể thay màu border tùy ý */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* Đảm bảo phần tử cha có kích thước để hiển thị ảnh */
.recent-blog-posts .badge {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 8px; /* Tùy chọn: bo góc */
    flex-shrink: 0;
}

.recent-blog-posts .badge-inner {
    width: 100%;
    height: 100%;
    display: block;
}

/* 2. Giới hạn tiêu đề chỉ hiển thị 2 dòng */
.recent-blog-posts .flex-grow a {
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* Số dòng tối đa */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;           /* Chiều cao dòng */
    max-height: 2.8em;            /* = line-height × số dòng */
    margin: 0;
    font-weight: 600;
    color: #333;
    text-decoration: none;
}
/* an thong bao "comt da bi tat"*/
.post_comments{
	opacity: 0; !important;
}
/*====   CSS bai viet lien quan  ====*/



/* Nút Tải thêm đẹp như bản mới */
.my-loadmore button {
    width: 100%;
    max-width: 260px;
    margin: 30px auto 10px;
    display: block;
    box-shadow: 0 4px 15px rgba(0,0,0,.1);
    transition: all .3s;
}
.my-loadmore button:hover { transform: translateY(-2px); }
.my-loadmore button:disabled { opacity: .6; cursor: not-allowed; }



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}