/*
 Theme Name: Litho Child
 Theme URI: https://hoitebaogoc.vn/
 Description: hoitebaogoc
 Version: 1.2
 Author: hoitebaogoc
 Author URI: https://www.hoitebaogoc.vn/
 Tested up to: 5.8
 Requires PHP: 7.3
 Tags: hoitebaogoc
 License: hoitebaogoc Split Licence
 License URI: https://hoitebaogoc.vn
 Template: lithos
 Text Domain: litho-child
*/

.single-post-main-section .single-post-title {
    margin-bottom: 2.5rem
}

.litho_layout_right_sidebar_single .litho-content-left-part {
    padding-top: 40px
}

.litho-layout-right-sidebar {
	    padding-bottom: 80px
}

.litho-related-posts-wrap {
    padding: 40px 0
}

.litho-related-posts-wrap>div:first-child>div:first-child {
    margin-bottom: 2.6rem
}

/* Giới hạn tiêu đề tối đa 2 dòng, dư chữ sẽ hiện dấu ba chấm (...) */
.litho-blog-list .grid-item .blog-post .post-details a {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Thay đổi số dòng mong muốn tại đây */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 3em; /* Đảm bảo tiêu đề 1 dòng vẫn chiếm không gian bằng 2 dòng (3em tùy thuộc line-height) */
}

/* Giới hạn phần mô tả (Lorem Ipsum) tối đa 3 dòng */
	
.litho-blog-list .grid-item .blog-post .post-details .entry-content {
	
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Thay đổi số dòng mong muốn tại đây */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 4.5em; /* Giữ không gian cố định cho phần mô tả */
}

/* Ép khối container cha sử dụng Flexbox để kích hoạt tính năng chia cột */
.single-post-main-section div.wp-block-columns.is-layout-flex {
    display: flex !important
}

.single-post-main-section div.wp-block-columns.is-layout-flex .wp-block-image {
    margin-bottom: 28px;
    margin-top: 10px;
}

.single-post-main-section .single-post-title {
    font-size: 1.8rem
}

.single-post-main-section h6 {
    font-size: 1.3rem;
    line-height: 2rem
}

.single-post-main-section h5 {
    font-size: 1.6rem;
    line-height: 2rem;
	margin-bottom: 15px !important
}

.litho-related-posts-wrap .blog-post .post-details {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar.litho-post-sidebar.litho-blog-sidebar{
	background:#F7F7F7;
	padding-top: 40px;
}


.sidebar.litho-post-sidebar.litho-blog-sidebar .widget_litho_recent_post_widget .widget-title{
	text-align: center;
	background: #f0f0f0;
	padding: 8px 0;
	border-radius: 5px;
}

.widget.widget_litho_recent_post_widget .litho-recent-post-wrapper.recent-post-wp-widget li .recent-post-title {
    color: #1fb392;
    font-weight: 400;
}

.blog-side-image .entry-title:hover {
    color: #1fb392;
}

.blog-clean.blog-grid .entry-title {
    font-size: 18px
}

.litho-blog-list .grid-item .blog-post .post-details .entry-content{
	-webkit-line-clamp: 7;
}

@media (max-width: 767px){
	.single-post-main-section div.wp-block-columns.is-layout-flex {
	    display: block !important;
	}
}