/*
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.   ***************/

.btn-detail-center {
  display: block;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
}
.mb-0 p {
	margin-bottom: 0;
}
/* Thay đổi màu nền của menu chính */
.header:not(.transparent) .header-nav-main.nav>li>a:hover, .header:not(.transparent) .header-nav-main.nav>li.active>a, .header:not(.transparent) .header-nav-main.nav>li.current>a, .header:not(.transparent) .header-nav-main.nav>li>a.active, .header:not(.transparent) .header-nav-main.nav>li>a.current {
    color: #c61a09;
}

/* Thay đổi màu chữ menu */
.header-main .nav > li > a {
    color: #fff; /* Màu chữ */
    font-weight: bold;
}

/* Khi hover menu */
.header-main .nav > li > a:hover {
    color: #f39c12; /* Màu khi hover */
}

/* Thay đổi khoảng cách giữa các mục menu */
.header-main .nav > li {
    margin-right: 30px;
}

/* Thay đổi font menu */
.header-main .nav > li > a {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
}
.pad-10 {
	padding: 10px;
}
.pad-20 {
	padding: 20px;
}
li {
    margin-bottom: 0;
}
/*---index---*/
.index-staff a {
	margin-top: -70px;
}
.index-staff a img {
	border-radius: 100%;
	border: 4px solid #ffad3d;
}
.wpcf7-form-control.wpcf7-submit {
	    background-color: rgb(0, 167, 209);
	    color: #fff;
	    font-size: 16px;
	    width: 100%;
	    border-radius: 30px;
}
.post-new-side a {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.post-new-side .thumb {
	width: 30%;
}
.post-new-side .meta {
	width: calc(70% - 10px);
}
.post-new-side .meta h3 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	transition: 0.3s all;
}
.post-new-side a:hover .meta  h3 {
	color: #ffad3d;
}
.widget-title  {
	background-color: var(--fs-color-alert);
	text-transform: uppercase !important;
	color: #fff;
	text-align: center;
	padding: 10px 5px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
.widget-area .is-divider {
	display: none;
}
#post-list .article-inner .entry-summary {
	display: flex;
	justify-content: space-between;
}
#post-list .article-inner .entry-summary .post-thumb {
	width: 35%;
}

#post-list .article-inner .entry-summary .post-ct {
	width: calc(65% - 15px);
}
.post-ct-tt {
	color: #000;
}
/*************** TOP.   ***************/
.tin-tuc-shortcode {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Bài đầu tiên full width */
.tin-tuc-item.first-item {
    display: flex;
    gap: 15px;
    background: #f8f8f8;
    padding: 15px;
    border-radius: 8px;
}

/* Wrapper cho 3 bài tiếp theo */
.tin-tuc-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Mỗi bài trong nhóm 3 cột */
.tin-tuc-flex .tin-tuc-item {
    flex: 1 1 calc(33.333% - 13.34px); /* 3 cột, trừ khoảng cách */

    flex-direction: row;
    background: #f8f8f8;
    padding: 15px;
    border-radius: 8px;
    box-sizing: border-box;
}
.tin-tuc-flex .tin-tuc-item .thumb {
	margin-bottom: 15px;
}

/* Shared styles */
.tin-tuc-item .thumb img {
    width: 360px;
    height: 200px;
    object-fit: cover;
    border-radius: 4px;
}

.tin-tuc-item .meta {
    flex: 1;
    padding-left: 15px;
}

.tin-tuc-item .post-type {
    font-size: 0.85em;
    color: #999;
    margin-bottom: 5px;
    background: rgb(0 0 0 / .4);
    border-radius: 5px;
    color: #fff;
    width: 70px;
    text-align: center;
}

.tin-tuc-item .title {
    margin: 0 0 10px;
    font-size: 1.2em;
    color: #000;
}
.tin-tuc-item .title a {
	color: #000;
	transition: 0.3s all;
}
.tin-tuc-item .title a:hover {
	color: #ffad3d;
}

.tin-tuc-item .excerpt {
    margin-bottom: 10px;
    color: #555;
}

.tin-tuc-item .more {
    display: inline-block;
    background: #ffad3d;
		color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: 0.3s all;
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 5px;
}
.tin-tuc-item .more:hover {
	background: #000;
	color: #fff;
}

/*.article-inner .entry-meta,
.article-inner .entry-author {
	display: none;
}*/
.related_post_default_wrap {
	margin-top: 60px;
}
.related_post_default_wrap h3 {
	font-size: 28px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}
.related_post_default {
	display: flex;
	justify-content: space-between;
}
.related_post_default li {
	list-style: none;
	width: calc(100%/4 - 10px);
	margin: 0 !important;
}
.related_post_default li a img {
	border-radius: 5px;
	margin-bottom: 10px;
}
.related_post_default li a .title {
	font-weight: normal;
	transition: 0.3s all;
	color: #000;
	line-height: 1.4em;
}
.related_post_default li a:hover .title {
	color: #ffad3d;
}


/*************** TOP END.   ***************/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.tin-tuc-flex {
        flex-direction: column;
    }
    .tin-tuc-flex .tin-tuc-item {
        flex: 1 1 100%;
    }
.tin-tuc-item.first-item {
    flex-direction: column;
}
	.tin-tuc-shortcode {
		max-width: 400px;
		margin: 0 auto;
	}
}