/*
Theme Name: AT Child
Description: Custom child theme for AT Express
Author: AT Express
Template: flatsome
Version: 1.0.4
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

.atx-step .text-box p:last-child {
	margin-bottom: 0;
}

/* menu level 3 */
/* .nav-dropdown {
	display: flex !important;
	flex-direction: column;
	flex-wrap: wrap;
} */
.nav-dropdown li>a {
	display: flex !important;
	color: inherit;
}
.nav-dropdown li+li>a {
	border-top: 1px solid #ddd;
}
.nav-dropdown li.menu-item-has-children {
position: relative;
	display: flex;
	width: 100% !important;
}
.nav-dropdown li.menu-item-has-children::before {
	content: "";
	font-family: fl-icons !important;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translatey(-50%);
}
.nav-dropdown li.menu-item-has-children>a {
		color: inherit;
		width: 100% !important;
	font-weight: 400;
	text-transform: unset;
	font-size: inherit;
}
.nav-dropdown .sub-menu {
	border-radius: 15px;
	min-width: 250px;
	background-color: white;
	position: absolute;
	left: 999%;
	opacity: 0;
	top: -20px;
	padding: 20px 0 !important;
}
.nav-dropdown li.menu-item-has-children:hover>.sub-menu {
	left: 100%;
	opacity: 1;
}

.atx_project .portfolio-element-wrapper {
	margin-top: 0;
}
.project-tabs-wrapper .nav li {
	margin: 0 30px; 
}

@media(max-width: 1024px) {
.project-tabs-wrapper .nav {
	flex-wrap: nowrap;
	overflow-x: scroll;
	justify-content: flex-start;
}
	.project-tabs-wrapper .nav > li > a {
	white-space: nowrap;
}
}

/* Đội ngũ: mobile hiển thị nguyên ảnh, mỗi thành viên 1 hàng xếp dọc */
@media (max-width: 549px) {
	.atx_teams .slider .flickity-viewport {
		height: auto !important;
	}
	.atx_teams .slider .flickity-slider {
		position: static !important;
		transform: none !important;
	}
	.atx_teams .slider .flickity-slider > .row {
		position: relative !important;
		left: 0 !important;
		transform: none !important;
		opacity: 1 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.atx_teams .slider .flickity-prev-next-button,
	.atx_teams .slider .flickity-page-dots {
		display: none !important;
	}
	.atx_teams .slider .row > .col {
		flex-basis: 100%;
		max-width: 100%;
	}
	.atx_teams .slider .box-image {
		width: 100% !important;
		max-width: 400px;
		margin: 0 auto;
	}
	.atx_teams .slider .box-image-inner.image-cover {
		padding-top: 0 !important;
		height: auto;
	}
	.atx_teams .slider .box-image-inner.image-cover img {
		position: static;
		width: 100%;
		height: auto;
		object-fit: contain;
	}
}

/* Slider quốc gia: giữ tỉ lệ ảnh khi còn lazy-load để slider không tính sai chiều cao */
.country-slider .box-image img {
	aspect-ratio: 300 / 202;
	height: auto;
	object-fit: cover;
}