/*
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 WordPress Theme is a versatile and visually appealing platform designed for travel enthusiasts, travel agencies, and travel bloggers alike. Whether you’re a travel blogger sharing captivating stories and stunning photography or a travel agency offering comprehensive travel packages, bookings, and reservations, this theme provides the perfect solution to create an engaging and dynamic online presence. Crafted with the needs of travelers and travel service providers in mind, the theme allows you to showcase travel adventures, tips, guides, and services in a sleek, modern layout. With responsive design elements, the theme ensures your website looks stunning and functions flawlessly on all devices, making it ideal for travelers on the go. Customizable options cater to various travel niches, whether you're running a travel diary, adventure blog, tourism agency, eco-tourism site, or professional travel consultancy. It supports travel bookings, reservations, travel deals, and consulting services, providing a seamless experience for your audience. The retina-ready visuals and clean, intuitive interface enhance user engagement, while integration with travel apps, maps, and guides make it easier for visitors to plan their itineraries and explore new destinations. The theme also offers functionality for tour bookings, trip planning, holiday packages, flight reservations, accommodation listings, and much more. Additional features like destination highlights, activity suggestions, customer testimonials, and trip reviews provide a comprehensive travel experience for both travelers and service providers. Whether you're running a destination management company, group travel agency, honeymoon planning service, local tour guide business, international travel agency, travel booking platform, cruise vacation provider, adventure travel blog, backpacking tour operator, or hotel booking service, the Traveler Booking WordPress Theme is the ultimate tool for creating a captivating and fully functional travel website that converts visitors into customers.
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 7.2
Version: 2.2
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: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, translation-ready, sticky-post, threaded-comments, wide-blocks, block-styles, 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: #099CCF;
}
.service-inner-box span.dashicons{
  color: #099CCF;
  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: #099ccf;
}
.wp-header-search-social ul li:hover{
  color: #099ccf !important;
}
.menu-box nav ul li a:hover{
  color: #099ccf !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: #099CCF;
  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: #099CCF;
  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;
  }
}

.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;
}