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

/*************** ADD CUSTOM CSS HERE.   ***************/

.tabbed-content .nav a {
    font-weight: 800 !important;
}

/* .list-post .image-cover {
    border-radius: 8px;
    overflow: hidden;
} */

.post-item .col-inner .box-image {
	border-top-left-radius: 12px;
  	border-top-right-radius: 12px;
}

.post-item .col-inner {
/*     border: 1px solid rgba(19, 62, 191, 0.18); */
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(19, 62, 191, 0.25);
}

.post-item .col-inner .box-text {
	padding: 15px
}

.col-inner .sidebar-wrapper {
	 border-radius: 12px;
    box-shadow: 0 4px 20px rgba(19, 62, 191, 0.25);
	padding: 10px 10px 0 10px;
}
.box-vertical .box-image .image-cover {
	padding-top: 0% !important;
}

/* Cố định chiều cao card đều nhau */
.post-item .col-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.post-item .col-inner .box-image {
    flex-shrink: 0;
}

/* Cố định chiều cao ảnh */
.post-item .col-inner .box-image .image-cover {
    padding-top: 60% !important;
}

/* Text chiếm phần còn lại */
.post-item .col-inner .box-text {
    flex: 1;
    padding: 15px;
}

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

}