/*
Theme Name: Loodo Flatsome Starter
Description: Loodo Flatsome Starter
Author: loodoweb.com
Template: flatsome
Version: 3.1.9
*/

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

html.js.bg-fill body{height:100vh;}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection,.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select,.form-flat button, .form-flat input,a.button,button,.button.is-outline,input[type="submit"],a.quick-view,.wishlist_table .add_to_cart,.yith-wcwl-add-button > a,table.compare-list .add-to-cart td a:not(.unstyled_button){}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection{background-color:#fff;border-radius:5px;box-shadow:none;}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection{}
input[type=email]:focus, input[type=date]:focus, input[type=search]:focus, input[type=number]:focus, input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus, select:focus, .select-resize-ghost:focus, .select2-container .select2-choice:focus, .select2-container .select2-selection:focus{}
textarea{min-height:115px;}
input[type="submit"],button,a.button{padding-left:25px;padding-right:25px;}
.button, button, input[type=submit], input[type=reset], input[type=button]{}
input[type='submit'], input[type="button"], button:not(.icon), .button:not(.icon){box-shadow: 0 10px 26px rgba(0, 120, 209, .26);}
input[type='submit']:hover, input[type="button"]:hover, button:not(.icon):hover, .button:not(.icon):hover{    box-shadow: 0 16px 40px rgba(0, 0, 0, .2);transform: translateY(-2px);}
select[multiple="multiple"]{height:auto;overflow-y:auto;}
input[type=checkbox], input[type=radio]{margin-bottom:3px;}

.ux-menu-link__link{min-height:auto;}

.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{height:2px;}
#wide-nav .nav-line-bottom>li>a:before{margin-bottom:5px;}

#content.page-wrapper,.page-wrapper,.portfolio-page-wrapper .portfolio-top,#main .shop-container > div.product{padding-top:60px;padding-bottom:30px;}
#main .shop-container > div.product .product-main{padding-top:0px;padding-bottom:0px;}
.portfolio-page-wrapper .portfolio-top{padding-bottom:0px;}
.category-page-row,.page-title:not(.featured-title)+main .product-main{padding-top:60px;}
.category-page-row{padding-bottom:0px !important;}

.nav>li.html #flags{width:auto !important;}
.nav>li.html #flags ul{float: none !important; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0px; border: 1px solid rgba(11, 36, 71, .35); border-radius: 99px; padding: 5px;}
.nav>li.html #flags li{float:none !important;}
.nav>li.html #flags a{float: left; width: auto !important; height: auto !important; display: block; background: none !important; margin: 0px; padding: 1px 8px; border-radius: 99px; background-color: transparent !important; font-weight: bold; font-size: 0.9em;}
.nav>li.html #flags a.vi:before{content:"VN";}
.nav>li.html #flags a.en:before{content:"EN";}
html[lang="en"] .nav>li.html #flags a.en, html[lang="vi"] .nav>li.html #flags a.vi{background-color:#15233b!important;color:white;}

.nav-dropdown{padding:10px 0px;}
.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a,h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{}


.home-banner-content p{margin:0px;}

.button, button, input[type=button], input[type=reset], input[type=submit]{font-weight:500;letter-spacing:0px;}


.button.button-has-icon{padding-right:70px;}
.button.button-has-icon i{position: absolute; top: -1px; right: 2px; width: 50px; height: calc(100% + 2px); background-color: transparent;-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.button.primary.button-has-icon i{ background-color: #ce9214;}
.button.button-has-icon i:before{position:absolute;top:50%;margin-top:-0.6em;left:0px;right:0px;}

.nav-uppercase>li>a{letter-spacing:initial;}
.nav-dropdown-default{padding:10px 15px;}

.nav>li.html{font-size:0.9em;}
.autocomplete-suggestion .search-price{font-size:0.9em;}

.home-slider .banner .text-box .text-inner > h3,.home-slider .banner .text-box .text-inner > h2{text-shadow: 0px 0px 15px rgb(0 0 0 / 90%);}

body{background-color:white;}
#wrapper{background-size:100%;background-repeat:no-repeat;background-position:bottom center;background-color:white;}
.sticky-add-to-cart--active, #wrapper, #main, #main.dark{background-color:transparent !important;}
/*color*/
.breadcrumbs a.current, .breadcrumbs a:hover,.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link,h3.widget-title, span.widget-title{color:var(--primary-color);}
.widget ul li.current-menu-item > a,.widget ul li > a:hover{color:var(--primary-color);}
th,td,label,.breadcrumbs,.absolute-footer,.breadcrumbs a,.nav-dropdown,.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a{}
.breadcrumbs > span:last-child{display:none;}
.button, input[type=button].button, input[type=reset].button, input[type=submit], input[type=submit].button{}
/*color*/
.wpcf7-spinner{display:none;}
.wpcf7 .wpcf7-not-valid-tip{margin-top:0px;}
.wpcf7 form .wpcf7-response-output{margin:1em auto;font-size:0.9em;padding:5px 10px;line-height:1.2em;}

.normal-title{border-width:0px;background: linear-gradient(135deg, #0078D1, #0B2447);}
.normal-title .page-title-inner{padding-top:60px;padding-bottom:60px;}
.normal-title .page-title-inner > .row > .col{padding-bottom:0px;}
.normal-title h1{margin:0px;font-size:2.4em;line-height:1.3em;margin-top:10px;}


.social-icons a{color:black;}
.social-icons a.button.icon.circle>i:only-child{margin-top:3px;}
.social-icons a.button.icon{margin-right:10px;margin-bottom:10px;}

.home-about-section .bg{background-size:64% !important;}

.home-video-image img,.home-video-image .img-inner{border-radius:20px;}

.overlay-icon{width: 6em; height: 6em; background-color: rgb(255 255 255 / 50%); border-width: 0px; line-height: 8.5em;}
.overlay-icon i{font-size:4em;}


ul.links li{margin:0 3px;}

.box.box-blog-post .post-title{font-size:1.6em;margin-bottom:15px;}
.box .post-title:hover{color:var(--primary-color);}
.box-blog-post .is-divider{display:none;}

ul.links.page-numbers{margin-top:10px;}

.button.button-upload{font-size:1em;min-height:3.8em;line-height:3.8em;border-width:0px;padding-left:30px;padding-right:30px;}
label.button.button-upload > input[type="file"]{display:none;}


.cta-section.section a.button{min-width:240px;}

.entry-header-text{padding-bottom:0px;}

#ftwp-container #ftwp-list.ftwp-strong-first.ftwp-liststyle-decimal>.ftwp-item>.ftwp-anchor::before, #ftwp-container #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor .ftwp-text{font-weight:500;}

.dtv-archive-title img{max-width:400px;width:100%;}
.dtv-archive-title h2{text-transform:uppercase;font-size:240%;line-height:1.3em;max-width:600px;margin:0px auto;}

.searchform .button.icon.ux-search-submit{color:white;border-radius:5px;}


.home-slider.slider-wrapper .section .section-bg img{object-fit: contain;}

.subtitle{color: #0078d1; text-transform: uppercase; font-size: 0.8em; font-weight: 700; letter-spacing: .28em;display: flex; flex-direction: row; align-items: center; gap: 10px;}
.subtitle:before{content: ""; width: 26px; height: 2px; background: #0078d1; display: inline-block;}
.subtitle p{margin:0px;}
.subtitle.text-center{text-align:center;justify-content: center;}
.subtitle.text-center:before{display:none;}

#footer .subtitle:before{display:none;}

/* Khung chứa các từ, ẩn đi phần text tràn ra ngoài */
/* Sử dụng CSS Grid để các từ chồng khít lên nhau */
.flip-container {
  display: inline-grid;
  vertical-align: bottom;
  overflow: hidden;
}

/* Tất cả các từ cùng nằm chung 1 ô grid, tự co giãn theo từ dài nhất */
.flip-text {
  grid-area: 1 / 1 / 2 / 2; /* Chồng chung một vị trí */
  opacity: 0;
  transform: translateY(100%); /* Nằm chờ ở dưới */
  transition: all 0.5s ease-in-out;
  white-space: nowrap; /* Tránh bị rớt dòng chữ */
}

/* Trạng thái đang hiển thị ở giữa */
.flip-text.active {
  opacity: 1;
  transform: translateY(0);
}

/* Trạng thái trượt biến mất lên trên */
.flip-text.exit {
  opacity: 0;
  transform: translateY(-100%);
}

.header-main.nav-dark .nav> li > a{color:#15233b;}
.header-main.nav-dark .nav> li > a:hover,.header-main.nav-dark .nav> li.current-menu-item > a{color:#0078d1;}

.header-main .header-inner > .flex-col.flex-right{margin-left:30px;}
.header-main .header-inner .header-nav-main.nav-left{justify-content: center;}


footer .ux-menu-link__link{}
footer .ux-menu-link:hover .ux-menu-link__text{color:#0078d1;}
.footer-secondary{padding:0px;}
.absolute-footer{padding-top:0px;padding-bottom:30px;}
.back-to-top.button{display: flex; flex-direction: column; align-items: center; justify-content: center; color: #0078d1; border-color: #0078d1;}
.back-to-top.button:hover{background-color: #0078d1; color: white; border-color: #0078d1;}

/* Khung bao ngoài, ẩn phần tràn */
.marquee-text {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  box-sizing: border-box;
}

/* Thanh chứa các phần tử */
.marquee-text .track {
  display: inline-flex;
  gap: 40px; /* Khoảng cách giữa các mục */
  will-change: transform;
  animation: scrollMarquee 25s linear infinite; /* 25s là tốc độ chạy, chỉnh to/nhỏ tùy ý */
}

/* Định dạng từng item text */
.marquee-text .track span {
  display: inline-block;
  font-size: 1.5rem;
  font-weight:500;
}

.marquee-text .track span:before{
  content: "✳";
    color: #fd9d2a;
    font-style: after;
    font-size: .9rem;
    padding-right:40px;
}

/* Hiệu ứng dừng khi hover vào (tùy chọn, rất hữu ích cho UX) */
.marquee-text:hover .track {
  animation-play-state: paused;
}

/* Keyframes chạy */
@keyframes scrollMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.home-experience-zone-item.box .box-image,.destination-item-1 .box-image{border-radius:20px;}

.destination-item-1.box .meta{font-size: .64rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; opacity: .85;}
.destination-item-1.box .title{margin:0px;}

.box .box-text .post-title a:hover{color:#0078d1;}

.home-blog .box .post-title{margin:0px;font-size:1.2em;height:46px;overflow:hidden;}
.home-blog .box .box-image{-webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.home-blog .box .box-text,.blog-archive .home-blog .post-item .box .box-text{-webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;}
.home-blog .box .box-text .cat-label{font-size: 0.8em; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #0078d1;}

.location-item.icon-box{height:100%;transition: transform .28s, box-shadow .28s;background-color:white;border: 1px solid rgba(11, 36, 71, .12); border-radius: 18px; padding: 22px 22px 20px;}
.location-item.icon-box:hover{transform: translateY(-4px); box-shadow: 0 20px 40px rgba(11, 36, 71, .09);}
.location-item.icon-box.orange{border-left:5px solid #fd9d2a;}
.location-item.icon-box.red{border-left:5px solid #fc1f22;}
.location-item.icon-box.blue{border-left:5px solid #0078d1;}
.location-item.icon-box.green{border-left:5px solid #62b547;}
.location-item.icon-box:before{content: "→"; position: absolute; top: 18px; right: 18px; width: 32px; height: 32px; border-radius: 50%; background: #f2f6fb; display: flex; align-items: center; justify-content: center; color: #fd9d2a; font-weight: 700; transition: background .25s, color .25s;}
.location-item.icon-box:hover:before{background-color:#0078d1;color:white;}
.location-item.icon-box .text.icon p{margin:0px;}

.nav.nav-outline{gap:10px;}
.nav-outline>li>a{border: 1px solid #0b24471f; background: #fff;color:#15233b;}
.nav-outline>li.active>a{background-color:#0078d1;color:white;border-color:#0078d1;}

.trip-box.icon-box{border: 1px solid #0b24471f; border-radius: 20px; padding: 20px 25px 25px; background: #fff; color: #15233b; display: block; transition: transform .3s, box-shadow .3s, border-color .3s;}
.trip-box.icon-box:hover{transform: translateY(-5px); box-shadow: 0 22px 44px rgba(11, 36, 71, .1); border-color: #0078d1;}



.destination-item.box,.blog-archive .home-blog .post-item .box{border: 1px solid #0b24471f;border-radius:15px;}
.destination-item.box .box-text{background-color: rgb(255, 255, 255); padding: 20px 20px 20px 20px;}
.destination-item.box .post-title{height:25px;}
.destination-item.box .meta-2{}
.destination-item.box .excerpt{height:44px;overflow:hidden;}
.destination-item.box:hover{transform: translateY(-4px);box-shadow: 0 20px 40px rgba(11, 36, 71, .1);}

.filter-container{background: #f2f6fb; border: 1px solid #0b24471f; border-radius: 18px; padding: 20px 22px; }
.filter-container form{margin:0px;}
.filter-container .title{font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: rgba(11, 36, 71, .55); margin-bottom: 8px; display: block;}
.filter-container .search-input{position:relative;}
.filter-container .search-input input,.filter-container .search-input .button{margin:0px;border-radius:99px;}
.filter-container .search-input .button{position:absolute;top:0px;right:0px;height:100%;border-radius:0px 5px 5px 0px;}
.filter-container .terms{margin-bottom:10px;display: flex; flex-flow: wrap; gap: 7px;}
.filter-container .terms label{line-height: 1.1em;font-weight:normal;border: 1px solid #0b24471f; background: #fff; border-radius: 999px; padding: 8px 15px; font-size: .84rem; font-weight: 600; cursor: pointer;margin:0px;}
.filter-container .terms label input{display:none;}
.filter-container .terms label.active,.filter-container .terms label:hover{background: #15233b; color: #fff; border-color: #15233b;}

.blog-archive .home-blog .post-item .box .box-text{background-color: rgb(255, 255, 255); padding: 20px 20px 20px 20px;}

.row-single-destination .slider img{border-radius: 20px;}
.row-single-destination .tags{display: flex; flex-wrap: wrap; gap: 10px;}
.row-single-destination .tags > span{border: 1px solid #0b24471f; border-radius: 999px; padding: 6px 13px; font-size: .9em; color: rgba(11, 36, 71, .7); background: #fff;}
.row-single-destination .row-info > .col > .col-inner{background: #f2f6fb; border-radius: 16px; padding: 25px 25px 10px;height:100%;}
.row-single-destination .excerpt p:last-child{margin-bottom:0px;}

.row-related-destination a{display:block;width:100%;border: 1px solid #0b24471f; border-radius: 14px; padding: 14px; font-size: .9em; font-weight: 600; background: #fff; transition: border-color .2s;}
.row-related-destination a:hover{border-color: #0078d1; color: #0078d1;}

.col.card > .col-inner{background: #fff; border: 1px solid #0b24471f; border-radius: 15px; padding: 20px;}

.about-hero-section{align-items: end;}
.about-hero-section:after{content:"";display:block;position:absolute;bottom:0px;left:0px;width:100%;height:50%;background: linear-gradient(to top, rgba(8, 32, 56, .93) 8%, rgba(10, 44, 76, .66) 46%, rgba(12, 56, 96, 0));}

hr.ribbon{opacity:1;height: 4px; background: linear-gradient(90deg, #4cb04f, #3bb0c9, #4ea8e7, #4b64ce, #ed319f, #ea583b, #ffc72c); border: 0; margin: 0;}

.checkin-step-box.icon-box{height:100%;background: #d8ecfc; border-radius: 14px; padding: 18px 18px 15px; border-top: 4px solid;}
.checkin-step-box.icon-box .icon-box-text p{margin-bottom:10px;}
.checkin-step-box.icon-box.green{border-top-color:#4cb04f;}
.checkin-step-box.icon-box.blue{border-top-color:#4ea8e7;}
.checkin-step-box.icon-box.pink{border-top-color:#ed319f;}
.checkin-step-box.icon-box.orange{border-top-color:#f7941e;}
.row.row-checkin-steps > .col:after{content: "→"; display: flex; align-items: center; color: #7797b4; font-size: 19px; font-weight: 300; position: absolute; top: -15px; right: -20px; width: 30px; height: 100%;}
.row.row-checkin-steps > .col:nth-child(4n+4):after{display:none;}

blockquote{border-left-width:3px;border-left-color:#f7941e;padding-left:25px;}

.row-step-to-participate.row > .col{flex-basis: 20%; max-width: 20%;}
.participate-box.icon-box{font-size:0.9em;height:100%;background: #ffffff; border: 1px solid #c6e0f5; border-radius: 16px; padding: 25px 22px; min-width: 0;}
.participate-box.icon-box .number.text{display: inline-flex; align-items: center; justify-content: center;     padding: 0px 10px; height: 34px; border-radius: 11px; background: #1e86dd; color: #fff; font-weight: 800; font-size: 1em; margin-bottom: 16px;}
.participate-box.icon-box.green .number.text{background: #4cb04f;}
.participate-box.icon-box.teal .number.text{background: #3bb0c9;}
.participate-box.icon-box.blue .number.text{background: #4ea8e7;}
.participate-box.icon-box.pink .number.text{background: #ed319f;}
.participate-box.icon-box.orange .number.text{background: #f7941e;}

.about-cta-col.col > .col-inner{position: relative; overflow: hidden; background: linear-gradient(118deg, #2A6FCA, #1E86DD 46%, #4EA8E7 78%, #3BB0C9); color: #fff; border-radius: 24px; padding:50px 50px 30px;}
.about-cta-col.col > .col-inner:after{content: ""; position: absolute; inset: 0 0 auto 0; height: 4px;background: linear-gradient(90deg, #4cb04f, #3bb0c9, #4ea8e7, #4b64ce, #ed319f, #ea583b, #ffc72c);}
.about-cta-col.col > .col-inner .button{margin:0px;}

.thing-to-know-box{height:100%;background: #d8ecfc; border-radius: 16px; padding: 24px; min-width: 0;}

.partner-logo-box.icon-box{font-size:0.9em;height:100%;background: #ffffff; border: 1px solid #c6e0f5; border-radius: 20px; padding: 30px 24px 26px; min-width: 0; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; box-shadow: 0 1px 2px rgba(14, 32, 51, .05), 0 16px 40px -22px rgba(14, 32, 51, .42);}
.partner-logo-box.icon-box p{margin:0px;}
.partner-logo-box.icon-box .icon-box-img{margin: 0px; width: 100% !important; height: 70px; display: flex; justify-content: center; align-items: center;}
.partner-logo-box.icon-box .icon-box-img img{max-height: 70px; height: auto; width: auto; padding: 0px; max-width: 100%;}

@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 849px) {
	.header-main li.html.custom{display:inline-block;}
	.home-about-section .bg{background-size:100% !important;background-position:bottom 30px center !important;}
	.row-step-to-participate.row > .col{flex-basis: 50%; max-width: 50%;}
}

@media only screen and (max-width: 767px) {
	.cta-section.section a.button{margin:15px !important;}
	.dtv-item > a .info{padding:0px 15px 15px;}
	.dtv-item > a .info .title{font-size:140%;}
  .row.row-checkin-steps > .col:after{display:none;}
}
@media only screen and (max-width: 550px) {

.filter-container{max-height: 150px; overflow-y: auto;}
.about-hero-section:after{height:80%;}
.row-step-to-participate.row > .col{flex-basis: 100%; max-width: 100%;}
}
@media only screen and (max-width: 480px) {
}