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

/*************** ADD CUSTOM CSS HERE.   ***************/
#top-bar .nav-center li{padding-top:6px; color: #fff; font-size: 16px;}
#top-bar .nav-center a{color: #fff;background: #ff8521;padding: 5px 90px;border-radius: 7px;font-weight: bold;margin-top: -5px;}
#top-bar .nav-center a:hover{background: #F7CE94;}
/* FOOTER */
.ux-footer-1 a, .ux-footer-2 a{color: rgb(205, 205, 205);}
.ux-footer-1 h4{margin-bottom: 15px;}
.ux-footer-1 p{margin-bottom: 5px;}
.absolute-footer{display: none;}
/* UX FILTER SEARCH */
.ux-filter-search{background: #fff; border-radius: 50px; margin-top: 20px; padding: 20px 20px; box-shadow: 5px 5px 5px 20px; box-shadow: 1px 1px 10px 1px #ccc;}
.ux-product-cat-select, .ux-all-activity-select, .ux-guests-select, .ux-date-select{width: 20%!important; margin: 0px 0.5%; float: left; border-radius: 50px!important; height: 44px; box-shadow: unset;}
.ux-filter-search input[type=date]{height: 44px!important;}
.ux-submit-search{width: 15%!important; margin: 0px 0.5%; float: left; border-radius: 50px!important; margin-right: 0px!important; height: 44px;}
.ux-product-cat-select::before{content: "\f14e"; font-family: "Font Awesome 6 Free"; display: block; width: 20px; height: 20px; position: absolute; top: 0px; left: 0px;}
.ux-all-activity-select{}
.ux-guests-select{}
.ux-submit-search{}
.accordion-item{background: #E8F7F2; border-radius: 10px; padding: 10px 24px; margin-bottom: 20px;}
.accordion-title{border-top: none!important;}
h3.accordion_title{font-size: 1.6em; margin-bottom: 20px;}
/* ux-inquire-contact */
#popup{border-radius: 20px;}
.ux-inquire-contact{background: #F6F4F0; border-radius: 20px; padding: 40px;}
.ux-inquire-contact input[type=submit]{width: 100%; border-radius: 5px; padding: 5px;}
.product-section{border-top: none!important;}
.product-footer .woocommerce-tabs{padding-top: 0px!important;}
.product-footer{margin-top: 0px!important;}
.ux-tour-overview .col {margin-bottom: 30px;}
.ux-tour-overview .col .col-inner{background: #e9f7f2; border-radius: 10px; padding: 24px;}
.ux-tour-overview .col .col-inner p{min-height: 60px; margin-bottom: 0px;}
.ux-tour-overview .col .col-inner img{height: 45px!important; width: auto;}
.product-section-title-related {padding-left: 12px;}
/* SINGLE PRODUCTS */
.product-container .container{max-width: 100%;}
.single-product .row{max-width: 1180px; margin: 0 auto!important;}
.ux-product-thumbnail{background-size: cover!important; background-position: center!important; min-height: 500px; position: relative;}
.ux-tour-name{position: absolute; width: 100%; bottom: 0px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));}
.ux-tour-info h1{color: #fff;}
.inquirethistour{background: rgb(243, 147, 36); border-radius: 10px 10px 0px 0px; color: #fff; padding: 10px 20px; text-align: center;}
.inquirethistour p:first-child{margin-bottom: 5px;}
.inquirethistour .price-wrapper{padding-bottom: 20px;}
.inquirethistour a{color: #fff; border: 1px solid #fff; width: 100%; display: block; padding: 10px 30px; border-radius: 5px; font-weight: bold;}
.inquirethistour a:hover{color: #f70e3b; background: #fff;}
.inquirethistour p.price span.amount{color: #fff; font-size: 36px;}
.woocommerce-tabs .product-tabs{display: none;}
.product-footer .woocommerce-tabs{border-top: none!important;}
.ux-menu-product-detail ul li{list-style: none; display: inline; margin-left: 0px; margin-right: 20px; font-weight: bold;}
.ux-menu-product-detail ul{margin-bottom: 0px; padding: 12px 0px;}
.product-info .col{padding-bottom: 0px!important;}
.ux-container-product{margin-top: 20px!important;}
/* HEADER */
.nav > li > a{color: #000; font-size: 14.4px;}
.nav-small.nav > li.html{font-size: 12px; font-weight: bolder; color: #474747;}
.menu-item-777 > a{color: #F39324!important;}
/* SUB MENU */
.g-menu-tour-text > ul > li{list-style: none;}
.g-menu-tour-text h4{color: #000; font-size: 17px;}
.g-menu-tour-text > ul > li > a{line-height: 35px; margin-left: -20px; font-size: 15px; font-weight: 500;}
.g-menu-tour-col{border-right: 1px solid #F1F1F1; padding-bottom: 0;}
.small-12{padding-bottom: 0;}
/* FOOTER */
.g-footer-but span{font-size: 12.8px;}
.g-footer{background-image: url(/wp-content/uploads/2025/05/background_footer.webp); background-position: center center; background-repeat: no-repeat;}
/* HOME BANNER */
.g-homeban-text h1{color: #D7463D; font-size: 100px; line-height: 40px; letter-spacing: -5px;}
.g-homeban-text p{font-size: 30px;}
.g-homeban-text h3{font-size: 50px; font-weight: 700; line-height: 0; font-weight: bolder;}
.g-homeban-text2 h1{color: #D7463D; font-size: 90px; font-weight: bolder; letter-spacing: -5px;}
.g-homeban-text2 p{font-size: 30px; font-weight: 600; line-height: 50px; margin-top: 8px;}
/* GIỚI THIỆU */
.g-gioithieu h1{font-size: 35px; color: #000; font-weight: 800; padding-top: 35px;}
.g-gioithieu-col .col-inner{border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px 0px; width: 277px; min-height: 180px; padding-top: 24px; width: 100%; margin-right: 0px;}
.g-gioithieu-text p{font-size: 22px; font-weight: 600;}
/* DỊCH VỤ */
.g-dichvu h1{font-size: 25.6px; font-weight: 600;}
.g-dichvu p{font-size: 16px;}
.product-small .box-text{background-color: #E7F7F2; border-radius: 0 0 10px 10px; padding: 25px; min-height: 201px;}
.product-small .box-image{border-radius: 10px 10px 0 0;}
.product-small .box-text .product-title a{font-size: 18px; font-weight: 700; color: #000; min-height: 60px; overflow: hidden;}
.product-small .box-text .tour-customizable{color: #D7463D; font-size: 14px;}
.product-small .box-text .tour-duration{font-size: 14px;}
.product-small .box-text .tour-destination{font-size: 14px; min-height: 55px;}
.product-small .box-text .ux-viewtour{background-color: #426A5A; font-size: 13px; padding: 10px 20px; border-radius: 40px; color: #F1F1F1; margin-top: 20px;}
.product-small .box-text .price{width: 50%; float: right; text-align: right;} 
.product-small .box-text .ux-prepire {width: 50%; float: right; text-align: right; margin-top: 15px;}
.product-small .box-text bdi {width: 50%; float: right; text-align: right; color: red; font-size: 22px; margin-top: -19px;}
/* YÊU CẦU */
.g-yeucau p{font-size: 19.2px; font-weight: bolder;}
/* STYLE */
.g-style p{font-size: 16px; line-height: 24px;}
/* TÌM HIỂU THÊM */
.g-timhieu p{font-size: 18px; line-height: 28px;}
/* ĐÁNH GIÁ */
.g-danhgia p{font-size: 16px; margin-bottom: 3px;}
.g-danhgia .col-inner{padding-top: 40px;}
/* CHUYÊN GIA */
.g-chuyengia p{font-size: 13px; font-weight: 400; color: #474747;}
.g-chuyengia p strong{font-size: 16px; color: #000;}
.g-chuyengia .col .col-inner > p > img{border-radius: 75px;}
/* NỔI BẬT */
.g-noibat h4{color: #000; font-size: 16px;}
/* CÁC CHUYẾN ĐI */
.g-story h1{font-size: 30px;}
.g-story p{font-size: 16px;}
/* LIFE AT */
.g-blog-post .post-item .col-inner{border: 1px solid #ECECEC; border-radius: 8px;}
/* PAGE HANOI */
.accordion span{font-weight: 600;}
/* CÁC TRANG DỊCH VỤ */
.product-title{font-size: 45px;}
.large-7 .tour-more-info{display: flex; flex-wrap: wrap; gap: 20px; align-items: center; min-width: 1300px;}
.large-7 .tour-more-info p{display: flex; align-items: center; white-space: nowrap;}
.large-7 .tour-more-info p > i{margin-right: 5px;}
.ux-inquire-contact-content{text-align: left;}
/*.woocommerce-Tabs-panel p:first-child, .woocommerce-Tabs-panel p:nth-child(2){display: none;}*/
@media only screen and (max-width: 540px) { 
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.small-columns-2>.col{flex-basis: 100%;max-width: 100%;}
.ux-date-select, .ux-guests-select{display: none;}
}