/*
Theme Name: Khai Pham Group
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'Aptos';
  src: url(/wp-content/themes/khaiphamgroup/fonts/Aptos.ttf);
}
@font-face {
  font-family: 'Aptos Bold';
  src: url(/wp-content/themes/khaiphamgroup/fonts/Aptos-Bold.ttf);
}
@font-face {
  font-family: 'Aptos Light';
  src: url(/wp-content/themes/khaiphamgroup/fonts/Aptos-Light.ttf);
}
body, p, li {
	font-family: 'Aptos'!important;
}
h1, h2, h3, h4 {
	font-family: 'Aptos Bold'!important;
}
.header-main .nav > li > ul {
		padding: 5px;
}
.header-main .nav > li > ul > li > a {
		color:#000;
}


.pageinner {
		background:#fff;
		border-radius: 10px;
		padding: 20px 20px 1px 20px;
}
.homereasons {
		margin-top: 30px;
		margin-bottom: 15px;
}
.homereasons .hometitle {
		text-align: center;
		text-transform: uppercase;
		font-size: 28px;
		font-weight: bold;
		color: #133255;
		margin-bottom: 20px;
}
.homereasons .pageinner {
		padding-top: 30px;
}
.homereasons .pageinner .col-inner {
		display: block;
}
.homereasons .img {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto; /* Căn giữa theo chiều ngang */
}
.homereasons .title {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
}
.homereasons .subtitle {
		font-size: 90%;
	  	text-align: center;
		margin-bottom:0;
}
.homebanner {
		margin-bottom: 20px;
}
.homecates {
		background-size: cover;
}
.homecates .cate {
		margin-top: -40px;
		position: relative;
		margin-bottom: 3px;
}
.homecates .cate span {
		background: linear-gradient(to top, #2266e1, #16006d);
		color:#fff;
		padding: 8px 25px 8px 10px;
		border-radius: 0 99px 0 0;
}
.product-small .box-text-products .category {
		display: inline-block;
		background: #133255;
		color:#fff;
		padding: 8px 25px 8px 10px;
		border-radius: 0 99px 0 20px;
		opacity: 1;
		text-transform: none;
		font-size: inherit;
		position: absolute;
		top: -35px;
		left: 15px;
}
.homecates .dot {
		background:#fff!important;
		opacity: 1!important;
}
.homecates .dot.is-selected {
		background:#faaf40!important;
}
.homecates .viewall {
		float: right;
		margin-top: -35px;
		margin-right:0;
		border-radius: 99px;
		text-transform: none;
		font-weight: normal;
	background:#f2f4f1!important;
	color: #000;
}
.inneroverlay {
		background: rgb(19,50,85, 0.7);
}
.homecates .inneroverlay {
		padding-top: 40px;
}
.proinner, .product-small .col-inner, .product-small.box  {
		background:#fff;
		border-radius: 8px;
}
.proinner .box-image, .product-small .box-image {
		border-radius: 8px 8px 0 0;
}
.proinner .box-text, .product-small .box-text {
		padding: 15px;
		margin-bottom:0;
		border-radius: 0 8px 8px 0;
}
.proinner .product-title {
		font-size: 15px;
		font-weight: normal;
}
.homelatest {
		margin-top: 50px;
		margin-bottom: 40px;
}
.homelatest .pageinner {
		padding-bottom: 20px;
}
.homelatest .hometitle {
		border-bottom: 1px solid;
		padding-bottom:0;
		margin-bottom: 20px;
}
.homelatest .news {
		border: 1px solid #ccc;
		padding: 10px 10px 0 10px;
		border-radius: 8px;
}
.homelatest .box-image {
		border-radius: 8px;
}
.homeexpert {
		max-height: 75px!important;
		overflow: hidden!important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: left;!important;
}
.homelatest .subtitle, .postinner h2 {
		max-height: 50px!important;
		overflow: hidden!important;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: left;!important;
}
.homelatest .subtitle a, .postinner h2 a {
		color:#000;
	font-size: 100%!important;
}
.homelatest .more, .postinner .more {
		font-weight: bold;
}
.homelatest .button {
		border-radius: 99px;
		margin-top: 20px;
		margin-bottom:10px;
		text-transform: none;
		font-weight: normal;
}
.postdate {
		opacity: 0.7;
		font-size: 95%;
		font-style: italic;
}
.postdate i {
		margin-right: 5px;
}
.homepartners {
		margin-bottom: 40px;
}
.homepartners .hometitle {
		border-bottom: 1px solid;
		padding-bottom: 10px;
		margin-bottom:0;
}
.homepartners .box-image {
		border-radius: 8px;
}
.footer-1 {
		padding-top: 50px;
		padding-bottom:0!important;
		margin-bottom:0!important;
}
.footer-2 {
		padding-top:0!important;
		padding-bottom: 10px;
}
.footer p, .footer ul li {
		margin-bottom: 10px;
}
.footer img {
		margin-bottom:0!important;
		border-radius: 8px;
}
.woocommerce-pagination .page-number {
		border-radius: 4px;
		border:1px solid;
}
.contactprice {
		border-radius: 5px;
		text-transform: none;
		color:#fff!important;
		margin-bottom:0!important;
		min-height:inherit!important;
		padding: 5px 25px;
		line-height: inherit!important;
		margin-top:10px!important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}