/**
* Theme Name:     Hiroshi Lord
* Author:         Hiroshi Lord
* Template:       flatsome
* Text Domain:	   k-tech
* Description:    Theme Build by Hiroshi Lord
* Version:        2025
*/

/* DEFAULT NO BORDER AND LINE-THROUGH */
.section-title-center b {
	opacity: 0;
}

.section-title-normal {
	border-bottom: none;
}

.section-title-normal span {
	border-bottom: none;
}

.text-cap {
	span {
		text-transform: capitalize;
	}
}

.border-radius {
	border-radius: 8px;
	overflow: hidden;
}

h3.section-title {

	position: relative;

	&::before {
		content: "";
		border-bottom: 1px solid var(--fs-color-primary);
		border-top: 1px solid var(--fs-color-primary);
		display: table;
		top: 42%;
		width: 50%;
		position: absolute;
		z-index: 9;
		right: 0;
		height: 5px;
	}

	&::after {
		content: "";
		border-bottom: 1px solid var(--fs-color-primary);
		border-top: 1px solid var(--fs-color-primary);
		display: table;
		top: 42%;
		width: 50%;
		position: absolute;
		z-index: 9;
		height: 5px;
	}

	.section-title-main {
		background: white;
		overflow: hidden;
		z-index: 18;
		padding: 0 20px;
	}
}

.order-1 {
	@media screen and (max-width: 768px) {
		order: 1 !important;
	}
}

.sec-footer {
	.custom-menu .ux-menu-link__text {
		/* color: #ffff !important;
		text-align: left !important; */
	}
}

.header-main {
	.nav-pills>li>a {
		border-radius: 4px !important;
	}

	.nav-pills>li:hover>a {
		background-color: var(--fs-color-primary) !important;
		color: #fff !important;
	}
}

.overflow-hidden-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* Giới hạn tối đa 2 dòng */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* Hiện dấu ... nếu vượt quá */
	white-space: normal;
	/* Cho phép xuống dòng */
}

.wpcf7-spinner {
	display: none !important;
}

.wpcf7-form-control:not([type="submit"]) {
	border-radius: 8px;
	border: 1px solid #ccc !important;
	height: 50px;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.wpcf7-submit {
	margin-right: 0 !important;
	border-radius: 4px !important;
}

/* END */

/* PAGE HOME */
.sec-factory-home {
	.row_about_us {
		.col.large-4 {
			.col-inner:hover {
				.text p {
					color: #fff !important;
				}
			}
		}
	}
}

.row_product_1 {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	margin: 15px auto;

	.col.large-6 {
		padding: 15px;
	}
}

.sec-target-about {
	.col-sumenh {
		.col-inner {
			min-height: 380px;
			border-radius: 8px;
			overflow: hidden;
		}

		.text h2 {
			padding: 10px;
			text-align: center;
			background: #1a76d1;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
		}

		.content-sm {
			padding: 20px;
			text-align: justify;
			font-size: 18px;
		}

		&.bg {
			.text h2 {
				background: #27ae60;
			}
		}
	}
}

.custom-stack-about-k{
	display: flex;
	flex-wrap: wrap;      /* cho phép xuống hàng */
	gap: 16px;            /* khoảng cách giữa các cột */
	.text {
		flex: 0 0 calc((100% - 16px)/2); /* 2 cột mỗi hàng (trừ gap) */
		/* trang trí để nhìn rõ */
		padding: 12px;
		background-color: #f4f8fb !important;
		border-radius: 10px !important;
		box-sizing: border-box;	
		transition: all .25s ease;
		@media screen and (max-width:768px){
			flex-basis: 100%;
		}
		&:hover{
			box-shadow: 2px 3px 14px rgba(0, 0, 0, 0.16);
			background:var(--fs-color-primary)!important;
			h3, p {
				color:#fff;
			}
		}
		h3{
			font-size:38px;
			margin-bottom:0px!important;
			color:var(--fs-color-primary);
		}
		p{
			margin-bottom:15px!important;
			font-weight:600;
		}
	}
}