/*
Theme Name: Travel Vista
Theme URI: https://blossomthemes.com/wordpress-themes/travel-vista/
Template: blossom-travel  
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Travel Vista is a free travel blog WordPress theme designed for crafting a stunning and highly customizable website. This versatile theme also fits perfectly for a variety of other blog types, including but not limited to fashion, lifestyle, diary, beauty, parenting, and recipe blogs. This theme includes sections like a Banner with Call-To-Action, an About section, Latest Posts, and a Map to share your invaluable travel advice and knowledge. By integrating the Instagram section, you can showcase your captivating travel captures and grow your Instagram audience. In addition, the newsletter feature will allow you to expand your email list and maintain continuous communication with your audience. Travel Vista is built to be SEO-friendly, speed-optimized, and mobile-friendly. Moreover, it's translation-ready, RTL compatible, and can seamlessly integrate with WooCommerce. Check the demo at https://blossomthemes.com/theme-demo/?theme=travel-vista, refer to the documentation at https://docs.blossomthemes.com/blossom-travel/, and get support at https://blossomthemes.com/support-ticket/.
Version: 1.0.0
Requires PHP: 7.3
Tested up to: 6.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: travel-vista
Tags: blog,one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-header,custom-menu,custom-logo,featured-images,threaded-comments,full-width-template,rtl-language-support,translation-ready,theme-options,news,e-commerce
*/

/* header layout 3 */
.header-five :is(.header-main, .header-t) .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container::after,
.container::before {
  content: none;
}

.header-five .header-main {
  padding: 30px 0;
}

.header-five .header-t {
  padding: 13px 0;
}

.header-five .header-t .social-list a {
  color: #fff;
}

.header-five .header-t .social-list a:hover {
  opacity: 0.7;
}

.header-five .header-t .search-form .search-field {
  height: 32px;
  color: #fff;
  font-size: 0.6666em;
}

.header-five .header-t .search-form .search-submit {
  height: 32px;
  background-size: 13px;
  min-height: auto;
  width: 25px;
}

.search-form {
  justify-content: space-between;
}

.header-search {
  min-height: auto;
}

/* banner two */
.banner.style-two .banner-caption {
  position: unset;
  background-color: unset;
  display: unset;
  text-align: unset;
}

.banner.style-two .banner-caption .entry-title a {
  display: inline-block;
  color: #111;
  margin-bottom: 24px;
}

.banner.style-two .banner-caption .entry-title a:hover {
  opacity: 0.7;
  color: #111;
}

.banner.style-two .banner-caption .entry-title {
  margin: 0;
  font-size: 3.33em;
}

.banner.style-two .banner-caption p {
  margin: 0 0 40px 0;
}

.banner.style-one .banner-caption p {
  color: #fff;
}

.banner.style-two .wrapper {
  display: flex;
  flex-direction: row-reverse;
  gap: 100px;
  align-items: center;
}

.banner.style-two {
  background-color: rgba(var(--primary-color-rgb), 0.15);
  padding: 80px 0;
}

.banner.style-two .wp-custom-header {
  flex: 1;
}

.header-five .header-t .search-form .search-field {
  color: #343434;
}

.home.banner-layout-two .site-header.header-one .header-search .search-toggle,
.home.banner-layout-two .site-header.header-one .site-description,
.home.banner-layout-two .site-header.header-one .main-navigation ul li a,
.home.banner-layout-two .site-header.header-one .submenu-toggle,
.home.banner-layout-two .site-header.header-one .site-title a,
.home.banner-layout-two
  .site-header.header-one
  .header-social
  .social-list
  li
  a
  .home.banner-layout-two
  .site-header.header-one
  .header-search
  .search-toggle,
.blog.banner-layout-two .site-header.header-one .site-description,
.blog.banner-layout-two .site-header.header-one .main-navigation ul li a,
.blog.banner-layout-two .site-header.header-one .submenu-toggle,
.blog.banner-layout-two .site-header.header-one .site-title a,
.blog.banner-layout-two
  .site-header.header-one
  .header-social
  .social-list
  li
  a {
  color: #000;
}

:is(.home, .blog).banner-layout-two .site-header.header-one {
  position: unset;
  margin-top: 0;
}

@media only screen and (max-width: 1024px) {
  .banner.style-two .wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
  }

  .banner.style-two .wp-custom-header {
    flex: auto;
  }

  .banner-layout-two .header-one button.toggle-btn .toggle-bar {
    background: #000;
  }
}

@media screen and (max-width: 767px) {
  .banner.style-one .banner-caption .banner-content p {
    color: #343434;
  }

  .banner.style-two {
    padding: 50px 0;
  }

  .banner.style-two .banner-caption {
    padding: 0;
  }
  .banner.style-two .banner-caption .entry-title {
    font-size: 2.22em;
  }
}
.banner.style-two .wp-custom-header::before {
  content: none;
}