/*
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.   ***************/
/* Bài viết liên quan - 3 cột */
.flatsome-xem-them {
    margin-top: 40px;
}

.xem-them-title {
    margin-bottom: 20px;
}

.xem-them-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.xem-them-item {
    overflow: hidden;
	border: 1px solid #eee;
	border-radius: 14px;
}

.xem-them-image {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.xem-them-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.xem-them-content {
    padding: 15px;
}

.xem-them-post-title {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 1.4;
	-webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.xem-them-post-title a {
    color: inherit;
    text-decoration: none;
}

.xem-them-date {
    font-size: 13px;
    color: #888;
    margin-bottom: 8px;
}

.xem-them-excerpt {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
}

/* Mobile */
@media (max-width: 767px) {
    .xem-them-list {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}


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

}