/*
Theme Name: Travel Influencer Blogs
Theme URI: https://www.titanthemes.net/products/free-travel-blogs-wordpress-theme
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Travel Influencer Blogs theme is a beautifully designed, feature-rich template tailored for travel bloggers, vloggers, influencers, creators, and digital nomads who want to showcase their journeys, travel guides, vacation diaries, cultural exploration, adventure tourism, offbeat destinations, and family vacation tips in a captivating and professional way. Whether you’re sharing luxury holidays, solo adventures, hiking blogs, road trip stories, backpacking experiences, budget getaways, eco-tourism sites, food travel blogs, couple travel journals, or wellness retreat guides, this theme offers the perfect platform to bring your storytelling to life. With its sleek, modern, responsive, and mobile-friendly layout, it ensures your content looks stunning across all devices, making it ideal for content-driven creators, photographers, and storytellers. Designed for diverse travel niches, it includes customizable homepage sections, itinerary planners, location tagging, destination highlights, integrated travel maps, and photo gallery layouts to showcase visually rich content. Built with SEO-optimized structure, fast-loading performance, and user-friendly customization options, it enhances search visibility and user experience. Seamless Jetpack plugin integration adds performance optimization, analytics, automatic backups, social sharing, and image CDN, helping creators grow their audience and collaborate with travel brands effectively. Whether you’re starting a blog, building a travel portfolio, promoting sustainable tourism, or earning through affiliate marketing and sponsorships, Travel Influencer Blogs provides a powerful foundation for a visually engaging, content-rich, and professional travel website. Demo: https://preview.titanthemes.net/travel-influencer-blogs/
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 2.7
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: travel-influencer-blogs
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
*/

.home .dashed-line {
  border-bottom: 3px dashed;
  margin-top: 15px;
  position: relative;
}
.home .dashed-line::after {
  position: absolute;
  right: -25px;
  top: -9px;
  bottom: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(assets/images/dot-icon.png);
  background-size: 100% 100%;
}
.header-box-middle .header-menu nav a:hover{
  text-decoration: none;
}
.home .header-box-middle .header-menu nav a{
  position: relative;
}
.home .header-box-middle .header-menu nav a:hover:after {
  content: "";
  width: 50px;
  height: 6px;
  margin: 0 auto;
  background: var(--wp--preset--color--primary);
  bottom: -24px;
  right: 0px;
  left: 0px;
  position: absolute;
  z-index: 2;
}
.home .header-box-middle .header-menu nav ul.wp-block-navigation-submenu a:hover:after {
  display: none;
}
.header-menu {
  position: relative;
}
.home .dashed-line::before {
  position: absolute;
  left: -25px;
  top: -8px;
  bottom: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(assets/images/plan-icon.png);
  background-size: 100% 100%;
}
figure.wp-block-image.aligncenter.size-full img {
  height: 500px;
}
.banner-image-2 {
  position: absolute;
  bottom: 0;
  right: 30px;
}
.banner-image-2 img {
  border: solid 10px #E8F3FE;
}
.social-box-wrap {
  transform: rotate(-90deg);
  position: absolute;
  bottom: 58%;
  right: -80px;
  gap: 0px;
  width: 45%;
}
.banner-image-wrap {
  position: relative;
}
.price-box span{
  color: #FFAA00;
}
.wp-block-fse-pro-header-social .social-controller, .wp-block-fse-pro-header-search .search-controller, .wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor {
  padding: 9px;
  width: auto;
  height: auto;
}
p.form-submit.wp-block-button input#submit{
  color: #fff !important;
}
.social-box-wrap .wp-block-social-links a {
  background: #000;
  border-radius: 5px !important;
}
.wp-block-social-link {
  border-radius: 9999px;
  display: block;
  height: auto;
  transition: transform .1s ease;
}
.social-box-wrap .wp-block-social-links .wp-social-link svg {
  height: 20px;
  width: 20px;
  transform: rotate(90deg);
}
.wp-block-social-links.is-style-logos-only .wp-social-link .wp-block-social-link-anchor:hover, .wc-block-mini-cart__button:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--accent);
}
.block-wrap-inner {
  border: dashed 2px #00000070;
  border-radius: 15px;
}
.block-wrap-inner img {
  width: 100%;
}
.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;
}
.banner-section{
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.homepage-header {
  position: relative;
  width: 80%;
  padding: 0 !important;
  gap:0px;
  margin: 0 auto;
}
.logo-box h1{
  text-align: left; 
}
.home .logo-box h1{
  text-align: center; 
}
.header-box-middle{
  position: relative;
}
.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,.review-wrap h3,.review-wrap p,.popular-section h4.popular-heading,.popular-section p.popular-text{
    text-align: center;
  }
  .review-wrap{
    margin-top: 0px !important;
  }
  .tab-box{
    gap:10px !important;
    justify-content: center !important;
  }
  figure.wp-block-image.aligncenter.size-full img {
    height: 100%;
  }
  .slider-content {
    padding-top: 30px!important;
  }
  .review-wrap .alignright{
    margin: 0px !important;
    text-align: center;
  }
  .review-wrap .team-img,.about-btn-nd-call .call-btn{
    display: flex;
    justify-content: center;
  }
  .header-box-middle nav,.header-box-middle .wp-block-buttons,.slider-content .wp-block-buttons, .social-box-wrap .wp-block-social-links,.about-btn-nd-call .wp-block-buttons{
    justify-content: center;
  }
  .home .header-box-upper{
    position: relative;
  }
  .social-box-wrap{
    gap:20px;
  }
  .banner-image-2 {
    position: static;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
  }
  .social-box-wrap {
    position: static;
    transform: none;
    width: 100%;
    padding-top: 30px !important;
  }
  .social-box-wrap .wp-block-social-links .wp-social-link svg {
    transform: none;
  }
  .slider-content{
    text-align: center;
  }
  .banner-section{
    min-height: 500px !important;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
  }
  .banner-section {
    padding: 35px 0px !important;
  }
  .banner-content{
    text-align: center;
  }
  .banner-image-wrap{
    text-align: center;
  }
  .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,.price-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: 782px) and (max-width: 1100px) {
  .header-box-middle,p.dashed-line{
    max-width: 100%;
  }
  .review-text,.team-img{
    flex-basis: 50% !important;
  }
  figure.wp-block-image.aligncenter.size-full img {
    height: auto;
  }
  .blank-colomn{
    flex-basis: 0% !important;
  }
  .team-img .alignright{
    width: 100%;
    margin-left: 0px !important;
  }
  .header-btn{
    flex-basis: 30% !important;
  }
  .header-menu{
    flex-basis: 70% !important;
  }
  .slider-content .slider-heading{
    font-size: 25px !important;
  }
  .slider-content p{
    font-size: 12px !important;
  }
  .banner-image-2 {
    position: static;
    margin-left: auto !important;
    margin-bottom: 20px !important;
    margin-right: auto !important;
    width: 100%;
  }
  .social-box-wrap .wp-block-social-links .wp-social-link svg{
    transform: none;
  }
  .banner-image-wrap {
    text-align: center;
  }
  .social-box-wrap {
    transform: none;
    width: 100%;
    position: static;
  }
}
@media screen and (min-width: 600px) and (max-width: 781px) {
  .popular-post{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .wp-block-column.is-vertically-aligned-center{
    width: auto;
  }
  .header-menu .wp-block-navigation ul{
    justify-content: center;
  }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .footer-main{
    max-width: 90% !important;
  }
}
@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: 1500px) {
  .social-box-wrap {
    bottom: 113%;
    right: -200px;
    width: 100%;
  }

  figure.wp-block-image.aligncenter.size-full img {
    height: auto;
  }
  .social-text{
    flex-basis: 15% !important;
  }

  h2.slider-heading {
    font-size: 35px !important;
  }

  .banner-image-2{
    right: -25px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.slider-main-box img {
    height: 90% !important;
  }
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account {
  display: none;
}

/* 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;
}

/* Pagination CSS */
.wp-block-query-pagination {
  margin: 40px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 6px;
  color: #fff;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: #000000;
  color: #ffffff !important;
}

@media screen and (min-width: 782px) and (max-width: 1420px) {
  .wp-block-query-pagination .page-numbers, .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous{
    padding: 8px 10px;
  }
}

/*============== Effects Section ==============*/

.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}

.animations-show-item{
  opacity: 1;
  transform: translateY(0px);

}