/*
Theme Name: Tinh bột hẹ
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body{
	font-size: 15px !important;
}
.wide-nav .header-nav > li{
	margin: 0 !important;
}
.wide-nav .header-nav > li > a{
	color: #fff !important;
    font-size: 15px !important;
    padding: 0 16px !important;
    line-height: 40px;
}
#top-bar{
	font-size: 16px;
}
.box_info .box_info_item {display: inline-block;}
.box_info .box_info_item > .title {font-weight: bold;font-size: 18px;}
.box_info .box_info_item > span {display: block;padding-left: 50px;}
.box_info .box_info_item:last-child > span {padding-left: 55px;}
.box_hotline {background: url(img/icon_hotline.png) left center no-repeat;margin-right: 70px;}
.box_time {background: url(img/icon_clock.png) left center no-repeat;}
.absolute-footer.dark{
	border-top: 1px solid rgb(255 255 255 / 51%) !important;
	color: #fff;
}
.footer-section .widget-title{
	display: block;
	color: #fff;
	margin-bottom: 15px;
	font-size: 20px;
}
.footer-section p{
	font-size: 15px;
	color: #fff;
	line-height: 25px;
	display: block;
	margin-bottom: 10px;
}
.footer-section .ux-menu a{
	padding: 0;
	display: block;
	min-height: unset;
	line-height: 25px;
	margin-bottom: 5px;
}
.footer-section .ux-menu a span{
	font-size: 15px;
	min-height: unset;
	color: #fff;
	line-height: 25px;
	padding: 0;
	display: block;
}
.xp01{
	padding: 50px 0 30px 0 !important;
}
.heading{
	margin: 0 0 35px;
    padding: 0;
    font-size: 30px;
    color: #009444;
    font-weight: bold;
    line-height: 40px;
    text-transform: uppercase;
    text-align: left;
}
.heading span{
	position: relative;
    display: inline-block;
    color: #167cc4
}
.heading span:after{
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #167cc4;
}
.xp01 p{
	margin-bottom: 10px;
}
.xp01 .button{
	margin: 10px 0 0 0 !important;
}
.xp02{
	background: #f4f7f9;
    padding: 50px 0 20px !important;
}
.hds{
    padding: 0;
    font-size: 30px;
    color:#167cc4;
    font-weight: bold;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
}
.slogan{
	display: block;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}
.xp02 .div1 .box:hover h4,.xp02 .div1 .box:hover p{
	color: #009444;
}
.xp02 .div1 .box-image{
	width: 100%;
	height: 175px;
}
.xp02 .div1 .box-image img{
	width: 100%;
	height: 175px;
	object-fit: cover;
}
.xp02 .div1 .box-text{
	background: #fff;
	padding: 15px 10px !important;
}
.xp02 .div1 .box-text h4{
	font-size: 18px;
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
}
.xp02 .div1 .box-text p{

}
.kien-thuc .section-title span{
	border-bottom: none !important;
}
.xp03{
	padding: 50px 0 10px 0 !important;
}
.xp03 .heading{
	text-align: center;
	margin-bottom: 35px;
}
.xp03 .tieude p{
	margin: 0 auto 10px auto !important;
	display: block;
	max-width: 1000px;
}
.xp03 .box{
	background-color: rgba(15, 117, 188, 0.97);
	padding: 30px;
    border-radius: 10px;
    min-height: 352px;
}
.xp03  .box-image {
	margin-bottom: 5px;
}
.xp03  .box-image img{
	width: auto;
	height: auto;
	max-height: 170px;
	display: block;
	margin: 0 auto;
}
.xp03 .box-text h4{
	background: #7cb522;
    border-radius: 20px;
    color: #f2f2f2;
    padding: 7px 10px;
    font-size: 17px;
    box-shadow: 2px 2px 20px #0000004f;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: normal;
}
.xp03 .box-text p{
	color: #fff;
	font-size: 15px;
	margin-bottom: 5px;
}
.kien-thuc{
	background: #009444;
	padding: 50px 0 !important;
}
.kien-thuc .heading{
	text-align: center;
	margin-bottom: 35px;
}
.kien-thuc .heading span{
	color: #fff;
}
.kien-thuc .heading span:after{
	background: #fff;
}
.kien-thuc .post-title{
	color: #fff !important;
	line-height: 25px;
	display: block;
	height: 50px;
	overflow: hidden;
}
.kien-thuc .from_the_blog_excerpt {
	font-size: 15px;
	line-height: 22px;
	height: 44px;
	color: #fff;
	overflow: hidden;
	display: block;
}
.xp04 .box-image{
	display: block;
    padding: 4px;
    border: 1px solid #ebebeb;
}
.xp04 .box-image img{
	width: 100%;
	height: 170px;
	object-fit: cover;
}
.ph01{
	padding: 60px 0 !important;
}
.ph01 .col{
	padding-bottom: 0 !important;
}
.ph01 img{
	border-radius: 10px;
}
.dxol{
	background: #f9ffee;
    border: 1px dashed #67ca10;
    border-radius: 10px;
    padding: 22px 10px;
    text-align: center;
}
.dxol h2{
	text-transform: uppercase;
	color: #1a78b6;
	font-size: 20px;
	display: block;
	margin-bottom: 15px;
}
.xp01 img{
	width: auto !important; 
}
.xp01 h2{
	color: #fff;
	font-size: 22px;
	display: block;
	margin-bottom: 15px;
}
.xp01 p{
	color: #fff;
}
.xp01 .right{
	padding-left: 30px !important;
}
.ph02{
	padding: 40px 0 !important;
}
.ph02 .col{
	padding-bottom: 0 !important;
}
.ph02 h2{
	color: #fff;
}
.ph02 p{
	color: #fff;
}
.ph02 a{
	color: #fff;
	border-bottom: 1px dashed #328ac7 !important;
}
.ph02 a:hover{
	color: #fff !important;
}
.ph03{
	padding: 40px 0 !important;
}
.ph03 .col{
	padding-bottom: 0 !important;
}
.ph03 img{
	width: auto !important;
}
.ph04 .icon-box img{
	width: 60px;
	height: 60px;
	object-fit: cover;
}
.ph04 .icon-box p{

}
.ph04 .icon-box h3{
	text-transform: uppercase;
    font-weight: normal;
    color: #7cb522;
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 1.25em;
}
.ph04 .icon-box{
	border: 1px dashed #6eb7ea;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    background: #f5fbff;
}
.ph05{
	padding-top: 10px !important;
}
.ph05 .box-text h4{
	min-height: 36px;
}
@media only screen and (max-width: 1024px) {
	.wide-nav .header-nav > li > a{
		font-size: 14px !important;
		padding: 0 7px !important;
	}
}

@media only screen and (max-width: 800px){
   

}
@media only screen and (max-width: 600px) {
   
}


@media only screen and (max-width: 480px){
	.heading{
		font-size: 22px;
	}
	.hds{
		font-size: 22px;
	}
	.kien-thuc .post-item .box-text .post-title{
		color: #fff !important;
	}
	.xp02 .div1 .box-image,.xp02 .div1 .box-image img{
		height: 240px;
	}
	.ph01{
		padding: 30px 0 !important;
	}
	.ph01 .dxol{
		margin-top: 15px;
	}
	.xp01 .right{
		padding-left: 15px !important;
	}
}
@media only screen and (max-width: 380px){
   
}
@media only screen and (max-width: 320px){

}