/*
Theme Name: Traveler Booking
Theme URI: https://www.titanthemes.net/products/free-traveler-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Traveler Booking theme is a feature-rich, modern, and user-friendly solution tailored for travel agencies, tour operators, travel bloggers, destination management companies, and adventure travel businesses looking to create a professional online presence. Perfect for promoting tour packages, vacation deals, hotel reservations, flight bookings, car rentals, cruise trips, and holiday itineraries, this theme delivers a seamless booking experience for travelers worldwide. Whether you’re managing an eco-tourism site, adventure travel agency, honeymoon planning service, local tour guide business, or international travel consultancy, it provides customizable layouts, destination showcases, trip highlights, and testimonial sections to attract and engage visitors. Its responsive, retina-ready, and SEO-optimized design ensures flawless performance across all devices and browsers. The theme integrates seamlessly with the WP Travel Engine plugin and WooCommerce, enabling effortless online booking, payment processing, and travel package management. It includes features like destination search filters, dynamic pricing, booking calendars, travel maps, itinerary builders, and activity categorization for easy navigation. Users can also add trip reviews, image galleries, promotional banners, and call-to-action (CTA) buttons to enhance engagement. With translation-ready support, fast loading speeds, and secure coding, the Traveler Booking theme ensures a smooth global user experience. Ideal for travel influencers, tourism companies, backpacking tour operators, and vacation planners, it helps you promote destinations, publish travel blogs, and convert visitors into loyal customers. Combining sleek design, intuitive functionality, and advanced booking capabilities, Traveler Booking is the ultimate all-in-one theme for building a captivating and high-performing travel website.
Requires at least: 6.1
Tested up to: 6.8
Requires PHP: 7.2
Version: 3.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: traveler-booking
Tags: grid-layout, one-column,  two-columns, left-sidebar, right-sidebar, wide-blocks, block-patterns, custom-background, custom-colors, custom-menu, custom-logo, editor-style, block-styles, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, style-variations, theme-options, threaded-comments, translation-ready,, blog, photography, portfolio
*/

.customer-sec {
  display: inline-flex !important;
  background: transparent linear-gradient(107deg, #69bbdf 0%, #88D3E6 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #F1F1F1;
  border-radius: 10px;
  backdrop-filter: blur(30px);
  gap: 10px;
  position: absolute;
  top: 4%;
  left: 14%;
}
.customer-sec figure.wp-block-image.size-full.is-resized {
  width: auto;
}
.banner-heading span a{
  color: #000;
  text-decoration: underline;
}
.home .header-box-upper {
  position: absolute;
  background-color: #00000000;
  width: 100%;
  z-index: 99;
}
.header-box-upper {
  position: relative;
  z-index: 99;
  background-color: #fff;
}
.banner-image-wrap {
  position: relative;
}
.home .header-box-middle {
  margin-top: 10px !important;
  background-color: #fff;
  border: 1px solid #37353A;
  border-radius: 10px !important;
  padding: 10px;
}
.service-inner-box figure,.service-inner-box .wp-block-image img{
  width: 100%;
}
.banner-image-wrap figure,.banner-image-wrap .wp-block-image img{
  width: 100%;
}
.information-column figure{
  width: auto;
}
.meta-post{
  justify-content: space-between;
}
.information-column {
  gap: 10px;
}
.colntact-section {
  position: absolute;
  bottom: -28px;
  left: 0px;
  width: 78%;
  box-shadow: 0px 10px 18px #00000029;
  z-index: 1;
  margin: 0 auto;
  right: 0px;
}
.banner-section{
  position: relative;
}
.colntact-section select.wpcf7-form-control.wpcf7-select,
.colntact-section input.wpcf7-form-control.wpcf7-submit.has-spinner ,
.colntact-section input.wpcf7-form-control.wpcf7-text,
.colntact-section textarea.wpcf7-form-control.wpcf7-textarea,
.colntact-section input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
.colntact-section span.wpcf7-list-item.first.last,
.colntact-section span.wpcf7-form-control.wpcf7-acceptance.optional,
.colntact-section input.wpcf7-form-control.wpcf7-file{
  width: calc(calc(100% / 4) - calc(130px / 4)) !important;
  float: left;
  margin-right: 20px;
}
.colntact-section select.wpcf7-form-control.wpcf7-select,
.colntact-section input.wpcf7-form-control.wpcf7-text,
.colntact-section textarea.wpcf7-form-control.wpcf7-textarea,
.colntact-section input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number ,
.colntact-section span.wpcf7-list-item.first.last,
.colntact-section span.wpcf7-form-control.wpcf7-acceptance.optional,
.colntact-section input.wpcf7-form-control.wpcf7-file{
  border: unset;
  padding: 14px 11px;
  border-radius: 10px;
  background-color: #F2F2F2;
}
.colntact-section input.wpcf7-form-control.wpcf7-submit.has-spinner {
  border: unset;
  padding: 14px 11px;
  color: #ffffff;
  margin-right: 0px;
  border-radius: 10px;
  background-color: var(--wp--preset--color--primary);
}
.service-inner-box span.dashicons{
  color: var(--wp--preset--color--primary);
  margin-right: 6px;
}
.wp-site-blocks{
  padding: 0 !important;
}
.homepage-header {
  position: relative;
  width: 80%;
  padding: 0 !important;
  gap:0px;
  margin: 0 auto;
}
.topbar{
  padding-right: 10px !important;
  background: #0C1830 !important;
}
.logo-box h1{
  text-align: left; 
}
.home .logo-box h1{
  text-align: center; 
}
.home .homepage-header {
  padding: 0 !important;
  position: absolute;
  width: 70%;
  z-index: 999;
  margin: 0 auto;
  right: 0px;
  gap:0px;
  left: 0px;
  border-radius: 0;
}
.menu-box{
  margin: 0px;
}
.form-submit input#submit {
  color: #fff;
}
.topheader p span {
  margin-right: 10px;
  font-size: 18px;
  color: var(--wp--preset--color--primary);
}
.wp-header-search-social ul li:hover{
  color: var(--wp--preset--color--primary) !important;
}
.menu-box nav ul li a:hover{
  color: var(--wp--preset--color--primary) !important;
}
.header-box-middle,.menu-box{
  position: relative;
}
.menu-box a.wp-block-navigation-item__content:hover::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--wp--preset--color--primary);
  width: 100%;
  height: 4px;
  transform: translateY(-18px);
  border-radius: 30px;
}
.menu-box a.wp-block-navigation-item__content:hover::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--wp--preset--color--primary);
  width: 100%;
  height: 4px;
  transform: translateY(18px);
  border-radius: 30px;
}
.wp-block-image img{
  vertical-align: middle !important;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  color: #000;
}
footer.wp-block-template-part {
  margin-top: 0;
}

@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-logo h1{
    text-align: center;
  }
  .home .header-box-upper{
    position: relative;
    padding: 0px !important;
  }
  .banner-section{
    min-height: 500px !important;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
  }
  .banner-image-wrap figure, .banner-image-wrap .wp-block-image img {
    width: auto;
  }
  .banner-section {
    padding: 35px 0px !important;
  }
  .banner-content{
    text-align: center;
  }
  .banner-image-wrap{
    text-align: center;
  }
  .colntact-section{
    position: relative;
    width: 100%;
  }
  .customer-sec{
    position: relative;
    left: 0;
  }
  .services-box p,.services-box h3{
    text-align: center;
  }
  .service-inner-box p{
    text-align: left;
  }
  .meta-post{
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    gap: 10px;
  }
  .team-box{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .services-box{
    padding: 0 !important;
  }
  .home .homepage-header{
    position: relative;
    background: #000;
  }
  .banner-cover{
    min-height: 400px !important;
  }
  .banner-content{
    text-align: center;
  }
  span.wp-block-navigation-item__label {
    color: #000;
  }
}
@media screen and (min-width: 600px) and (max-width: 781px) {
  .menu-box ul.head-nav{
    row-gap: 15px;
  }
  .tour-box{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .footer-main{
    max-width: 90% !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
  .menu-box ul.head-nav {
    column-gap: 30px;
  }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .menu-box a.wp-block-navigation-item__content:hover::before,.menu-box a.wp-block-navigation-item__content:hover::after{
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    justify-content: center !important;
    gap: 30px !important;
  }
  .single-image figure{
    width: 100% !important;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .header-logo {
    flex-basis: 30% !important;
  }
 .header-logo h1 a {
    font-size: 16px;
    font-weight: 600;
}
  .menu-detail{
    flex-basis: 70% !important;
  }
  .menu-box{
    flex-basis: 75% !important;
  }
  .header-button{
    flex-basis: 25% !important;
    }
  .banner-section{
    min-height: 510px !important;
  }
h2.banner-heading {
    font-size: 28px !important;
}
}

.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  display: none;
}

/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}

/* Blog Section */
.news-section .news-box .wp-block-post-excerpt__excerpt{
  color: #000000;
}
.news-heading-box .news-small-title{
  width: max-content;
}
.news-section .news-heading-box{
  gap: 0;
}
.news-section .news-box .wp-block-post:hover .wp-block-post-title a{
  color: var(--wp--preset--color--primary);
}
.news-section .news-heading-box{
  gap: 0;
}
.recent-btn a {
  background: var(--wp--preset--color--primary);
  padding: 10px 12px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.recent-btn a:hover{
  background: #000;
}