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

/*************** ADD CUSTOM CSS HERE.   ***************/


body{overflow-x:hidden; }
a:focus, a:focus-visible,button:focus, button:focus-visible {
    outline: unset;
}
/*----------global----------*/
/*---căn đều sẳn phẩm---*/
.has-shadow>.col>.col-inner {
    height: 100%;
		background-color: #fff;
}
.flickity-viewport .col.is-selected {
    height: 100%;
}
.flickity-viewport .col-inner {
    height: 100%;
		background-color: #fff;
}
.sec_tin_tuc .flickity-viewport .col-inner {
		border-top: 1px solid #eee;
    height: 100%;
		background-color: #fff;
}
/*---end căn đều sẳn phẩm---*/

/*---style custom title---*/
.custom_title h3 {
    color: #6e747c;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
}
.custom_title i{
    font-size: 28px;
    color: #c6c6c6;
    margin-left: 60px;
    position: relative;
}
.custom_title i:after {
    position: absolute;
    content: '';
    width: 54px;
    height: 2px;
    background-color: #ffdd00;
    right: 105%;
    bottom: 7px;
}
.custom_title h2 {
    color: #434a54;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 5px 0 30px 0;
}
.custom_title.ct_light h2,
.custom_title.ct_light h3{
    color: #fff;
}
.mona-title {
    position: relative;
    font-size: 1.8em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.3em;
    position: relative;
    margin-bottom:10px;
    color: #6e3b1e;
}

@media screen and (max-width:549px){
	.mona-title {
		font-size:1.3em;
	}
}
#search-lightbox.dark form input[type="search"].search-field {
    background-color: #fff!important;
    color: #000!Important;
}

#search-lightbox.dark form button.ux-search-submit i {
    color: #000!important;
    font-size: 1.3rem;
}

#search-lightbox.dark form input[type="search"].search-field::placeholder {
    color: #000!important;
}
@media screen and (max-width:849px){
    #search-lightbox.dark form .live-search-results .autocomplete-suggestion, #search-lightbox.dark form .live-search-results .autocomplete-suggestion .search-price {
    font-size: 14px;
    font-weight: 700;
}

#search-lightbox.dark form .live-search-results .autocomplete-suggestion {
    display: flex;
    align-items: flex-start;
}
}
/*---end style custom title---*/
/*--------end global--------*/


/*----------header----------*/
/*---style .header-top---*/
#header {
		position: relative;
}
.shop-page-title.category-page-title.page-title.featured-title.dark {
/*    padding: 0px;*/
/*		margin-top: 30px;*/
}
.header-main #logo img {
/*		margin: 15px 0px;*/
}
.header-main ul li a span {
		color: #333;
}
.header-main ul.header-nav li {
/*		padding: 0px 20px;*/
}
.header-main ul.header-nav li ul li{
		padding: 0px 0px;
}
.header-main ul li a span:hover {
		color: #ff6600;
}
.header-top {
    border-bottom: 1px solid rgba(220, 220, 220, 0.3);
}
.header-top ul.header-contact {
    border-left: 1px solid rgba(220, 220, 220, 0.3);
    padding: 5px 20px;
}
.header-top ul.header-contact:hover a{
    color: #ffdd00;
    opacity: 1;
}
.header-top li.html.header-social-icons.ml-0 a{
    border-right: 1px solid rgba(220, 220, 220, 0.3);
    margin: 0;
    padding: 14px 20px;
}
.header-top li.html.header-social-icons.ml-0 a:first-child{
    border-left: 1px solid rgba(220, 220, 220, 0.3);
}
.header-top li.html.header-social-icons.ml-0 a:hover{
    color: #ffdd00;
    opacity: 1;
}
/*---end style .header-top---*/

/*---style active nav menu---*/
li.current-menu-item a:before{
    color: #FFF!important;
    background-color: #ffdd00;
    opacity: 1;
}
/*--------end header--------*/
p.name.product-title.woocommerce-loop-product__title a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 37px;
}
span.product-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
p.category.product-cat {
    background: var(--primary-color);
    width: max-content;
    padding: 5px 10px;
    border-radius: 4px;
/*    position: absolute;*/
/*    bottom: 105%;*/
    opacity: 1;
/*    left: 5px;*/
    color: #fff;
}
/*-----------content----------*/
/*---style title banner---*/
/*.sec_tour_location .banner h2 {
		margin-bottom: 200px;
}
.sec_tour_location .banner p, .banner h3 {
		margin-bottom: 20px;
}*/
.sec_tour_location .slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
		fill: #ff6600;
}
.sec_tour_cities .entry-content ol li, .entry-summary ol li, .col-inner ol li, .entry-content ul li, .entry-summary ul li, .col-inner ul li {
		font-size: 1.3em;
}
.group-title {
    padding-top: 50px;
    margin-bottom: 20px;
}
.group-title .banner{
    font-size: 100px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 900;
    color: #fff;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 15%, #ffffff 35%, #ffffff 50%, #ffffff 85%, #ffdd00 90%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: color-text 8s linear infinite;
}
.group-title .sub-banner {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
    letter-spacing: 1px;
    display: inline-block;
}
.group-title .sub-banner .boder {
    border-bottom: 1px solid #fff;
    display: inline-block;
}
a.button.primary.is-outline.btn-click {
    margin-top: 50px;
    width: 220px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background-color: transparent;
    border-radius: 50px;
    padding: 5px 0 5px 15px;
    position: relative;
    text-align: center;
    color: #ffdd00;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
}
.btn-click i.icon-angle-right {
    position: absolute;
    left: -4px;
    top: 1px;
    bottom: 1px;
    padding: 10px 15px;
    border-radius: 50%;
    text-align: center;
    color: #ffdd00;
    background-color: rgba(255, 255, 255, 0.6);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
a.btn-click:hover i.icon-angle-right {
    left: 176px;
    background-color: #ffffff;
}
@media screen and (min-width:849px){
	.sec_tour_location .slider-nav-outside .flickity-prev-next-button{
        color:var(--primary-color);
    }
	.sec_tour_location .slider-nav-outside .flickity-prev-next-button.next {
	    left: 101%;
	}

	.sec_tour_location .slider-nav-outside .flickity-prev-next-button.previous {
	    right: 101%;
	}
}
/*---end style title banner---*/


/*---style sec_search---*/
.sec_search{
		z-index: 8;
		background-color: #fff !important;
}

/*---style search form---*/
/*------tab-----*/

.wpf_layout_horizontal .wpf_item, 
.wpf_items_group.wpf_left_tab{
	border-radius: 10px;
}
.sec_search .tabbed-content .tab-panels {
		background: var(--primary-color) !important;
}
.sec_search .tabbed-content .tab-panels h3 {
		color: #fff;
}
.row_form_search .nav-tabs+.tab-panels {
    border: 0px solid #ddd;
    background: var(--primary-color);
    padding: 0px;
    border-radius: 5px;
}
.row_form_search .nav-tabs > li > a {
    border: 0px solid #ccc;
    border-top: 0px solid #ccc;
    color: #fff;
		background: rgba(0, 0, 0, 0.40);
    padding: 15px 50px;
}
.row_form_search .nav-tabs > li:first-child > a {
      border-radius: 10px 10px 0 0;
}
.wpf_layout_horizontal .wpf_items_group {
    max-height: 300px;
    overflow: auto;
   
}
.wpf_layout_horizontal .wpf_items_group::-webkit-scrollbar {
  width: 6px;
    border-radius:10px;
}

.wpf_layout_horizontal .wpf_items_group::-webkit-scrollbar-track {
  /* background-color: var(--primary-color);     */
    background-color:#ff6600;
    border-radius:10px;
}

.wpf_layout_horizontal .wpf_items_group::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgb(0 0 0 / 59%);    
    border-radius:10px;
}
@media screen and (max-width:549px){
	.wpf_item {
	    width: 100%;
	}

	.wpf_items_wrapper.wpf_layout_horizontal.wpf_items_grouped {
	    padding: 10px;
	}

	.wpf_layout_horizontal .wpf_item {
	    text-align: left;
	    margin-bottom: 10px;
	}

	.wpf_layout_horizontal .wpf_items_group { 
	    width: 100%!important;
	}

}
/*.row_form_search .nav-tabs > li:last-child > a {
    border-radius: 15px 15px 0 0;
}*/
.row_form_search .nav-tabs > li:hover > a {
    background: rgba(0, 0, 0, 0.60);
    color: #ff6600;
    padding: 15px 50px;
}
.row_form_search .nav-tabs > li.active > a {
    border-top: 0px solid #ccc;
    background: var(--primary-color);
    color: #fff;

}

.tabbed-content .nav-tabs>li {
    margin: 0 .1em;
    margin-bottom: 0px;
}
.wpf_items_wrapper .wpf_item ul.wpf_hierachy>li {
    margin-left: 0;
}
.wpf_layout_horizontal .wpf_search_button{
	    margin-bottom: 0; 
}
.wpf_layout_horizontal .wpf_item.wpf_item_submit{
	background:transparent;
}
.wpf_items_wrapper .wpf_item ul li label {
    font-size: 14px;
}

span.wpf_item_count {
    font-size: 12px;
}

.wpf_items_wrapper .wpf_item ul li {
    margin-bottom: 0;
    width: 80%;
    line-height: 1.1;
}

.wpf_items_wrapper .wpf_item ul {
    margin-bottom: 0;
    padding-bottom: 0;
}

.wpf_items_group.wpf_right_tab {
    border-radius: 10px;
}
.wpf_form .wpf_layout_horizontal.wpf_items_wrapper .wpf_item:not(.wpf_item_submit):hover:after {
    display: none;
}
select.wpcf7-form-control.wpcf7-select {
    border-radius: 5px;
}
/*------end tab-----*/
/*-------form hotel----*/
.row_form_search .wpf_item_wpf_cat .wpf_items_group.wpf_right_tab {
    width:  1080px !important;
}
.row_form_search .wpf_layout_horizontal .wpf_items_group.wpf_right_tab {
    left: -1px;
    right: -1px;
}
.row_form_search .wpf_item_submit{
    background: rgba(255,255,255, 0);
}
.row_form_search .wpf_search_button{
    border-radius: 99px;
	background: #6e3b1e;
    color: #fff;
}
.row_form_search .wpf_search_button:hover{
    color: #fff;
	background: black;
}
.wpf_items_group.wpf_left_tab {
    text-align:  left;
}
.wpf_items_group.wpf_right_tab {
    text-align:  left;
}
.wpf_form .wpf_layout_horizontal.wpf_items_wrapper .wpf_item .wpf_item_name:after {
    content: "\e803";
    font-family: "themify_wc_product_filter_icons";
    position: static;
    display: inline-block;
    margin-left: 15px;
    font-size: 0.7em;
    cursor: default;
    vertical-align: middle;
}
.wpf_items_group.wpf_right_tab input[type="checkbox"] {
    margin: 0 4px 0px 4px;
}
/*----end form hotel---*/
/*end style search form*/


/*---style title---*/
.section-title-normal span {
    margin-right: 15px;
    padding-bottom: 7.5px;
    border-bottom: 2px solid rgb(227, 0, 80);
    margin-bottom: -1px;
}
.section-title-normal {
    border-bottom: 1px solid #ececec;
}

.box-tour .text-inner h2{
	font-size:25px;
}
/*style remove title custom tab*/
h2.yikes-custom-woo-tab-title {
    display: none;
}
/*-----style tab Lịch trình-----*/
li.clearfix {
    margin-left: 0px !important;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}
#tab-lich-trinh > ul {
    padding-top: 25px;
    padding: 0;
    margin: 0;
}
#tab-lich-trinh > ul > li {
    position: relative;
    list-style: none;
		margin-bottom: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#tab-lich-trinh ul li .mda-rl {
    float: left;
    width: 70px;
    margin-top: 5px;
}
#tab-lich-trinh ul li .mda-rl p {
    font-style: italic;
    font-weight: bold;
    margin-top: -7px;
		margin-bottom: 7px;
}
#tab-lich-trinh ul li .mda-rr {
    padding-left: 20px;
    float: left;
    width: calc(100% - 70px);
    border-left: 3px solid #ccc;
    min-height: 100px;
}
#tab-lich-trinh ul li .mda-rr > div.mda-title {
    color: #008fea;
    font-size: 18px;
}
#tab-lich-trinh ul li .mda-rr > div {
    margin-top: 5px;
    color: #555;
    font-size: 14px;
    padding: 0 0 15px 0;
}
.mda-title {
    font-size: 20px;
    padding: 0 0 10px 0;
    color: #838484;
}
#tab-lich-trinh ul li .mda-rr > div.mda-title i {
    color: #008fea;
    margin: -6px -30px !important;
}
#tab-lich-trinh ul li .mda-rr > div i {
    color: #999;
    position: absolute;
    margin: 5px -30px !important;
    width: 15px;
    height: 15px;
    text-align: center;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-circle:before {
    content: "";
}
/*---end style tab Lịch trình---*/

/*---style sec_cmt---*/
.row_cmt p {
    margin-bottom: 5px;
}
.row_cmt {
    border: 1px solid #eee;
}
.col_cmt {
    border-right: 1px solid #eee;
}
.sec_cmt .wpcf7 p{
    display: inline-flex;
}
.sec_cmt form.wpcf7-form {
    margin-top: 0px;
    margin-bottom: -13px;
}
.row_cmt input#bt-gui {
    background-color: #e30050;
    margin-left: 10px;
}
.col_reg a {
    color: #e30050;
    font-weight: bold;
}
.col_reg a:hover {
    color: #428bca;
}

/*--style button "Đặt ngay"--*/
button.bt_fancybox {
    background-color: var(--primary-color);
    border-radius:  5px;
}
button.bt_fancybox:hover {
/*    background-color: #428bca;*/
}

a.fancybox {
    color: #fff;
}
button.bt_fancybox:hover a {
    color: #fff;
}

button.bt_fancybox:hover {
    opacity: 0.8;
}
/*remove add to cart*/
.quantity.buttons_added {
    display:  none;
}
button.single_add_to_cart_button.button.alt {
    display:  none;
}

/*---style sec_gioi_thieu---*/
.sec_gioi_thieu ul {
    list-style: none;
}
.sec_gioi_thieu ul li {
    padding: 5px 0;
}
.sec_gioi_thieu ul li .text {
    margin-bottom: 0;
    position: relative;
}
.sec_gioi_thieu ul li .text:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: '\f178';
    top: 3px;
    left: -20px;
    color: #c6c6c6;
    font-size: 12px;
}
/*---end style sec_gioi_thieu---*/

/*---style product sidebar---*/
ul.product_list_widget li {
    list-style: none;
    padding: 10px 0 5px 75px;
    min-height: 80px;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.33;
    font-size: 14px;
}
/*---------end content--------*/


/*----------footer----------*/
/*---style footer 1---*/
.sec_footer_1 .wpcf7-form-control-wrap input,
.sec_footer_1 .wpcf7-form-control-wrap textarea{
  	border-radius: 5px;
/*     color: #fff;*/
     border: 0px solid #eee;
     box-shadow: inset 0 1px 2px rgba(0,0,0,0);
}

.sec_footer_1 input#bt-gui {
    width: 170px;
    height: 40px;
    border: 1px solid #723b21;
    background-color: #723b21;
    border-radius: 50px;
    padding: 0px;
    position: relative;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
}
span.wpcf7-spinner {
    position: absolute;
    display: none;
}
.sec_footer_1 .wpcf7-response-output {
    margin-top: 10px!important;
}

/*---end style footer 1---*/

/*---style footer 2---*/
/*---style footer 2---*/
.sec_footer_2 p,
.sec_footer_2 a{
    color: #a5a5a5;
    font-size: 14px;
}
.sec_footer_2 .social-icons i {
/*    color: #fff;*/
} 
.sec_footer_2 a:hover, 
.sec_footer_2 .social-icons a:hover i {
    color: var(--primary-color)!important
 
}


.sec_footer_2 .wpcf7 p {
    padding: 0;
    margin: 0;
    display: inline-flex;
}
.sec_footer_2 input#bt-gui {
    color: #121212;
}
.sec_footer_2 .icon-box-img {
    width: 12px !important;
}
.sec_footer_2 h3 {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.sec_footer_2 .mona_sidebar_footer ul {
    margin: 0px;
    margin-top: -5px;
    padding: 0px;
}
.sec_footer_2 .mona_sidebar_footer ul.menu>li, 
.sec_footer_2 .mona_sidebar_footer .widget>ul>li {
    list-style: inside;
    margin-bottom: .3em;
    text-align: left;
    margin: 0;
}
.sec_footer_2 .mona_sidebar_footer ul.menu>li+li, 
.sec_footer_2 .mona_sidebar_footer .widget>ul>li+li {
    border-top: 0px solid #ececec;
}
.sec_footer_2 .box-text.show-on-hover.hover-fade-out.text-center.is-large {
    display: none;
}
/*---end style footer 2---*/

/*style sec partner*/
.sec_footer_2_partner .flickity-viewport .col-inner {
    background-color: #fff0;
}
.sec_footer_2_partner img {
    height:  90px;
    width:  auto;
    filter: grayscale(100%);
    display: block;
    margin: 0 auto;
}
.copyright-footer {
    color: #fff;
}
/*---end style footer 2---*/
/*--------end footer--------*/
@media screen and (max-width:849px){
    .category-filtering.category-filter-row.show-for-medium {
        position: absolute;
        bottom: 25px;
        left: 5%;
    }
}
@media screen and (max-width:549px){
   .shop-page-title form.woocommerce-ordering {
        padding-left: 90px;
    }
}
.product-images .woocommerce-product-gallery__image img {
    height: 430px;
    object-fit: contain;
}
/*---style mobile screen---*/
@media (max-width: 549px){
		.group-title .banner {
    		font-size: 70px;
		}
		header#header{
			height: 70px!important;
		}
}
p.form_kh_tieude {
    text-align: center;
    font-weight: 700;
    color: var(--primary-color);
    font-size: 1.2rem;
}

div#fancybox-wrap {
    width: 400px!important;
}

#fancybox-outer {
    border-radius: 4px;
}

div#fancybox-content {
    padding: 20px;
    border-radius: 4px;
    height: auto;
}

div#fancybox-content > div {
    overflow: unset!important;
}

div#fancybox-content input.wpcf7-submit {
    border-radius: 4px;
    margin: auto;
    display: block;
}

@media screen and (max-width: 549px) {
    div#fancybox-wrap {
        width:330px!important;
    }

    div#fancybox-content {
        padding: 10px!important;
    }

    div#fancybox-content > div {
        overflow: auto!important;
    }
}
.wpcf7-response-output {
    background: #ececec; 
    max-width: max-content;
    margin: 10px auto !important;
   
}
.navigation-post {
    padding:  0 10px; 
}

.navigation-post a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.post-item a:hover h5.post-title {
    color: var(--primary-color);
    transition: .2s ease-out all;
} 
.post-item p {
    color: #333;
}

.post-item .post-meta {
    color: #333;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background-color: var(--primary-color);
}
.badge-container {
    margin-top: 5px!important;
    margin-left: 5px!important;
}
.badge-inner.secondary.on-sale {
    background-image: linear-gradient(-90deg, #ff1313 0%, #ffbf61 100%);
    border-radius: 10px;
    font-size: 14px;
    padding-right: 10px;
    min-width: auto;
    width: auto!important;
        padding-left: 5px;
}
.badge-inner.secondary.on-sale:before {
    content: "";
    display: inline-block;
    background: url(/wp-content/uploads/2023/09/flash.png);
    background-size: 50% 50%;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f13500;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 5px;
}

.badge-container {
    margin: 0;
}
.badge {
    height: 1.8em;
    margin-left: 0!important;
} 
/*---end style mobile screen---*/