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

/*************** ADD CUSTOM CSS HERE.   ***************/
.box-overlay:hover .post-title a{
	color:white;
}
.col-divided{
    border-right: unset;
}
.page-right-sidebar .large-3{
    padding-left: 0px;
}
.post-item .post-title a,.post-item .post-title{
	display:inline;
}
body {
 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}
.header-bottom {
        border-bottom: 3px solid #f5a714;
}
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}
.alt-font{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;}

.rank-math-breadcrumb{
        border-bottom: 1px solid #ddd !important;
    margin-bottom: 16px;
}
.relatedcat ul li{
    margin-left: 20px;
}
.relatedcat {
padding: 8px 35px 8px 14px;
margin: 20px 0;
text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
border: 1px solid #BCE8F1;
border-radius: 4px;
background-color: #D9EDF7;
}
 
.relatedpost {
padding: 8px 35px 8px 14px;
margin: 20px 0;
text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
border: 1px solid #BCE8F1;
border-radius: 4px;
background-color: #D9EDF7;
}
.blog-video-nho{
        margin-left: -13px !important;
    margin-right: -13px !important;
}
.row-video .post-item{
    padding-bottom: 10px !important;
}
.row-video .col.post-item{
        padding: 0 5px 3px;
}
.row-video{
    padding: 15px !important;
}
.row-video .box-text{
    background: #F4A712;
    padding-bottom: 10px;
}
.row-video .box-text h5{
    color: white;
}
.row-video .box-text h5 a{
      color: white;
     overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
}
.page-right-sidebar .large-3 span.widget-title, .div-sidebar span.widget-title,.post-sidebar span.widget-title {
	display: block;
	    font-size: 14px;
    font-weight: 500;
    background-color: #c35104;
    padding: 12px;
    text-transform: uppercase;
    color: #fff;
    border-top: 3px solid #c35104;
    margin: -1px;
	margin-bottom: 10px !important;
}
.is-divider{
	display: none;
}
.div-sidebar aside > ul,.post-sidebar aside > ul,.page-right-sidebar .large-3  aside ul{
	padding: 15px
}
.div-sidebar aside,.post-sidebar aside,.page-right-sidebar  aside{
	    margin-bottom: 20px;
    border: 1px solid #d8d8d8;
}
#footer ul li{
    list-style: none;
    margin-left: 0px;
}
.section-title-container h3{
	    position: relative;
    border-bottom: 2px solid #e49706;
    margin-bottom: 10px;
}
.section-title-container{
	margin-bottom: 0px;
}
.section-title-container span {
    display: inline-block;
    padding: 0px 50px 0 10px;
    background: url(images/cat-bg.png) no-repeat center center;
    background-size: 100% 45px;
    line-height: 44px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}
.entry-header-text{
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.blog-single article .article-inner,.page-right-sidebar .page-inner {
      border: 1px solid #ddd !important;
    border-radius: 4px;
    padding: 15px;
}
.blog-archive .large-9 .post-item .box-text{

}
.blog-archive .large-9 .post-item .box{
        border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
}
.blog-single .entry-title{
    display: inline;
}
.entry-meta{
    margin-top: 10px;
}
.header-nav li.ma-giam-gia a{color:red !important;font-style:italic}
.rank-math-breadcrumb p{font-size: 15px;
    margin-bottom: 10px;}
.blog-archive .large-3{padding-left:0}
.blog-archive .large-12{padding-bottom:0; text-align:left}
.blog-archive h1.page-title{    text-transform: none;
    letter-spacing: 0;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 22px;}
     .blog-archive .large-9 .post-item .box-text{
        padding-bottom: 0px;
     }
    .blog-archive .large-9 .post-item .post-title a{
            overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    }
.blog-archive .large-9 .post-item .post-title{
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
		font-weight: normal;margin-bottom:10px}
.widget img{width:100%}span.widget-title{    text-transform: none;
    font-size: 21px;
    letter-spacing: 0;
    font-weight: normal;
		font-family: Merriweather, sans-serif;}.recent-blog-posts a{line-height:20px; font-family: Merriweather, sans-serif;font-size:14px}
.entry-content h2{font-size:23px}
.entry-content h3{font-size:22px}
.entry-content h4{font-size:21px}
.entry-content h5{font-size:20px}.list-post1 .post-item .post-title:hover{text-decoration:underline}

.badge.post-date{width:70px; height:50px;}
.widget_categories ul li a{font-family: Merriweather, sans-serif;}.widget .current-cat>a{color: red;}.nav-pagination>li>a{border:1px solid gray; background:gray; color:white!important}
.blog-single .large-3{padding-left:0}
b,strong{font-weight:500}.thong-tin-meta {
    font-size: 14px;
    color: #979797;
}.thong-tin-meta .tac-gia, .thong-tin-meta .luot-xem {
    margin-right: 15px;
}
.entry-header .is-divider{display:none}
.section1 .col{padding-bottom:0}.header-main .nav > li > a{padding-left:15px;padding-right:15px; font-weight:bold}
.section1 .large-2 h3{background:black;
    padding: 8px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    color: white;}
a.back-to-top{background:black !important;border:None !important;color:white !important}
.footer-section p, .footer-section ul li, .absolute-footer.dark{font-family: Merriweather, sans-serif;font-size:15px}
.footer-section .col{padding-bottom:0}
.list-post1 .flickity-prev-next-button{width:25px}
.list-post1 .flickity-prev-next-button svg{border: 1px solid #b2b2b2;}
.list-post1 .post-item .box-text{padding:0}
.list-post1 .post-item .post-title{font-size:13px;font-weight:500;}.box-blog-post .is-divider{display:none}
.list-post1 .flickity-prev-next-button.previous, .list-post1 .flickity-prev-next-button.next{transform: translateX(0%);margin-top: -2%;opacity:1}
.list-post1 .flickity-prev-next-button.previous{left: 92%;opacity:1}
.section2 .col{    padding: 0 5px 12px;}
.list-post2 .post-item .box-text{   
    padding: 15px 10px 10px 10px;
    background-color: #484848b8;

    text-shadow:none}
.list-post2 .post-item .post-title{ margin:10px 0; font-size: 17px;
    font-weight: normal;}
.list-post7 .post-item .cat-label{font-size:12px; margin-bottom:10px}
.list-post7 .post-item .box-image img{border-radius:99%}
.list-post7 .post-item{padding-bottom:12px}.section-title a {
        background: white;color:black;
    padding-left: 10px;
    font-size: 12px;
    font-weight: normal;
}.videogallery .the-title {
    line-height: 22px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: Merriweather, sans-serif;
    text-transform: none !important;
} 
.list-post9 .post-item .post-title{font-size:17px;font-weight:normal}.list-post9 .post-item .box-text{padding-bottom:12px}
.list-post9 .post-item{padding-bottom:0}
.ux-menu a{font-family: Merriweather, sans-serif;
    color: red;}
.post-item .cat-label{margin-bottom:7px; font-size: 13px;
    letter-spacing: 0;opacity:1;
    font-family: Merriweather, sans-serif;}
.section2 .row{max-width:1177px}
.list-post3 .post-item .box-text{  
    padding: 10px 9px 7px 9px;
        background-color: #484848b8;
    text-shadow:none}
.list-post3 .post-item .post-title{      margin: 5px 0;
    font-size: 15px;
    font-weight: normal;
    text-transform: initial;}.section-title-normal {position:relative;
    border-bottom: 0;
}
.list-post4 .post-item .post-title{    font-size: 18px;
    font-weight: normal;
    margin-bottom: 7px;}
.list-post8 .post-item{padding-bottom:10px}
.list-post8 .post-item .post-title{font-size:20px;font-weight:normal}
.post-item .post-meta{font-size: 13px;
    text-transform: lett;
    letter-spacing: 0;
    font-family: Merriweather, sans-serif;
    margin-bottom: 7px;}
.list-post5 .post-item .post-title{    font-size: 15px;
    font-weight: normal;}

.post-item:hover a{color:black}
.list-post5 .post-item:first-child .box-text{padding-top:0}
.section3 .large-6{padding-bottom:0}
.list-post4 .post-item .box-text{padding-bottom:0}
.list-post6 .post-item .post-title{font-size: 21px;
    font-weight: normal;
    margin-bottom: 10px;}
.list-post5 .post-item{padding-bottom:0px}
.list-post5 .post-item .box-text{padding-left:12px;padding-right:0}
.post-item .from_the_blog_excerpt{    font-size: 14px;
   
    font-family: Merriweather, sans-serif;}.nav-dropdown-has-border .nav-dropdown {
    border: 0;
}.nav-dropdown .tabbed-content li{border-top:none}.nav-dropdown .tabbed-content li.active a{color:black}
.nav-dropdown .tabbed-content li a{font-size:16px;font-weight:normal;line-height:25px !important}.nav-dropdown .large-12{padding-bottom:0}.nav-dropdown .post-item .post-title{font-weight:normal}
.nav-spacing-medium>li {
    margin: 0;
}
.nav-dropdown .tabbed-content .nav-vertical{padding:10px}
.nav-dropdown .tab-panels{padding:20px}
.blog-archive .post-item .thong-tin-meta{margin-bottom:7px}footer.entry-meta{font-size:15px}
.blog-single .blog-share{text-align:left}
.blog-share .is-divider{display:none}.bai-viet-lien-quan {
    margin-top: 0px;
}.bai-viet-lien-quan h3 {
    font-size: 1.25em;
    color: black;
}.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}.bai-viet-lien-quan ul li {
    margin-bottom: 20px;
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}.bai-viet-lien-quan ul li .box-image img {
    height: 200px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}.bai-viet-lien-quan h4 {
    font-size: 16px;
    color: black;
    line-height: 22px;
    padding-top: 7px;
    height: 50px;
    overflow: hidden;
    font-weight: 500;
    margin-bottom: 4px;
}
.blog-single .large-9{padding-bottom:0px}
.button.open-video{background: red;
		border: none;}


@media(max-width: 855px){
	.header-main .medium-logo-center .show-for-medium.flex-right{
		    min-width: 99px;
	}
	.list-post5 .post-item .post-title a{
		    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    display: -webkit-box !important ;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0;
	}
        #logo img {
        max-height: 55px !important;
    }

    .post-item .post-title, .post-item .post-title a{
    display: inline;
}
.list-post5 .post-item .post-title{
    display: inline;
}
    .list-post5 .post-item .post-title a{
        display: inline;
    }
	.header-main .nav > li > a {
    padding-left: 0;
		padding-right: 0;color:black}
.off-canvas-left .mfp-content{background:white;}.off-canvas .nav-vertical>li>a {
    padding-bottom: 15px;
    padding-top: 15px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 15px;
    color: black;
}.list-post1 .flickity-prev-next-button{margin-top:-22% !important}
.list-post1 .flickity-prev-next-button.next{right:5%}
.list-post1 .flickity-prev-next-button.previous{left:85%}.list-post2 .post-item .post-title{font-size:15px}
.list-post2 .post-item .box-text{padding:15px 15px 15px 15px}.list-post4 .post-item .post-title{
		font-size: 18px;}
.list-post5 .post-item .box, .list-post8 .post-item .box{display:flex}
.list-post5 .post-item .box-text, .list-post8 .post-item .box-text{padding-top:0; padding-left:10px}
.list-post5 .post-item .box-image, .list-post8 .post-item .box-image{width:50% !important}.list-post5 .post-item{padding-bottom:7px}.section-title-normal span{font-size:19px}
.bai-viet-moi-nhat .post-item .cat-label{display:none}.list-post9 .post-item .post-title {
		font-size: 16px;}.list-post9 .post-item .box-text{padding-bottom:6px}.footer-section .col{padding-bottom:10px}.blog-archive .large-9 .post-item .post-title {
				font-size: 18px;}.blog-archive .large-3, .blog-single .large-3{padding-left:15px}.blog-archive h1.page-title{font-size:25px}.thong-tin-meta .tac-gia, .thong-tin-meta .luot-xem{display:block;}.bai-viet-lien-quan ul li{width:50%}.bai-viet-lien-quan ul li .box-image img{height:125px}.bai-viet-lien-quan h4{font-size:14px; height:70px}
.bai-viet-lien-quan .thong-tin-meta{display:none}
.list-post8 .post-item .from_the_blog_excerpt{display:none}.list-post8 .post-item .post-title{font-size:15px}
.grid-col{padding-bottom:5px !important; height:250px !important}
.video-button-wrapper{font-size:100% !important}
}

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


}