/*
Theme Name: Travel
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

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

.section-title-normal {
	border-bottom: none !important;

	span {
		border-bottom: none !important;
	}
}

/*************** ADD CUSTOM CSS HERE.   ***************/
.pd-0 {
	padding-bottom: 0px
}

li .hotline a {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.header-search-form-wrapper {
	color: #000
}

.header-search-form-wrapper .search-field {
	border-color: #000 !important
}

.header-search-form-wrapper .search-field::placeholder {
	color: #d9d9d9 !important
}

.nav>li.has-icon>a>i {
	color: #000;
}

.button {
	border-radius: 5px
}
.d-none{
	display:none;
}
@media(max-width:549px) {
	#logo {
		width: 100px !important
	}

	.hotline a {
		font-size: 14px;
		white-space: nowrap;
	}

	.header-main {
		height: 80px !important
	}

	.header.show-on-scroll,
	.stuck .header-main {
/* 		height: 40px !important */
	}

	li.current-dropdown>.nav-dropdown {
		left: -105px !important;
	}
}
.wpcf7 form .wpcf7-response-output {
	border:none!important;
}
.flickity-viewport {
	.flickity-slider {
		.row {
			top: 0;
		}
	}
}

.post-item .col-inner {
	border-radius: 5px;
	overflow: visible;
}

.section4 .slider .row {
	max-width: 25%;
	opacity: 1;
	margin-left: 0;
	margin-right: 0;
}

.section4 .slider .row .col-inner .box {
	border-radius: 8px;
	overflow: hidden
}

.section4 .slider .row .col {
	padding: 0 5px 30px;
}

.custom-product-k {
	.col-inner {
		border-radius: 4px;
		overflow: hidden;
	}
}

.wpcf7-spinner {
	display: none;
}

/* archive product */
.product-small .star-rating {
	margin-left: 0px;
}

.product-small .col-inner {
	border-radius: 5px;
	overflow: hidden
}

.product-small .product-title,
.post-title a,
.product-small .product-title 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 */
	font-size: 16px;
	text-align: left;
}

.info_tour_single {
	list-style: none;
	margin-bottom: 0px
}

.info_tour_single li {
	margin-left: 0px !important;
	color: #76809b;
	text-align: left;
	margin-bottom: 0px;

	strong {
		color: #000;
		font-weight: 500;
	}
}

.price-wrapper .price {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.price del,
.price del bdi {
	font-size: 14px;
	font-weight: 550;
	color: #5d5d5d !important;
}

.price ins bdi,
.price bdi {
	color: rgb(224, 22, 0);
	font-size: 20px
}

.price-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.button.book-now {
	font-size: 14px;
	text-transform: inherit;
	margin: 0px;
	display: block;
	background: #fff;
	color: var(--primary-color);
	padding: 5px 15px;
	border-radius: 5px;
	border-color: var(--primary-color);
	box-shadow: none;
}

.button.book-now:hover {
	color: #fff;
	background: var(--primary-color)
}

/* single product */

.product-short-description {
	position: relative;
	margin-top: 1rem;
	overflow-y: auto;
	height: 150px;
	padding: 0 25px;
	text-align: justify;
	color: #2d4271;
	font-size: .875rem;
}

.product-short-description::-webkit-scrollbar {
	width: 3px;
}

.product-short-description::-webkit-scrollbar-thumb {
	background: #2d4271;
}

.product-short-description::-webkit-scrollbar-track {
	background: #d9d9d9;
}

.product-info {
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 1rem;
	display: grid;
	grid: auto / auto auto;
	column-gap: 30px;
	padding-top: 0px;
}

.product-info li {
	display: flex;
	list-style: none;
	font-size: .875rem;
	color: #2d4271;
	margin-bottom: 5px;
	margin-left: 0px !important;
}

.product-info li i {
	color: #fbbc05;
	margin-right: 5px;
	width: 16px;
	flex-shrink: 0;
	transform: translateY(3px);
}

.product-info li span {
	display: inline-block;
	font-weight: 700;
	margin-right: 2px;
}

.form-button {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.btn-long {
	width: 49%;
	color: #fff;
	margin-top: 25px;
	text-align: center;
	border-radius: 5px;
	padding: 6px;
	position: relative;
	z-index: 1;
	transition: all .5s;
	background: var(--primary-color);
}

.btn-orange,
.bg-orange {
	background: var(--fs-color-secondary);
	border-radius: 8px;
	border: 0;
	color: #fff;
	border-radius: .25rem;
}

.btn-long span {
	font-size: 16px;
	line-height: 24px;
}

.btn:hover {
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.action-book a {
	font-weight: 700;
	font-size: 24px;
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 10px 15px;
}

.action-book a span {
	display: block;
	font-size: 14px;
	font-weight: 400;
}

.sub-info-tour {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

.sub-info-tour li {
	margin: 0px !important;
	font-size: 13px;
	padding: 8px 0;
	border-bottom: 1px #eee solid;
	color: var(--primary-color);

}

.tabbed-content ul li a {
	background: var(--primary-color);
	color: #fff !important;
	padding: 5px 15px;
	font-size: 16px;
	border-radius: 99px
}

.tabbed-content ul li.active a {
	background: var(--fs-color-secondary);
}

.box-border>.col-inner,
.tabbed-content.box-border,
.related-products-wrapper,
.box-border .is-sticky-column {
	padding: 20px;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #e8e9e7;
	margin-bottom: 20px
}

.lo-trinh-container {
	margin-left: 55px;
	padding-left: 20px;
	position: relative;
}

.lo-trinh-container::before {
	content: "";
	position: absolute;
	top: -10px;
	left: -20px;
	height: calc(100% + 4px);
	border-left: 1px dashed #2d4271;
}

.lo-trinh-item {
	position: relative;
	margin-bottom: 20px;
}

.lo-trinh-container .ngay {
	position: absolute;
	top: 0;
	left: -11%;
	color: #2d4271;
	font-size: .875rem;
	
	@media screen and (max-width:768px){
		left:-30%;
	}
}

.lo-trinh-container .ngay span {
	color: #fff;
	background: var(--fs-color-secondary);
	font-weight: 700;
	font-size: 12px;
	border-radius: 50%;
	line-height: 1.5rem;
	width: 64px;
	text-align: center;
	display: inline-block;
}

.bang-gia-tour-container tr:first-child td,
.bang-gia-tour-container tr:first-child th {
	color: #fff;
	background: #ff5b00;
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 15px 6px;
	border: none
}

.bang-gia-tour-container table {
	border: unset;
}

.bang-gia-tour-container tbody td {
	border: unset;
	border-bottom: 1px dashed #ccc;
}

.bang-gia-tour-container td:nth-child(1),
.bang-gia-tour-container th:nth-child(1) {
	color: #2d4271;
	font-weight: 700;
	width: 25%;
	text-align: left !important;
	padding: 10px 15px 6px;
	vertical-align: baseline;
}

.hotline-product {
	overflow: hidden;
	display: flex;
	justify-content: center;
	padding: .5rem !important;
	margin-top: 1.5rem !important;
}

.hotline-product .icon {
	width: 60px;
	float: left;
}

.hotline-product .icon i {
	color: var(--fs-color-secondary);
	font-size: 50px;
}

.hotline-product .text {
	display: block;
	margin-top: -6px;
	color: #2d4271;
}

.hotline-product .text a {
	display: block;
	color: var(--fs-color-secondary);
	font-size: 24px;
	font-weight: 700;
	margin-top: -7px;
}

@media(max-width:767px) {

	.box-border ul li {
		font-size: 14px
	}

	.form-button {
		display: none
	}

	.product-info {
		display: block;
		margin-top: 20px;
	}

	.product-short-description {
		padding: 0px;
		padding-right: 10px;
	}

	.single-product .row-2 .large-8 {
		order: 1
	}

	.tabbed-content.box-border ul.nav-simple {
		flex-direction: row;
		gap: 5px
	}

	.tabbed-content.box-border ul.nav-simple li a {
		font-size: 14px !important;
		width: 100%;
		text-transform: capitalize
	}

	.tabbed-content.box-border ul.nav-simple li {
		margin-right: 0px;
		width: 49%;
		justify-content: space-between;
	}

	.tabbed-content.box-border .tab-panels p {
		font-size: 13px
	}
}

/* Đánh giá khách hàng */
.section-danhgia .slider .row {
	background-color: #f5f5f5;
	border-radius: 20px;
	padding: 25px 15px;
}

.section-danhgia .slider .row img {
	border-radius: 50%;
	height: 250px;
	width: 250px
}

.hide {
	display: none
}

.list-img .col {
	padding: 0 2px;
	overflow: hidden;
	margin-bottom: 4px;
	max-height: 400px;
	display: block
}

.list-img a {
	display: block;
	height: 100%;

}

.list-album a {
	height: 200px;
	border-radius: 10px;
	overflow: hidden;
}

.list-img img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
	display: block;
}

.list-album {
	display: flex;
	flex-wrap: wrap;
}

.list-album .col-6 {
	width: 50%;
	padding: 0 2px;
	margin-bottom: 4px;
	overflow: hidden;

}

.list-img .title-image {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 35px 20px 10px;
	color: #fff;
}

.list-img .title-image::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(106, 106, 106, 0) 0%, #3c3c3c 100%);
	mix-blend-mode: multiply;
	opacity: .7;
	border-radius: 5px;
}

.list-img .title-image span {
	position: relative;
	line-height: 18px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.box-border .price {
	margin-bottom: 0px
}

@media(max-width: 549px) {
	.box-border .product-title {
		display: none
	}

	.box-border .woocommerce-product-rating {
		display: none
	}
}

/* archive blogs */
.is-divider {
	display: none
}


.list-post1 .post-item .col-inner {
	background-color: #fff;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0px 0px 6px 0px #00000040;
}

.blog-archive .post-item .box-image {
	border-radius: 8px;
}

.list-post1 .post-item .box-image .image-cover {
	padding-top: 70% !important;
}

.list-post1 .post-item .box-text {
	padding: 10px 0 0px 0px !important;
}

.list-post2 .col-inner {
	background-color: #fff;
	padding: 5px;
	border-radius: 8px;
	box-shadow: 0px 0px 6px 0px #00000040;
	margin-bottom: 15px
}

.blog-archive .post-item .post-title {
	font-size: 19px;
}

.list-post1 .post-item .post-title {
	font-size: 16px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.blog-archive .post-item .from_the_blog_excerpt {
	color: #848484;
	font-size: 14px;
	line-height: 20px;
}

.list-post2 .post-item .box-image .image-cover {
	padding-top: 80% !important;
}

.list-post2 .post-item .post-title {
	font-size: 16px;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.blog-archive .post-item .box-image .image-cover {
	padding-top: 85% !important;
}

.blog-archive .post-item .box-text {
	padding: 0;
	padding-left: 15px;
}

.block-post2 .col-inner {
	padding-bottom: 20px
}

.post-sidebar {
	padding: 15px !important;
	border-radius: 6px;
	background: #fff;
	border: 1px solid #e8e9e7;
	margin-bottom: 20px;
}

/* Popop Booking */
.form-row {
	width: 100%;
}

.column-half,
.column-full {
	float: left;
	position: relative;
	padding: 0px 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

form.wpcf7-form.invalid {
	display: flex;
	flex-wrap: wrap;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) {
	.popup-booking .column-half {
		width: 50%;
	}
}

.popup-booking label input.wpcf7-form-control,
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 40px;
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: none !important
}

.popup-booking .wpcf7 input[type="text"]:focus {
	background: #fff;
}

.popup-booking .wpcf7-submit {
	background: var(--fs-color-secondary) !important;
	float: right;
	color: #fff;
	text-transform: uppercase;
	border-radius: 8px !important;
	padding: 8px 20px;
	cursor: pointer;
	border: 1px solid var(--primary-color) !important;
	box-shadow: none !important
}

.popup-booking span.wpcf7-not-valid-tip {
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}

.popup-booking div.wpcf7-validation-errors {
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}

.popup-booking div.wpcf7-mail-sent-ok {
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

.popup-booking {
	padding: 30px;
	background: linear-gradient(to right, #37b349, #00d41ffa);
	border-radius: 12px;
}

.popup-booking h2 {
	text-transform: capitalize;
}

.popup-booking label {
	color: #fff
}

.popup-booking .wpcf7-submit {
	left: 50%;
	transform: translateX(-50%);
	float: unset;
	background: var(--fs-color-secondary);
	border-color: var(--fs-color-secondary) !important;
}

.popup-booking .wpcf7-submit:hover {
	background: #fff;
	border-color: #fff !important
}

/* lightbox điểm đến */
#popup-diemden {
	height: 430px
}

.tab-diemden ul li a {
	padding: 16px 20px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	border-bottom: 1px #eee solid;
	color: #2d4271;
	border-radius: 0px;
	background: #fff;
	color: #000 !important;
	margin-right: 0px;
}

.tab-diemden ul li.active a {
	color: #fff !important;
	background: linear-gradient(to right, #0041B8, #0BA2DC);
}

.tab-diemden .tab-panels {
	padding: 15px 30px 15px 10px;
}

.tab-diemden .row ul li {
	color: #2d4271;
	font-size: 12px;
	padding: 0 5px;
	display: inline-block;
	margin: 0px !important;
}

/* section tour nỗi bật */

/* footer */
.register-email {
	display: flex;
}

.box-subcribe {
	display: flex;
}

@media(max-width:767px) {
	.box-subcribe {
		display: flex;
		flex-direction: column;
		gap: 10px
	}

	.section5 .nav-outline {
		overflow-x: auto;
		flex-wrap: nowrap;
		white-space: nowrap;
		padding-bottom: 10px;
		justify-content: flex-start;
	}
}

ul.nav.nav-outline.nav-uppercase.nav-size-normal.nav-center li {
	margin-right: 15px;
}

.title-single h2,
.box-border h2 {
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid
}

.thong-tin-dau-trang a {
  line-height: 29px;
}

/* .archive .product-small.col {
  flex-basis: 100%;
  max-width: 100%
} */

.banner .text-box {
  width: 100% !important
}

.section4 .slider .row {
  max-width: 50% !important
}

.section4 .flickity-slider {
  left: 0 !important;
}

.section4 .flickity-prev-next-button {
  top: 14%;
  display: block
}

.section5 .tabbed-content li a {
  padding: 3px 6px 3px;
}

.section5 .large-columns-3 .col {
  padding-bottom: 15px;
  max-width: 100%;
  flex-basis: 100%
}

.product-small .product-title a,
.list-post .post-item .post-title {
  font-size: 14px;
}

.product-small .thuoc-tinh {
  font-size: 13px;
}

.product-small .price ins bdi,
.product-small .price span.amount {
  font-size: 14px;
}

.single-product .product-thumbnails {
  display: none
}

.product-main {
  padding: 0;
}

.single-product .shop-container .large-8 {
  padding-right: 15px;
}

.product-info .product-title {
  font-size: 19px;
}

.box-price .row-info {
  display: block
}

.box-price .row-info .cot1 {
  display: inline-block;
  float: left;
  width: 50%;
  padding-right: 0;
}

.box-price .row-info .cot2 {
  display: inline-block;
  float: left;
  width: 50%;
  padding-right: 0;
}

.box-price .row-info .cot3 {
  display: block;
  float: right;
  width: 100%;
  padding-left: 0;
}

.section8 .col.large-2 {
  flex-basis: 50%;
  max-width: 50%
}

.section8 .icon-box h3 {
  font-size: 16px;
}

.section9 .col {
  padding-bottom: 15px
}

.nut-xem-them-3 {
  letter-spacing: 0px;
  font-size: 16px;
}

.top-footer ul li a {
  font-size: 13px;
}

.top-footer ul li {
  margin-left: 0;
  margin-bottom: 3px;
}

.top-footer .number {
  font-size: 17px
}

.top-footer .contact-info {
  font-size: 14px
}

.section8 .icon-box p {
  font-size: 12px
}

.nut-xem-them {
  padding-left: 6px;
  padding-right: 6px;
  line-height: 38px;
  font-weight: normal;
  font-size: 13px;
  width: 100%;
}

.footer-bottom .col {
  font-size: 14px
}

.list-post .post-item {
  padding-bottom: 15px
}

.box-price {
  display: flex;
}

.blog-archive .large-8 .post-item .post-title {
  font-size: 19px;
}

.blog-archive .post-item .box-text {
  padding-bottom: 0
}

.blog-archive .post-item .col-inner {
  padding: 10px;
}

.blog-single .entry-title {
  font-size: 22px;
}

.xem-them ul li {
  padding-bottom: 0;
}

.xem-them ul li a {
  font-size: 16px;
}

.blog-single .entry-content h2 {
  font-size: 19px;
}

.blog-single .entry-content h3 {
  font-size: 18px;
}

.blog-single .entry-content h4 {
  font-size: 17px;
}

.blog-single .entry-content h5 {
  font-size: 16px;
}

.dat-tour .large-8 .col-inner {
  padding: 10px
}

.form-dat-tour .wpcf7-list-item {
  width: 50%
}

.page-right-sidebar .large-8 {
  padding-right: 15px
}

.contact-us .large-8 .col-inner {
  padding: 10px
}