/*
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.   ***************/
#footer {
    color: white  !important;
}
#footer p{
    margin-bottom: 10px;
}
#footer h3{
font-size: 16px;
color: white;
margin-bottom: 10px;
font-weight: bold;
}
.footer-kh h4{
    color:#fff;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:15px;
    position:relative;
}
.row11-footer .col{
    padding-bottom: 0;
}
.title2-footer h4{
    margin-bottom: 14px;
    padding-bottom: 16px;
 }
.footer-newsletter{
    display:flex;
    align-items:stretch;
    width:100%;
}

.footer-newsletter p{
    margin:0!important;
    display:flex;
    width:100%;
}

.footer-newsletter .wpcf7-form-control-wrap{
    flex:1;
}

.footer-newsletter input[type="email"]{
    height:32px;

    border-radius:0;
    background:#fff;
    margin:0;
    box-shadow:none;
    padding:4px 12px !important;
        border-radius: 4px 0 0 4px !important;
        font-size: 14px;
}

.footer-newsletter input[type="submit"]{
    height:32px;
    padding:4px 12px !important;
    margin:0;
font-size: 14px;
    border-radius:0;
    background:#0b7a37;
    color:#fff;
    font-weight:600;
    min-height:auto;
    line-height: normal;
    border-radius: 0 4px 4px 0 !important;
}

.footer-newsletter input[type="submit"]:hover{
    background:#08652d;
}


.texxtttt-footer{
    padding: 10px 0;
    border-bottom: 1px dashed #0a8949;
        margin-bottom: 10px;
        height: calc(100% - 5px);
        line-height: 24px;
}
.texxtttt-footer *{
    margin-bottom: 0 !important;
    line-height: 24px;
}
.footer-kh h5,#footer h5{
    color: white;
    font-weight: bold;
}
.footer-kh h4:after{
    content:'';
    width:40px;
    height:2px;
    background:#fff;
    display:block;
    margin-top:10px;
}
.title2-footer h4:after{
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}
.footer-kh p,
.footer-kh li{
    color:#fff;
}

.footer-kh ul{
    list-style:none;
    margin:0;
}
.text10-footer p{
    border-bottom: 1px dashed #08753e;
    padding: 6px 0;
}
.footer-kh ul li{
    margin-left: 0;
    margin-bottom: 10px;
}

.footer-kh ul li:before{
    content:'›';
    margin-right:8px;
}

.footer-kh .wpcf7 input[type=email]{
    margin-bottom:0;
}

.footer-kh .button{
    margin:0;
}

.title-center{
    color:#fff;
}

.row-inner .col-inner{
    border-bottom:1px dashed rgba(255,255,255,.15);
    padding-bottom:15px;
}

.row-inner h5{
    color:#fff;
    font-size:18px;
    font-weight:700;
    margin-bottom:6px;
}

.row-inner p{
    color:#fff;
    line-height:1.5;
}
.row-thanhben >.col{
    padding-bottom: 0;
}
.text-header p.head{
        font-size: 26px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: bold;
}
.text-header p{
        font-size: 18px;
      color: var(--primary-color);
}
.header-hotline {
     font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
}
.header-hotline i{
    color: var(--primary-color);
}
.header-hotline span{
        color: #222;
}
.header-hotline a{
    color: #ff0000;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a{
        font-size: 15px;
    font-weight: 600;
    padding: 0 20px;
    line-height: 45px;
    height: 45px;
    color: #FFF;
    text-transform: uppercase;
}
.header:not(.transparent) .header-bottom-nav.nav > li{
    margin: 0;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a:hover{
    background: var(--fs-color-secondary);
}
.menu-home a::before{
       content: '\f015';
    font-family: "Font Awesome 7 Pro";
    font-weight: 900; /* solid */
    margin-right: 5px;
    opacity: 1 !important;
}
.current-menu-item a{
    background-color: var(--fs-color-secondary);
}
.is-divider{
    display: none;
}
.widget ul{
    padding-left: 0 !important;
    margin-bottom: 10px !important;
}
.widget ul a{
    font-size: 14px;
    color: black;
     display: -webkit-box;
    -webkit-line-clamp: 3; /* số dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.widget ul li a:hover{
    color: var(--primary-color);
}
.widget ul li .recent-blog-posts{
    padding: 0;
}
.widget ul li .recent-blog-posts .bg-fill{
    min-width: 100px;
    aspect-ratio: 300/200;
}
.widget ul li .recent-blog-posts .mr-half{
    margin-right: 10px;
}
/* Định dạng khung chứa ảnh tự động theo tỷ lệ */
.recent-blog-posts-li .badge,
.recent-blog-posts-li .badge-inner {
    width: 100px !important;       /* Bạn có thể đổi thành 120px, 150px... tùy ý */
    aspect-ratio: 3 / 2 !important; /* Tỷ lệ rộng 3 : cao 2 (tức là cao bằng 2/3 rộng) */
    
    height: auto !important;       /* Hủy bỏ hoàn toàn height cũ */
    background-size: cover !important;
    background-position: center !important;
}
span.widget-title{
    width: 100% ;
    display: block;
    height: 40px;
    background:var(--primary-color);
    padding-left: 3px;
    line-height: 40px;
    color: white;
    position: relative;
}
span.widget-title:after{
        content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid var(--primary-color);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    left: 3px;
    top: 50%;
    margin-top: -4px;
    z-index: 10;
}
span.widget-title span{
        position: relative;
    display: inline-block;
    text-align: center;
    background: var(--fs-color-secondary);
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
}
span.widget-title span:after{
        content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid var(--fs-color-secondary);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    left: initial;
    top: 0px;
    right: -10px;
}
.recent-blog-posts-li{
    padding: 10px;
        border: 1px solid #cccccc;

    }
    .support{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

         border: 1px solid #cccccc;
    }
    .support span{
        margin: 0 8px;
    padding: 10px 8px 10px 50px;

    background: url(/wp-content/uploads/2026/06/ic-phone.png) 7px 5px no-repeat;
    position: relative;
    }
    .row1 ul{
        padding-left:  0 !important;
        padding-bottom: 0 !important;
    }
    .col-trangchu{
        border: 1px solid #ddd;
            margin-bottom: 20px !important;
    }

    .post-item .box-blog-post .box-text{
        padding-left: 15px !important;
    }
    .post-item .from_the_blog_excerpt {
        font-size: 16px;
        color: black;
    }
    .post-item .post-title  a{
        text-transform: uppercase;
        font-size: 16px;
        color: black;
        font-weight: 600;
    }
    .post-item{
        padding-bottom: 15px;
    }
    .post-item:hover .post-title  a{
        color: var(--primary-color) !important;
    }
    .section-title1{
        padding: 0 !important;
    }
    .row-title .col{
        padding-bottom: 0;
    }.row-title .col p{
        margin-bottom: 0;
    }
.row-title h1{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #f5f5f5;
    padding-left: 3px;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}
.row-title h1 span{
        background: var(--fs-color-secondary);
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    display: inline-block;
}
.row-title h1 span::before{
        content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid var(--fs-color-secondary);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    left: initial;
    top: 0px;
    right: -10px;
}
.row-title h1:after{
        content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid var(--primary-color);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    left: 3px;
    top: 50%;
    margin-top: -4px;
    z-index: 10;
}
#ez-toc-container ul{
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}
#ez-toc-container a{
    font-size: 16px !important;
}
.comments-link,
.post_comments,
.meta-comments {
    display: none !important;
}
.wpcf7 {
    max-width: 100%;
}

.wpcf7 label {
    display: block;
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
    font-weight: 400;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 10px;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.wpcf7 textarea {
    min-height: 130px;
    resize: vertical;
}

.wpcf7 input[type="submit"] {
    background: var(--primary-color);
    color: #fff;
    border: none;
    padding: 4px 8px;
    font-size: 14px;
    border-radius: 0;
    cursor: pointer;
    text-transform: capitalize;
}

.wpcf7 input[type="submit"]:hover {
    opacity: .9;
}
.text-footer{
    color: white;
}
.text-footer h2{
        font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: white;
}
.text-footer p{
    margin-bottom: 0;
    padding: 3 0px;
}
.post-thanhben .post-title a{
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 300;
     display: -webkit-box;
    -webkit-line-clamp: 3; /* số dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-thanhben .post-item{
    padding-bottom: 10px;
}
.post-thanhben .box-text{
    padding: 0 !important;
    margin-left: 10px;
}
.row-thanhben > .col > .col-inner{
    padding: 10px !important;
    border: 1px solid #ccc;
}
.col-lh ul{
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}
.entry-header-text{
    padding: 0;
}
.entry-header-text h1{
    font-size: 22px;
    color: var(--primary-color);
}
#footer a{
    color: white !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}








.entry-content {
  color: #212529;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
  color: var(--primary-color);
}

.entry-content figure {
  background: #fff;
  border: 1px solid #f0f0f0;
  padding: 5px 3px 10px;
  text-align: center;
}

.entry-content h6 {
  font-size: 15px;
}

.entry-content h5 {
  font-size: 17px;
}

.entry-content h4 {
  font-size: 17px;
}

.entry-content h3 {
  font-size: 18px;
}

.entry-content h2 {
  font-size: 20px;
  line-height: 1.5;
}

.entry-content h1 {
  font-size: 25px;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
}

.entry-content p {
  color: #333;
  margin-bottom: 15px;
  font-size: 16.5px;
  line-height: 1.6;
}

#content ul,
.entry-content ul {
  list-style: disc;
  padding-left: 20px;
  padding-bottom: 5px;
}

.entry-content ul li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ul li a {
  color: #007bff;
}

#content ol,
.entry-content ol {
  list-style: decimal;
  padding-left: 18px;
  padding-bottom: 5px;
  font-size: 16.5px;
}

.entry-content ol li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ol li a {
  color: #ff5912;
}

.entry-content a {
  font-weight: 700;
}

.entry-content blockquote {
  background: #f3f3f3;
  color: #868686;
  display: block;
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 20px;
  padding: 15px 20px 15px 45px;
  position: relative;
  text-align: justify;
}

.entry-content blockquote p {
  margin-bottom: 0;
}

.entry-content blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: var(--primary-color);
  content: "";
}

.entry-content code {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  font-size: 0.85rem;
  color: #e83e8c;
  font-size: 15px;
}
.entry-content > div{
  overflow: auto;
}
.entry-content table {
  width: 100%;
  height: auto;
  overflow: auto;
}

.entry-content table > tbody > tr > td,
.entry-content table > tbody > tr > th,
.entry-content table > tfoot > tr > td,
.entry-content table > tfoot > tr > th,
.entry-content table > thead > tr > td,
.entry-content table > thead > tr > th,
.term-description table > tbody > tr > td,
.term-description table > tbody > tr > th,
.term-description table > tfoot > tr > td,
.term-description table > tfoot > tr > th,
.term-description table > thead > tr > td,
.term-description table > thead > tr > th {
  border: 1px solid #ddd;
  padding: 7px 10px !important;
  font-size: 16.5px !important;
  width: auto !important;
}

.entry-content iframe {
  margin: auto;
}

.entry-content .syntaxhighlighter {
  padding: 10px 0;
}