/*
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 serves as a comprehensive and modern solution designed for travel agencies, tour operators, travel bloggers, destination management companies, and adventure travel businesses eager to create a professional online presence. This feature-rich theme is perfect for showcasing tour packages, vacation deals, hotel reservations, flight bookings, car rentals, cruise trips, and holiday itineraries, ensuring a seamless booking experience for travelers around the globe. Whether you are managing an eco-tourism site, an adventure travel agency, or a honeymoon planning service, it offers customizable layouts, destination showcases, trip highlights, and testimonial sections to effectively engage visitors. Its responsive, retina-ready, and SEO-optimized design guarantees exceptional performance on all devices and browsers. The theme integrates smoothly with the WP Travel Engine plugin and WooCommerce, facilitating easy online booking, payment processing, and travel package management. Users can take advantage of features such as destination search filters, dynamic pricing, booking calendars, travel maps, itinerary builders, and activity categorization for straightforward navigation. Additionally, it allows for the inclusion of trip reviews, image galleries, promotional banners, and call-to-action (CTA) buttons to boost user interaction. With support for translation, fast loading times, and secure coding, the Traveler Booking theme promises a smooth global user experience. Perfect for travel influencers, tourism companies, backpacking tour operators, and vacation planners, this theme allows you to promote destinations and publish travel blogs that inspire users to explore and embark on their own voyages. By combining sleek design, intuitive functionality, and advanced booking features, 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: 7.0
Requires PHP: 7.2
Version: 4.2.1
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;
}