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

/*************** ADD CUSTOM CSS HERE.   ***************/
#block_widget-3{
	margin-top:25px !important
}
.mottin h3{
	margin-bottom:15px;
}
.row.docnhieu .col.post-item .box-image{
	position:relative
}
#secondary .row.docnhieu:not(.docfix)  .col.post-item img{
	display:none !important
}
#secondary .row.docnhieu:not(.docfix)  .col.post-item .image-cover{
	background:#e7e4e4 !important;
	border-radius:8px !important;
	position:relative;
}
#secondary .row.docnhieu:not(.docfix)  .col.post-item .image-cover:after{
	line-height:50px;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
    font-size: 24px;
    font-weight: 700;
    color: #e71d25 ;
}
#secondary .row.docnhieu:not(.docfix) .col.post-item:nth-child(1) .image-cover:after{
	content:"#1";
}
#secondary .row.docnhieu:not(.docfix) .col.post-item:nth-child(2) .image-cover:after{
	content:"#2";
}
#secondary .row.docnhieu:not(.docfix) .col.post-item:nth-child(3) .image-cover:after{
	content:"#3";
}
#secondary .row.docnhieu:not(.docfix) .col.post-item:nth-child(4) .image-cover:after{
	content:"#4";
}
#secondary .row.docnhieu:not(.docfix) .col.post-item:nth-child(5) .image-cover:after{
	content:"#5";
}
#secondary .row.docnhieu:not(.docfix) .col.post-item:nth-child(6) .image-cover:after{
	content:"#6";
}
#secondary .row.docnhieu:not(.docfix) .col.post-item:nth-child(7) .image-cover:after{
	content:"#7";
}
#secondary .row.docnhieu:not(.docfix) .col.post-item:nth-child(8) .image-cover:after{
	content:"#8";
}

/*
.row.docnhieu .col.post-item:nth-child(1) .box-image:after{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	background:#fff !important;
	content:"1";
    font-size: 30px;
    font-weight: 700;
    color: #e71d25;
     line-height: 63px;
    width: 65px;
    height: 65px;
	border-radius:100% !important
}
.row.docnhieu .col.post-item:nth-child(1) .box-image img{
	display:none !important
}
.row.docnhieu .col.post-item:nth-child(2) .box-image:after{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	background:#fff !important;
	content:"2";
    font-size: 30px;
    font-weight: 700;
    color: #e71d25;
     line-height: 63px;
    width: 65px;
    height: 65px;
	border-radius:100% !important
}
.row.docnhieu .col.post-item:nth-child(2) .box-image img{
	display:none !important
}

.row.docnhieu .col.post-item:nth-child(3) .box-image:after{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	background:#fff !important;
	content:"3";
    font-size: 30px;
    font-weight: 700;
    color: #e71d25;
     line-height: 63px;
    width: 65px;
    height: 65px;
	border-radius:100% !important
}
.row.docnhieu .col.post-item:nth-child(3) .box-image img{
	display:none !important
}

.row.docnhieu .col.post-item:nth-child(4) .box-image:after{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	background:#fff !important;
	content:"4";
    font-size: 30px;
    font-weight: 700;
    color: #e71d25;
     line-height: 63px;
    width: 65px;
    height: 65px;
	border-radius:100% !important
}
.row.docnhieu .col.post-item:nth-child(4) .box-image img{
	display:none !important
}
.row.docnhieu .col.post-item:nth-child(5) .box-image:after{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	background:#fff !important;
	content:"5";
    font-size: 30px;
    font-weight: 700;
    color: #e71d25;
     line-height: 63px;
    width: 65px;
    height: 65px;
	border-radius:100% !important
}
.row.docnhieu .col.post-item:nth-child(5) .box-image img{
	display:none !important
}*/
.row.docnhieu .col.post-item .box-image img{
	border-radius:8px !important
}
.mottin .post-title {
	text-transform:none !important;
	
}
.section-title-normal span{
	text-transform:uppercase !important
}
.tinso .col.post-item .post-title a{
	font-size:24px !important
}
.tieudehome .section-title-main{
	color:#111;
	text-transform:uppercase !important;
	font-size:24px;
	color:#e71d25
}
aside .widget-title{
	text-transform:uppercase !important;
	color:#e71d25 !important
}
.cilnhieu .docnhieu .col.post-item {
	border-top: 1px solid #dedede26;
}
.cilnhieu .docnhieu  .post-title a{
	color:#fff !important
}
.cilnhieu h4{
	font-size:14px;
	margin-bottom:0px !important
}
.cilnhieu .row.docnhieu{
	padding-left:14px !important
}
.cilnhieu .col.post-item{
	padding-left:0px !important
}
.sechome .section-title-main{
	color:#fff !important
}
.sechome .section-title{
	padding-left:0px !important;border:0px !important
}
.mottin .overlay{
	/*    background-color: rgba(0, 0, 0, 0.5) !important;*/
}
.mottin .post-title  a{
	color:#fff !important;
	font-size:24px !important
}
.descx{
	font-size:16px;
	color:#111;
	text-align:center !important
}
.imgmain{
	display:block !important;
	margin-top:25px !important;
	margin-bottom:25px !important;
}
.imgmain img{
	width:100% !important
}
.page-title .fill{
	background:none !important
}
.page-title .entry-divider{
	display:none !important
}
.page-title .page-title-inner{
	text-align:left !important;
    min-height: 120px !important;
}
.page-title h1.entry-title{
	margin-bottom:0px
}
.page-title .page-title-inner .text-center{
    text-align: left !important;
    width: 100%;
}
.page-title .entry-meta{
	font-size:12px;
}
.header-top .flex-row.container{

}
.icon-box.iconchuky{
	    margin-top: -80px;
}
.iconchuky img{
	border-radius:100% !important
}
.iconchuky p{
	margin-bottom:10px;
	font-size:15px;
}
.header-wrapper.stuck #top-bar{
	display:none !important
}
#top-bar{
	    display: block;
}
.section.xtalk{
	    max-width: 1115px;
	margin:0 auto;
	border-radius:8px !important;
	padding-left:5px !important;
	padding-right:5px !important;
	padding-top:5px !important;
	padding-bottom:5px !important
}
.khhome .testimonial-name{
	display:block !important
}
.khhome .flickity-viewport{
	overflow:visible !important
}
.testimonial-company.test_company{
	font-size:14px;
}
.khhome .star-rating span, .star-rating span:before, .star-rating:before, .woocommerce-page .star-rating:before{
	font-size:13px !important
}
.khhome .star-rating {
   
    width: 64px;
}
.khhome .testimonial-text h4{
	color:#111;
	margin-top:20px;
}
.traloi .col-inner{
	border: 4px solid #ffdcdd;
    padding: 25px 40px;
    max-width: 1080px;
    margin: 0 auto !important;
	position:relative
}
.traloi .col-inner:after{
	width:50px;
	height:50px;
	position:absolute;
	left:0px;
	right:0px;
	top:-30px;
	background:url(/wp-content/uploads/2025/06/iconb.png) no-repeat top center;
	content:"";
	text-align:center;
	margin:0 auto;
	background-size:cover
}

.xtalk .post-title{
	min-height:70px !important
}
.xtalk{
	padding:15px !important
}
.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
content: "";
display: block;
padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.post-sidebar.large-3.col{
	padding-left:0px !important
}
.entry-content.single-page{
	padding-top:0px !important
}
.entry-header h1.entry-title{
	color:#111;
}
.entry-header .entry-divider{
	display:none !important
}
#footer{
	border-top:1px solid #dedede;
}
header.archive-page-header .page-title{
	text-transform:none !important;
	    text-align: left;
	font-size:24px;
	color:#111;
}
header.archive-page-header .page-title{
	padding-bottom:20px;
	border-bottom:1px solid #e71d25;
}
.bfooter p{
	font-size:14px;
	margin-bottom:12px;
}
.tlogo img{
	height:auto;
	max-height:80px;
	width:auto !important
}
.absolute-footer{
	padding-top:16px !important;
	padding-bottom:16px !important;
	border-top:1px solid #dedede;
}
.titmain .section-title{
	padding-left:15px;
	border-left:1px solid #111 !important
}
.tinlist .col.post-item:first-child{
	display:block !important
}
.titmain .section-title-main{
	border-bottom:0px !important
}
.tinlist .col.post-item:first-child .box.box-vertical{
	display:block !important
}
.tinlist .box.box-vertical{
	border-bottom:1px solid #dedede;
}
.tinlist .col.post-item{
	padding-top:0px !important;
	padding-bottom:0px !important
}
.tinlist .col.post-item:first-child .box.box-vertical .box-image{
	width:100% !important;
	display: block;
}
.tinlist .col.post-item:first-child .box.box-vertical .box-text.text-left{
	padding-top:15px;
	padding-left:0px !important;
	padding-right:0px !important;
	text-align:center
}
.tinlist .post-title a{
	font-size:15px !important;
}
.tinone .post-title{
	margin-top:15px;
	margin-bottom:15px;
}
.tinone .post-title a{
	font-size:20px !important;
}
.tintwo .box-image{
	display:none !important
}
.tintwo .box-text.text-left{
	padding-top:0px !important;
	border-bottom:1px solid #dedede;
}
.titmain .section-title {
	text-transform:none !important
}
.titmain .section-title a{
	font-size:0px;
}
.titmain .section-title a i{
	font-size:14px;
	color:#111;
}
.titmain .section-title-main{
	text-transform:none !important;
	font-size:17px;
	color:#111;
}
.tinngang .col.post-item .post-title a{
	font-size:18px;
	
}
.tinngang .col.post-item .post-title{
	margin-bottom:10px;
}
.tinngang .col.post-item{
	padding-bottom:0px !important
}
.tinngang .box.box-vertical{
	padding-top:10px;
	border-top:1px solid #dedede;
	    margin-top: 10px;
}
.kynguyen .box.box-vertical{
	padding-left:15px;
	padding-right:15px;
	background:#fdefd8;
	padding-top:10px !important;
	padding-bottom:10px !important;
} 
.kynguyen .col.post-item{
	padding-bottom:0px !important;
}
.kynguyen .col.post-item .post-title a {
    font-size: 15px;
}
.kynguyen  .box-text.text-center{
	padding:0px !important;
	text-align:left;
	padding-left:20px !important
}
.docnhieu .col.post-item{
	border-top:1px solid #dedede;
	padding-top:12px;
	margin-top:12px;
	padding-right:0px !important;
	padding-bottom:0px !important

}
#media_image-2{
	margin-bottom:0px !important
}
.docnhieu .col.post-item .post-title a{
	font-size:15px;
}
aside .box-vertical .box-text {

        vertical-align: top;
 }
.docnhieu .col.post-item .box-text.text-center{
	text-align:left !important
}
aside .is-divider{
	display:none !important
}
.btssub span{
	color:#111;
}
aside .widget-title{
	padding-left:15px;
	border-left:2px solid #111;
	display:block;
	margin-bottom:10px;
	position:relative

}
.docnhieu .box-text.text-center{
	padding-top:0px !important;
	padding-right:0px !important;
	padding-bottom:0px !important
}

#block_widget-2 .widget-title:after{
	width:20px;
	height:20px;
	content:"";
	z-index:2;
	right:0px;
	background:url(/wp-content/uploads/2025/06/sort.png) no-repeat top right;
	position:absolute;
	top:-3px;
	background-size:cover !important
}

.xtinhome .col.post-item:first-child{
	        flex-basis: 100%;
        max-width: 100%;
}
.col.post-item .is-divider{
	display:none !important
}
.xtinhome .col.post-item:first-child .box-text.text-left{
	border-bottom:1px solid #dedede !important;
	font-size:16px;
}
.xtinhome .col.post-item:first-child  .post-title{
	margin-bottom:15px;
}
.xtinhome .col.post-item:first-child  .post-title a{
	font-size:24px;
	color:#111;
}
.post-title a:hover{
	color:#e71d25
}
.xtinhome  .col.post-item .post-title{
	margin-bottom:15px;
}
.col.post-item .post-title a{
	font-size:17px;
	color:#111;
}


.header-bottom{
	border-bottom:1px solid #dedede;
	border-top:1px solid #dedede;
}
.header-bottom li.menu-item>a{
	font-size:15px !important
}
.header-main .search-field{
	height:35px;
	border-radius:30px !important;
	min-width:230px;
	padding-left:20px;
	background:#fff !important
}
#top-bar{
	border-bottom:1px solid #dedede;
}
#top-bar a, #top-bar div, #top-bar span{
	font-size:12px;
}
#top-bar .html_topbar_right{
	font-size:12px;
}
#top-bar .html_topbar_right strong{
	color:#e71d25;
	font-size:13px;
}
#top-bar .social-icons .icon{
	border-width:1px !important
}
#top-bar .social-icons .button.icon i{
	font-size:12px !important
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.xtinhome .col.post-item:first-child .box-text.text-left{
		
	}
	li.html.custom.html_top_right_text{
		margin-right:0px !important;
		margin-left:auto !important
	}
	.docnhieu .box-vertical .box-image {
        width: 12% !important;
		float:left
    }
	.docnhieu .col.post-item{
		padding-left:20px !important;
		padding-right:10px !important
	}
	#secondary .row.docnhieu:not(.docfix) .col.post-item .image-cover:after {
    line-height: 43px;
    font-size: 15px;
}
	.tinsohai .box-vertical .box-image {
        width: 26% !important;
		float:left
    }
	.docnhieu .col.post-item .box-text.text-center {
    text-align: left !important;
    width: calc(100% - 30%);
    float: left;
}
	.tinsohai .col.post-item .box-text.text-center {
    text-align: left !important;
    width: calc(100% - 30%);
    float: left;
}


}