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

/*************** ADD CUSTOM CSS HERE.   ***************/
.ullist ul{
	margin:0px;
	padding:0px;
	list-style:none !important;
}
.ullist ul li{
	margin-left:0px;
	padding-left:25px;
	position:relative
}
.ullist ul li:after{
	width:14px;
	height:14px;
	content:"";
	z-index:1;
	position:absolute;
	left:0px;
	top:2px;
	background:url(/wp-content/uploads/2026/01/753344.png) no-repeat top left;
	z-index:1;
	background-size:cover !important
}
.boxman{
	position:relative
}
.boxman .col-inner{
	background:url(/wp-content/uploads/2026/01/16000326.png) no-repeat top center;
	background-size:100% !important;
}
.section.mocua .thead h2{
	font-size:38px !important
}
header.archive-page-header h1{
	margin-top:30px;
	margin-bottom:20px;
	color:#ee0000 !important;
	font-size:32px;
}
.btdetail{
	padding:10px 40px !important;
	font-size:14px !important;
	border-width:1px !important
}
.tientrinh .wpsm_progress-title{
	font-family: "Noto Sans KR", sans-serif !important;
	font-size:16px !important;
	margin-bottom:5px !important;
	top:-32px !important
}
.tientrinh  .wpsm_progress-value{
	color:#fff !important;
	font-size:16px !important;
	font-weight:700 !important;
	font-family: "Noto Sans KR", sans-serif !important;
}
.pgray p{
	color:#555;
}
.blog-wrapper .box-text-inner.blog-post-inner{
	padding-left:20px;
	padding-top:15px;
	padding-right:20px;
	padding-bottom:15px;
}
.blog-wrapper .is-divider{
	background:#ee0000 !important;
	opacity:1 !important
}
.blog-wrapper .col.post-item .box-text.text-left{
	padding-top:0px !important
}
.col.post-item  .button.is-link{
	text-transform:none !important;
	font-weight:400 !important;
	font-size:13px !important;
	color:#ee0000 !important
	
}
.blog-wrapper .col.post-item .box-text-inner{
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.blog-wrapper.blog-archive .row>.large-10.col{
	        flex-basis: 100%;
        max-width: 100%;
}
.badge.absolute.post-date{
	display:none !important
}
ul.sub-menu.nav-dropdown {
	border:0px !important
}
ul.sub-menu.nav-dropdown a{
	font-size:14px;
}
.header-main ul.header-nav>li>a{
	font-size:15px;
	font-weight:500 !important
}
.header-button-1 .button{
	font-size:16px !important;
	font-weight:700 !important;
	position:relative;
}
.header-button-1 .button:after{
	content:"";
	z-index:2;
	background:url(/wp-content/uploads/2026/01/call-2.png) no-repeat top left;
	left:-35px;
	width:20px;
	height:20px;
	top:10px !important;
	display:block;
	position:absolute;
	background-size:cover !important
	
}
.header-main .nav-spacing-xlarge>li {
    margin: 0 20px;
}
.footerul ul{
	margin:0px;
	padding:0px;
	list-style:none !important;
}
.footerul ul li, .footerul ul li a{
	margin-left:0px !important;
	font-size:14px;
	
}
.bfooter p{
	font-size:14px;
}
.absolute-footer{
	background:#060606 !important;
	font-size:14px !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
	border-top:1px solid #dedede14;
}
.absolute-footer .copyright-footer{
	font-size:13px !important
}

.dkform .wpcf7-form{
	margin-bottom:0px;
}
.ngang p{
	display:flex;
	gap:15px;
}
.col.post-item .post-title a{
	font-size:20px;
}
.col.post-item  p{
	color:#555
}
.wpcf7-form-control.wpcf7-submit{
	padding-left:50px !important;
	padding-right:50px !important;
}
.dkform .wpcf7-form .wpcf7-form-control{
	height:50px;
	font-size:14px;
	padding-left:20px;
	border-radius:3px;
}
.lquytrinh p{
	font-size:15px;
}
.xdichvu .col-inner{
	    background-color: var(--e-global-color-da5f5bf);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.btall{
	padding:12px;
	font-size:14px;
	font-weight:600;
}
.xdichvu .is-divider{
	display:none !important
}
.xdichvu .post-title a{
	font-size:18px;
}
.xdichvu .from_the_blog_excerpt {
	color:#777;
}
.xdichvu .col.post-item .box-text{
	position:relative;
}
.xdichvu .col.post-item .box-text:after{
	position:absolute;
	left:0px;
	bottom:10px;
	right:0px;
	margin: 0 auto !important;
	text-align:center;
	width:18px;
	height:18px;
	display:block !important;
	background:url(/wp-content/uploads/2026/01/chevron.png) no-repeat top center;
	background-size:cover !important;
	content:"";
}

.xdichvu .post-title{
	margin-bottom:15px;
}
.thead p{
		color:#666;
	font-size:15px;
}
.itieude h2, .thead h2{
	font-size:34px;
}
.textmain p{
	color:#666;
	font-size:15px;
}
.textmain h3{
    margin-bottom: 30px;
    font-size: 24px;
}
.listtieuchi img{
	opacity:0.08;
}
.itieude  img{
	opacity:0.2;
}
.listtieuchi .icon-box-text{
	margin-top:-120px;
}
.listtieuchi .icon-box-text h3{
	text-transform:uppercase;
	margin-bottom:3px !important
}
.listtieuchi .icon-box-text p{
	color:#777 !important;
	font-size:14px;
}
.banmain h1, .banmain h2{
	font-size:50px;
	line-height:60px;
	margin-bottom:30px !important;
}
.slihome .banner{
	position:relative
}
.slihome .banner:after{
	z-index:1;
	content:"";
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	height:100px;
	background:#fff !important;
	display:block
}
.slihome .banner .banner-layers.container{
	z-index:8;
}
.imghome{
	z-index:8;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.logofmb img{
		width:auto !important;
		max-height:70px !important;
		margin: 0 auto !important
	}
	.listtieuchi .icon-box-text h3{
		font-size:13px !important
	}
	.itieude .icon-box-img{
		width:75px !important
	}
.textmain h3 {
    font-size: 18px;
}
#logo {
    width: 80px !important;
}
	.header-button-1 .button {
    font-size: 15px !important;

    white-space: nowrap;
}
	.off-canvas .nav-vertical>li>a{
		text-transform:none !important
	}
.banmain h1, .banmain h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px !important;
}
	.listtieuchi .icon-box-text {
    margin-top: 20px !important;
}
	.itieude h2, .thead h2 {
    font-size: 24px;
}
}