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

/*************** ADD CUSTOM CSS HERE.   ***************/
.comment-meta .pull-left{
	display:none;
}
.div-avatar .comment-author{
	display: inline;
}
.div-content-binh-luan{
	    padding-top: 10px;
}
.comments-title > span:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid #187909;
    border-left: 20px solid #187909;
    border-bottom: 20px solid transparent;
    border-right: 20px solid transparent;
    display: inline-block;
    top: 0;
    left: 100%;
}
.comments-title > span {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    background-color: #187909;
    z-index: 1;
    position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}
.comments-title {
    text-align: left;
    margin-bottom: 10px;
    background-color: #06632e;
}
.post-sidebar span.widget-title {
	    color: #2E602B;
    font-size: 20px;
}
.div-bread{
	    border-bottom: 1px dashed #ccc;
    margin-bottom: 12px;
}
.div-bread p{
	margin-bottom:10px;
}
.section-tin-list .post-item .box {
    border-bottom: 1px dashed #ccc;

}
.commentlist li .avatar, .comment-list li .avatar {
    max-width: 30px;
    border-radius: 0%;
}
.comment-content{
	font-weight:normal;
}
#comments ul.children{
	margin-left:5px !important;
}
ol.comment-list li.comment{
    border: 1px solid #cdcdcd;
    padding: 15px;
    border-radius: 10px;
}
.comment-list .comment-inner cite{
	color:red !important;
}
.mobile-nav i.icon-menu{
	color:#215A6E;
}
.section-title-normal {
    border-bottom: 1px solid black;
}
.section-title-normal span {
    margin-right: 15px;
    padding-bottom: 7.5px;
    border-bottom: 2px solid rgb(222, 131, 38);
    margin-bottom: -1px;
}
.box-bounce:hover .box-text {
    -ms-transform: unset;
    transform: unset;
    background-color: transparent;
}
.div-no-image .box-image{
	display: none;
}
.div-tin-list .post-item .box{
	    border-bottom: 1px dashed #ccc;
   padding-bottom: 7px;
}
.div-tin-list .post-item {
	    padding-bottom: 7px;
    margin-bottom: 7px;
}
.div-tin-list .box-text .post-title{
	padding-left: 10px;
}
.div-tin-list .box-text .post-title:before{
  content: "";
    width: 6px;
    height: 6px;
    background: #de8326;
    position: absolute;
    top: 7px;
    left: 0px;
}
p.from_the_blog_comments{
	display: none;
}
.div-tin-list .box-image{
	display: none;
}
.div-tin-list .box-text{
	padding: 0px 2px;
}
.section-title-container{
	margin-bottom: 	15px;
}
.section-tin-dam .post-item,.div-no-post-item .post-item{
	padding-bottom: 0px;
}
.div-no-padding{
	padding-bottom:0px !important;
}
.meta-related ul li a{color: #0092ff;} .meta-related ul li{line-height: 20px;} .meta-related ul{margin-left: 10px}
/*
Bạn có thể thêm CSS ở đây.

Nhấp chuột vào biểu tượng trợ giúp phía trên để tìm hiểu thêm.
*/
.the-tag a{
	border-radius: 4px;
    margin: 4px;
    background: #F2F2F2;
    padding: 2px 10px;
}
#top-bar ul li a{font-family: "roboto",sans-serif;
    font-weight:normal;
    font-size: 12px;
    text-transform: uppercase;}
.duong-line {
    background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
    height: 12px;
    margin-top: 5px;
    overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	    font-size: 18px;
    float: left;
    margin: -8px 20px 0 0;
}
.nav-spacing-medium>li{margin:0}
#wide-nav .nav>li:hover{background: #DE8326;}
.header-bottom-nav > li > a{line-height: 20px}

.nav>li>a>i.icon-menu{    font-size: 17px;}
#wide-nav .nav>li a {
    padding-top: 14px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 12px;
}


.big-block .box-text h5{color: black;font-weight:500; letter-spacing: 0 }
.ad1{margin:0}
.big-block .box-text p{padding-top: 10px; font-size: 13px}

.big-block .box box-overlay dark box-text-bottom box-blog-post has-hover .box-overlay .box-text{position: relative;    padding-left:0em;
    padding-right: 0em;}
.box-blog-post .is-divider{display:none}
.big-block .text-left{padding: 7px 0px 7px;
    border-top: 1px dotted #eaeaea;}
.big-block .small-columns-1>.col{    padding-top: 0;
    padding-bottom: 0;}
.row-small>.col{padding: 0 10px 10px;}
.section-2 .box-text p{font-size: 13px; padding-top: 10px}
.section-2 .box-text h5{font-size: 20px; font-weight: 500}
.section-2 .tag-label{text-transform: none; padding: 6px 10px; letter-spacing: 0; font-weight: normal; padding-top:0}
.section-2 .col{    padding-top: 0;
    padding-left: 12px;
    padding-right: 10px;
    padding-bottom: 10px;}
.slide-post .box-text h5{font-size:17px}
.section-2 .box-vertical .box-text{padding-right:0}
.Catelogies .col{   padding-top: 0;
    padding-left: 11px;
    padding-right: 10px;
    padding-bottom: 10px;}
.Catelogies .box-tex h5{font-size:14px}
.Catelogies .box-vertical .box-text{padding-left: 10px;
    padding-right: 0;}
.Catelogies .box-text{padding-top: 7px; padding-bottom: 7px}
.title-cat h2{ background: #0092ff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    font-size: 17px;
    border-bottom: 1px solid #007fde;
    border-left: 10px solid #007fde;
    font-weight: normal;margin:0}
.Catelogies .box-image{margin-bottom: 8px}
.slide-post .col{padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;}
.slide-post .box-text{    padding-bottom: 6px;}
.y-kien-ban-doc    {border-radius: 3px;background: white; width: 100%;
    border: 1px solid #c5c5c5;
    padding: 10px;}
.y-kien-ban-doc p{margin-bottom:0}
.article-inner .relative{display:none}
.article-inner .is-divider{display: none}
.article-inner  h1{font-size: 20px !important;;margin-top: 0;line-height: 1.5;font-weight: 900;margin-bottom: 18px;text-align: center;border-bottom: 1px dashed #069755;text-transform: uppercase;}.article-inner  h1{font-size: 25px}
.article-inner .entry-header-text{padding-bottom: 0px}
.article-inner footer.entry-meta{display:none}
.article-inner .large-3{padding-left: 10px; padding-right: 10px}
.button span{font-weight: normal}


.off-canvas .sidebar-menu{    
    padding: 20px 0;}
.off-canvas .nav-vertical>li>a{padding-top: 10px;
    padding-bottom: 10px;}
.off-canvas-right.mfp-ready .mfp-content{background: #0092FF;color:white}
.article-inner .is-xsmall{display:none}
.article-inner .posted-on{display:none}
.article-inner .byline{display:none}
.article-inner .entry-content{padding-top:5px;padding-bottom:0}
.article-inner .navigation-post{display:none}
.footer-wrapper{border-top: 1px solid #e6e6e6;}

.widget .is-divider{display:none}
#content .large-3{padding-top: 0;
  
    padding-bottom: 30px;}
.gallery-caption {
    text-align: left;
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

.gallery-item{    padding: 0 15px 10px;}
.article-inner  h2{font-size:19px}
#breabcrumb li{list-style: none;float: left;color:gray; font-size: 14px;    padding-right: 4px; }
#breabcrumb{    width: 100%;
    border-bottom: 1px dotted #ececec;
    display: inline-block;}
#breabcrumb li a{color:#0092FF}
 .col-divided+.col{padding-left:0}
.col-divided{    padding-right: 20px;
    padding-left: 23px;
    border-right: 0px solid #ececec;}
.bai-viet-tag a{    background: #fffafa;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
    font-size: 15px;
    border: 1px solid #dedede;}.bai-viet-tag a:hover{    background: #0092ff;    color: white;border:1px solid white; border-radius: 3px}
.bai-viet-tag {color:#0092ff;    margin-top: 20px;}

.meta-date-capnhat:before {
    margin-right: 3px;
    font-weight: 600 !important;
    font-size: 19px !important;
}
.tag-meta-post{font-size: 14px;
    color: gray; margin-bottom: 15px; display: inline-block}
.tag-meta-post a{font-size: 14px;
    color:gray;}
.tag-meta-post a:hover{color:#0092ff}
.tag-meta-post .luot-xem{padding-left: 3px;padding-right: 10px;
}
.tag-meta-post .meta-date-capnhat{padding-left:4px;    padding-right: 6px;}
.danh-muc ul{    margin-bottom: 0;
    display: inline-block;margin-left: 10px;}
.danh-muc ul li{ padding-right:5px;   margin-bottom: 0;
    display: inline-block;}
.social-share{display:inline-block; margin-right: 10px}
.list-news{    width: 100%;
    display: inline-block;margin-bottom: 0;}
.list-news h3{font-size:18px; margin-top: 15px}
.list-news li{width: 23.5100%;
    float: left;
    margin-right: 11px;margin-bottom: 0;
    font-size: 12px;list-style: none}
.item-list{margin-top:10px}
.new-img{width: 100%; height: 110px}
.new-img img{height:100%}
.relative-post-title{    font-size: 15px;
    margin-top: 10px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;}


.current-menu-item > a{
background-color:#DE8326;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
.bai-viet-tag {
    display: inline-block;
    width: 100%;
}
.list-news li {
    display: inline-block;
    width: 100%;
    float: left;
}

}
.page-wrapper{padding-top:15px}
.article-inner a{color:#0092ff}
.article-inner b, strong{font-weight:500}
.relative-post-title a{color: black;}

.badge.post-date{display:none}

/* Dành cho điện thoại */
@media all and (max-width: 480px) {
.list-news li{width:50%}
.list-news{width:100%}
 
}
@media(max-width: 855px){
	.section-no-padding{
		padding-bottom: 0px !important;
	}
	.tin-no-padding .post-item{
			padding-bottom: 8px;
	}
	.tin-ngang-mobile .post-item{
		padding-bottom: 8px;
	}
	.tin-ngang-mobile .box-text {
		padding-top: 0px;
	}
	.div-no-image .box-text{
		padding-bottom: 0px;
	}
	.tin-ngang-mobile .box-image{
		    margin-right: 9px;
    width: 33% !important;
    float: left;
	}
}
 
/* Dành cho máy tính bảng */
@media all and (max-width: 1024px) {
 
}