/*
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 crafted, feature-rich template specifically designed for travel bloggers, vloggers, influencers, creators, and digital nomads eager to showcase their journeys through captivating voyage writing stories. This template is perfect for highlighting travel guides, vacation diaries, cultural exploration, adventure tourism, offbeat destinations, and family vacation tips. Whether you're sharing luxury holidays, solo adventures, hiking blogs, road trip tales, backpacking experiences, budget getaways, eco-tourism insights, food travel narratives, couple travel journals, or wellness retreat guides, this theme provides an excellent platform to bring your storytelling to life. With a sleek, modern, responsive, and mobile-friendly layout, your content will shine on any device, making it ideal for content-driven creators, photographers, and storytellers. With customizable homepage sections, itinerary planners, location tagging, destination highlights, integrated travel maps, and visually rich photo gallery layouts, it caters to diverse travel niches. Additionally, its SEO-optimized structure, fast loading performance, and user-friendly customization options enhance search visibility and user experience. The seamless integration of the Jetpack plugin adds performance optimization, analytics, automatic backups, social sharing, and image CDN, helping creators to grow their audiences and collaborate effectively with travel brands. Whether you’re launching a blog, building a travel portfolio, promoting sustainable tourism, or generating income through affiliate marketing and sponsorships, Travel Influencer Blogs lays a powerful foundation for a visually engaging and content-rich travel website.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 3.0
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);

}