/*
Theme Name: HiroshiLord
Description: This is a child theme for Flatsome Theme
Author: HiroshiLord
Template: flatsome
Version: 3.0
*/
.text-capitalize span {
	text-transform: capitalize;
}
.entry-header-text.entry-header-text-top .is-divider{
	display: none;
}
/* 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; */
	border-color:var(--fs-color-alert);
}
.wpcf7-spinner {
	display: none;
}
.comments-area {
	display: none;
}
.custom-title-text span {
    --bg: #efc2b6;
    --angle: 8%;
    display: inline-block;
    position: relative;
    padding: 5px 40px;
    background: var(--bg);
/*     text-transform: uppercase; */
    font-weight: 800;
    color: var(--fs-color-alert);
    letter-spacing: 0.5px;
    clip-path: polygon(var(--angle) 0, 100% 0, calc(100% - var(--angle)) 100%, 0 100%);
}
.toggle-text {
  max-height: 150px;     /* chiều cao khi thu gọn */
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.toggle-btn {
  color:#fff;
  border:none;
  margin-top:6px;
  border-radius:6px;
  cursor:pointer;
  font-size:14px;
	margin-bottom:0;
}
.toggle-btn:hover { filter:brightness(.9); }
/* END */
/* POPUP */
#popup-overlay.show {
	opacity: 1;
	visibility: visible;
}
.custom-row-popup {
	background: var(--fs-color-primary);
}
.custom-row-popup .col {
	padding: 15px !important;
}
#close-popup {
	position: absolute;
	top: 0;
	right: -18px;
	font-size: 45px;
	color: var(--fs-color-alert);
	cursor: pointer;
	transition: color 0.3s;
	z-index: 999;
	padding: 0;
}
#popup-overlay {
	position: fixed;
	top: 10px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease, visibility 0.3s;
}
#popup-overlay .row {
	background-color: #fff;
	border-radius: 8px;
}
#popup-overlay .row .col {
	padding: 20px !important;
}
#popup-overlay .row .pt-0-popup {
	padding-top:0!important;
}
/* END */
/* HOME */
.row-three-phases .large-4 .col-inner {
	border-radius: 4px;
	overflow: hidden;
}
.post-item .is-divider {
	opacity: 0;
}
.row-three-phases .featured-box {
	position: relative;
	display: block;
	padding: 40px 20px 30px;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	border-radius: 5px;
	z-index: 99;
	min-height: 330px;
}
.row-three-phases .featured-box:hover {
	z-index: 1;
	background-color: #fff;
	-webkit-box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
	box-shadow: 0 0 40px rgba(51, 51, 51, 0.1) !important;
	border-radius: 4px;
	cursor: pointer;
}
.custom-blog-k .box-blog-post .box-image::before {
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(rgba(255, 42556, 255, 0)),
		to(rgba(255, 255, 255, 0.3))
	);
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
	z-index: 1;
}
.custom-blog-k .post-item .col-inner:hover .box-image::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
.custom-blog-k .post-item .col-inner {
	border-radius: 4px;
	overflow: hidden;
}

.custom-blog-k .post-item .post-title a {
	display: -webkit-box;
	-webkit-line-clamp: 2; /* Số dòng muốn hiển thị */
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 47px;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
}
.custom-class-footer .ux-menu-link {
	position: relative;
}
.custom-class-footer .ux-menu-link::before {
	position: absolute;
	top: 5%;
	right: 0;
	width: 2px;
	height: 25px;
	content: "";
	background-color: #fff;
	opacity: 0.1;
	z-index: -1;
}
.custom-class-footer .ux-menu-link:last-child:before {
	width: 0;
}
.custom-class-footer .ux-menu-link span.ux-menu-link__text {
	color: #fff !important;
	font-weight: 500;
	font-size: 14px;
	text-transform: capitalize;
	padding: 0 10px;
}
.custom-class-footer {
	flex-direction: row !important;
	justify-content: center !important;
}
.absolute-footer {
	display: none !important;
}
.section-gallery .slider {
	padding-bottom: 60px;
}
.section-gallery .slider .flickity-page-dots {
	transform: translateY(-30px) !important;
}
.section-testimonaials .slider .flickity-page-dots {
	transform: translateY(45px) !important;
}

/* PAGE DIFF */
.icon-border img {
	border-radius: 50%;
}
.slider-team .flickity-slider .row {
	transform: translateY(50%);
}
/* .custom-row-team .box .box-text {
height: 480px;
} */
.custom-row-team .social-icons {
	background-color: rgb(255, 243, 224);
	border-top: 1px solid rgb(62, 30, 77);
	padding: 10px;
	display: flex !important;
	justify-content: space-around;
	align-items: center;
}
.custom-row-team .box .box-image::before {
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(rgba(255, 42556, 255, 0)),
		to(rgba(255, 255, 255, 0.3))
	);
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.3) 100%
	);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
	z-index: 1;
}
.custom-row-team .col .col-inner:hover .box-image::before {
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
.custom-row-team .col .col-inner {
	border-radius: 8px;
	overflow: hidden;
}

.custom-form-k .wpcf7 input[type="text"],
.custom-form-k .wpcf7 input[type="email"],
.custom-form-k .wpcf7 textarea {
	width: 100%;
	padding: 12px;
	border: none;
	border-bottom: 1px solid #ccc !important;
	border-radius: 4px;
	font-size: 15px;
	transition: 0.3s;
	box-shadow: none;
}

.custom-form-k .wpcf7 input[type="text"]:focus,
.custom-form-k .wpcf7 input[type="email"]:focus,
.custom-form-k .wpcf7 textarea:focus {
	border-color: #f57c00 !important;
	outline: none;
	border-radius: 0;
}
.custom-form-k .wpcf7-submit.cf7-submit-btn {
	background-color: #f57c00;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	border-radius: 4px;
	margin-top: 20px;
	cursor: pointer;
	transition: 0.3s ease;
}

.custom-form-k .wpcf7-submit.cf7-submit-btn:hover {
	background-color: #e65100;
}
.blog-single .post-sidebar {
	padding: 0 15px!important;
}

.blog-single #secondary .flatsome_recent_posts .is-divider{
	display: none;
}
.blog-single .post-sidebar .widget-title {
	display: flex;
	background: var(--fs-color-success);
	padding: 15px;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-transform: capitalize;
}
.blog-single .post-sidebar ul{
	padding: 0 15px;
	border: 1px solid #ebebeb;
}
.custom-tab-new {
	li.tab{
		padding:20px;
		background-color:var(--fs-color-success);

		border-radius:8px;
		margin-bottom:10px;
		&.active{
			background-color:#346d18;
		}
		a{
			span{
				color:#fff
			}
			&::before{
				background:none;
			}
		}
	}
	.tab-panels{
		border-left:none!important
	}
}

.order-1{
		order:1;
}
.custom-row-key {
		padding:30px;
		background:#fcf3ea;
		border-radius:8px;
		max-width:80%;
		margin-top:10px;

		.icon-box{
				margin-bottom:10px;
				max-width:80%;
						
		}
}
.border-radius{
		overflow:hidden;
		border-radius:8px
}

.custom-icon-box-leadership{
		border-radius:8px;
		border:1px solid #ebebeb;
		padding:30px;
		max-width:70%;
		margin:10px auto;
}
@media screen and (max-width: 768px) {
	.button {
		margin-right: 0 !important;
	}
	#popup-overlay{
		top:0;
	}
	.section-gallery .col {
		padding-bottom: 0 !important;
	}
	.section-gallery .slider {
		padding-bottom: 100px;
	}
	.section-gallery .slider .flickity-prev-next-button {
		width: 35px !important;
	}
	.section-gallery .flickity-prev-next-button svg {
		top: 25% !important;
	}
	#close-popup {
		top: 16px;
		right: -10px;
	}
	#popup-overlay .row .content-event-popup {
		padding: 0 20px;
	}
	/*   #popup-overlay .section-content .row {
	padding-top: 40px !important;
} */
	#popup-overlay .content-event-popup .col-inner {
		max-height: 250px;
		overflow-y: auto;
	}
	/* WebKit-based browsers */
	.scroll-box::-webkit-scrollbar {
		width: 8px;
	}

	.scroll-box::-webkit-scrollbar-track {
		background: #333;
		border-radius: 10px;
	}

	.scroll-box::-webkit-scrollbar-thumb {
		background: #888;
		border-radius: 10px;
	}

	.scroll-box::-webkit-scrollbar-thumb:hover {
		background: #555;
	}
	.custom-row-team .box .box-text {
		height: auto;
	}
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}