/*
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, and digital nomads eager to showcase their journeys through captivating storytelling. 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 trips, solo adventures, hiking experiences, road tales, backpacking opportunities, budget getaways, eco-tourism insights, food narratives, couple journals, or wellness retreat guides, this theme serves as an excellent platform to bring your storytelling to life. With its sleek, modern, responsive, and mobile-friendly layout, your content will shine on any device, making it ideal for photographers and creators alike. Featuring customizable homepage sections, itinerary planners, location tagging, destination highlights, integrated travel maps, and visually rich galleries, it caters to diverse travel niches. Additionally, its SEO-optimized structure, fast loading speeds, and user-friendly customization 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 grow their audiences and collaborate effectively with travel brands. Whether you’re launching a WordPress 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: 7.0
Requires PHP: 7.2
Version: 3.2.3
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);

}