/**
* Theme Name:     Hiroshi Lord
* Author:         Hiroshi Lord
* Template:       flatsome
* 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;

	img {
		border-radius: 8px;
	}
}

.absolute-footer {
	display: none;
}

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

.text-overflow {
	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 */

	a {
		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 */
	}
}

.d-none {
	display: none !important;
}

/* END */

.sec-blog-home {
	.custom-blog {
		.post-item {
			.post-title {
				a {
					display: -webkit-box;
					-webkit-line-clamp: 1;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: normal;
				}
			}

			.is-divider {
				display: none;
			}
		}
	}

	.blog-no-image {
		padding: 15px 15px 0 !important;

		.post-item {
			padding-bottom: 15px;

			.col-inner {

				.box-image {
					display: none;
				}

				.box-text {
					padding: 0;

					a {
						display: -webkit-box;
						-webkit-line-clamp: 1;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: normal;
					}

					.is-divider {
						display: none;
					}
				}

				.post-meta-custom {
					display: none !important;
				}

				&:hover {
					box-shadow: none !important;
				}
			}


		}


	}

	.custom-border-col {
		&>.col-inner {
			border: 1px solid #f0f0f0;

			.section-title-container {
				background-color: #f0f0f0;
				padding: 10px;
				margin-bottom: 15px !;

				h3 {
					margin-bottom: 0px;

					span {
						padding-bottom: 0;
					}
				}
			}
		}

	}
}

.sec-logo {
	.row {
		.col {
			padding-bottom: 0;

			.flickity-button {
				height: 100%;
				top: 0 !important;
			}
		}
	}
}

.sec-history {

	.custom-row-vector {
		padding-top: 30px;
		background-image: url(https://www.ls-electric.com.vn/wp-content/uploads/2025/03/Vector-36.svg);
		background-position: top center;
		background-repeat: no-repeat;

		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #fff;
			z-index: -1;
		}

		.pt {
			padding-top: 50px !important;
		}

		.col {
			&.left {
				.col-inner {
					/* background-color: red; */
					padding: 30px 30px 0;
					position: relative;

					&::before {
						content: '';
						position: absolute;
						top: 35px;
						right: -9px;
						width: 18px;
						height: 18px;
						border-radius: 50%;
						border: 3px solid var(--fs-color-primary);
						background: white;
					}

					&::after {
						content: '';
						position: absolute;
						top: 42px;
						right: 7px;
						width: 20px;
						height: 2px;
						background: #000;
					}
				}
			}

			&.right {
				.col-inner {
					/* background-color: whitesmoke; */
					padding: 30px 30px 0;

					&::before {
						content: '';
						position: absolute;
						top: 35px;
						left: -9px;
						width: 18px;
						height: 18px;
						border-radius: 50%;
						border: 3px solid var(--fs-color-primary);
						background: white;
					}

					&::after {
						content: '';
						position: absolute;
						top: 42px;
						left: 7px;
						width: 20px;
						height: 2px;
						background: #000;
					}
				}
			}
		}
	}

}


.sec-qa {
	.custom-text {
		background-color: whitesmoke;
		padding: 30px 15px;
		font-weight: 600;
		margin-bottom: 30px;
	}

	.question-list {
		border-top: 3px solid #ebebeb;
		padding-top: 30px;

		li {
			list-style: none;
			margin-left: 0;
			border-bottom: 1px solid #ebebeb;
			padding-bottom: 10px;

			.answer-preview {
				padding-left: 10px;
			}
		}
	}

	.question-pagination {
		margin-top: 20px;
		text-align: center;
	}

	.question-pagination a,
	.question-pagination span {
		display: inline-block;
		padding: 4px 16px;
		margin: 0 3px;
		border: 1px solid #ddd;
		font-size: 16px;
		border-radius: 4px;
	}

	.question-pagination .current {
		background: var(--fs-color-primary);
		color: #fff;
		border-color: var(--fs-color-primary);
	}

}

.sec-single-qa {
	.question-detail {
		max-width: 100%;
		margin: 0 auto;
	}

	.question-table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 25px;
	}

	.question-table th,
	.question-table td {
		border-top: 1px solid #ddd;
		padding: 14px 16px;
		vertical-align: top;
	}

	.question-table th {
		width: 180px;
		background: #f7f7f7;
		font-weight: 600;
		text-align: left;
	}

	.question-content {
		font-size: 15px;
		line-height: 1.7;
	}

	.question-answer {
		margin-top: 35px;
		padding-top: 20px;
		border-top: 2px solid var(--fs-color-primary);
	}

	.question-answer h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.answer-meta {
		font-size: 13px;
		color: #777;
		margin-bottom: 12px;
	}

	.answer-content {
		font-size: 15px;
		line-height: 1.7;
	}

}

.sec-policy {
	.custom-text {
		background-color: #f9f9f9;
		border: 1px solid #d7d7d7;
		padding: 30px 40px;
	}

}

.custom-col-icon {
	.col-inner {
		padding: 30px;
		border: 1px solid #ebebeb;
	}
}

.sec-marketing {
	.custom-col-text {
		height: 100%;

		.col-inner {
			min-height: 350px;
			background-color: #f9f9f9;
			border: 1px solid #d7d7d7;
			padding: 30px 24px;

			@media screen and (max-width:768px) {
				min-height: unset !important;
			}
		}
	}
}

.sec-dh {
	.custom-accordion {
		.accordion-inner {
			padding: 0;
			background-color: #fbfbfb;

			table {
				tr {

					border-bottom: 1px solid #e5e5e5;
					border-top: 1px solid #e5e5e5;

					td {
						padding: 15px;
					}
				}
			}
		}
	}
}

.post-item {
	.col-inner {
		border-radius: 8px;
		overflow: hidden;



		.post-title {
			a {
				display: -webkit-box;
				-webkit-line-clamp: 1;
				/* 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 */
			}
		}

		.is-divider {
			display: none;
		}

		.post-meta-custom {
			display: flex;
			align-items: center;
			justify-content: start;
			gap: 15px;
			font-size: 12px;
		}

		.box-text {
			padding: 10px;
		}

		&:hover {
			box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		}
	}


}

.custom-menu-blog {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: 15px;
	border-bottom: 1px solid #000;

	.ux-menu-link__link {
		display: block;
		padding: 18px 27px;
		font-size: 18px;
	}

	.ux-menu-link {


		&.ux-menu-link--active {
			.ux-menu-link__link {
				background-color: var(--fs-color-primary);
				color: #fff;
			}
		}

		&:hover {
			.ux-menu-link__link {
				background-color: var(--fs-color-primary);
				color: #fff;
			}
		}
	}

	@media screen and (max-width:768px) {
		display: none !important;
	}
}

.sec-join {
	table {
		border-top: 2px solid #0a2461;
		border-collapse: collapse;
		margin: 20px auto;

		tbody {
			tr {
				&:first-child {
					td {
						border: 1px solid #dbdbdb;
						text-align: center;
						background: #f7f8f9;
						color: #333;
						font-size: 16px;
						font-weight: 500;
						padding: 10px 0;
					}
				}

				td {
					border: 1px solid #dbdbdb;
					padding: 10px;
					background: #fff;
					line-height: 22px;
					color: #656565;
					text-align: center;
					font-size: 15px;
					font-weight: 400;

					&[colspan] {
						padding: 10px 20px;
						background: #e6ecf8;
						text-align: left;
						font-weight: 800;
						color: #333;
					}
				}
			}
		}
	}
}

#fc-calendar {
	.fc-toolbar-title {
		@media screen and (max-width:768px) {
			font-size: 20px;
		}
	}
}
.custom-stack-video {
	.box {
		.box-text {
			position:absolute;
			top:0;
		}
	}
}

.custom-table-promotion-mem {
	table {

		tr {
			&:first-child {
				background:#8EAADB;		td {
					font-weight:600;
					font-size:18px;
					color:#000;
				}
			}
			td {
				text-align:center;
				color:#000;
				border:1px solid #000;
				font-size:16px;
				&:first-child {
					width:50px!important
				}
			}
		}
	}
}