/*
Theme Name: Travel Mania
Author: Yogesh Mathur
Text Domain: travel-mania
Description: Travel Mania WordPress theme with a focus on a passion for travel, tours, vacations, adventure, culture, and exploration.It is a fully responsive WordPress theme with Bootstrap 5 support, modern design, and customizable features.It includes easy-to-use customization options via the WordPress Customizer, allowing you to change header and footer text and background colors.With support for featured images, multiple-page layouts, and a mobile-friendly design. It contains the front page and page templates like about, services, and contact.You can also customize the front page using Customizer. The contact form has an option to add an inquiry form and Google Maps with the help of a customizer.
Theme URI: 
Author URI:
Version: 1.4
Tags: blog, food-and-drink, grid-layout, one-column, two-columns, left-sidebar, right-sidebar, custom-logo, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready
Requires at least: 4.7
Tested up to: 6.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}


/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 160px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  }
  
  .screen-reader-text:focus,.skip-link:focus  {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #f1a501;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: 160px;
    z-index: 100000;
    /* Above WP toolbar. */
  }
  
  /* Do not show the outline on the skip link target. */
  #content[tabindex="-1"]:focus {
    outline: 0;
  }

  /* Universal css start here */

 img, .wp-caption {
  height: auto;
  max-width: 100%;
 }

 
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
   max-width: 100%;
}

/* Universal css end here */

  /* header.php css start */
 
  .travel-mania-logo
  {
      font-size: xx-large;
      font-weight: 600;
  }


  .dropdown-item{

    white-space: normal;
  }


  .nav-link {
    word-break: break-word;
 
}


.dropdown-toggle{
  white-space: normal;
}


.navbar .navbar-nav {
  flex-wrap: wrap;
  gap: unset;
  padding-left: 15px;
}

#top{

word-wrap: break-word;
}

.navbar-collapse {

  flex-grow: unset;
}


@media(max-width:991px){

  .sticky-top{

    position: static;
    transition: none;
}

.dropdown-menu
  {
    width: 100%;
  }

  #main-menu ul{

    padding-top: 15px;
  }

}

  /* header.php css end */


 /* search form css start */
#travel-mania-searchform div        
{
    display: flex;
  align-items: center;
  justify-content: center;
}

#travel-mania-searchform input {
    padding: 5px 5px 5px 10px;
    border: 5px solid #f1a501;
    height: 45px;
  }
  
#travel-mania-searchform button {
    padding: 5px;
    background-color: #f1a501;
    border: 5px solid #f1a501;
    font-size: large;
    color: #fff;
    transition: 0.5s linear;
    height: 45px;
  }
  
#travel-mania-searchform button:hover {
    color: #000;
    transition: 0.5s linear;
    cursor: pointer;
  }

/* search form css end */

.btn:focus-visible{
    border: 2px solid black;
  }

.nav-link.active {
    color: #F1A501;
}


/* index.php css start here */


.travel-mania-blog-posts .travel-mania-blog-post {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
      padding: 15px;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
      border: 1px solid #eee;
      height: 100%;
      width: 100%;
      overflow: hidden;
      background: #fff;
      margin: 0 0 30px;
      border-radius: 5px;

}

#travel-mania-blog-sidebar .wp-block-latest-posts li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}



/* index.php css end here */


/* content.php css start */

.travel-mania-posted-in a {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 600;
	color: #aaa;
  }

 .travel-mania-posted-in a:hover{

    color:#f1a501;  
 }
  
  .travel-mania-posted-in span {
    color: #ccc;
  }

  .blog_entry-content a,.category_link a{

	  text-decoration: underline;
  }

  .updated:not(.published) {
	display: none;
  }

  .travel-mania-content{

	background-color: #88b44e1a;
  }

  .comment-content a,
  #travel-mania-blog-content a,
.textwidget a,
.travel-mania-sidebar a,
.travel-mania-category-link a,
.travel-mania-blog_entry-content a,
.search_excerpt a, .entry-content a {
  text-decoration: underline !important;
} 

.blog .post-nav-links a
{
  text-decoration: none;
} 


.blog .post-nav-links a:hover
{
  text-decoration: underline;
} 

.post-nav-links {
  clear: both;
}

/* content.php css end */

/* pagination css start here */

.pagination {
  width: 100%;
  text-align: center;
  margin: 40px 0px;
display: block;
}

.pagination .current {
  background-color: #252c30;
}

.page-numbers {
  background: #f1a501;
  color: #fff;
  padding: 10px 15px;
  font-weight: bold;
}

.pagination a:hover {
color: #252c30;
}

/* pagination css end here */


/* breadcrumb css start here */
.breadcrumbs {
  margin-top: 30px;
  font-size: 0.85rem;
  color: #aaa;
}
.breadcrumbs nav {
  margin: 0;
}
.breadcrumbs .trail-browse {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  color: inherit;
}
.breadcrumbs .trail-browse, 
.breadcrumbs .trail-items, 
.breadcrumbs .trail-items li {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  text-indent: 0;
}
.breadcrumbs .trail-items li:last-child:after{
content: none;
}
.breadcrumbs .trail-items {
  list-style: none;
  word-break: break-all;
}
.breadcrumbs a {
  color: #aaa;
}
.breadcrumbs a:hover{
color: var(--dark-color);
}
.trail-items li::after {
  content: "\002F";
  padding: 0 0.5em;
}
/* breadcrumb css end here */


/* single.php css start here */

#travel-mania-blog-content {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);

}


.travel-mania-post-title {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

#travel-mania-blog-content .post-thumbnail{

  text-align: center;
}

/* single.php css end here */


/* archive.php css start here */

.travel-mania-archive-posts{
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  padding: 15px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #eee;
  width: 100%;
  overflow: hidden;
  background: #fff;
  margin: 0 0 30px;
  border-radius: 5px;

}

/* archive.php css end here */


/* comments.php css start here */

.comments-area{

  margin-top: 30px;
}

#respond {
  padding:0 10px 0 10px;
  }

.comment-list{
  list-style-type:none; 
 }

   
  #respond input[type=text], #respond input[type=email], #respond input[type=url], textarea {
    outline: none;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #767676;
    width: 100%;
  
  }

  #respond input[type=text]:focus,
  input[type=email]:focus,
  input[type=url]:focus,
  textarea:focus {
  box-shadow: 0 0 5px #f1a501;
  margin: 5px 1px 3px 0px;
  border: 2px solid #f1a501;
  }


#author, #email {
  color:#1d1d1d;
  letter-spacing:.1em;
  } 
      
#url  {
color: #1d1d1d;
 }
    
    
#submit {
  
  background-color:#f1a501;
  -moz-border-radius:28px;
  -webkit-border-radius:28px;
  border-radius:28px;
  border:1px solid #f1a501;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:17px;
  padding:16px 31px;
  text-decoration:none;
  text-shadow:0px 1px 0px #ffae00;
  } 
    
  #submit:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fac85c), color-stop(1, #bb8103));
  background-color:#f1a501;
  }
  #submit:active {
  position:relative;
  top:1px;
  }


  .fn a {
  font-size: 16px;
  font-weight: 600;
  }
  .comment-metadata {
  font-size: 14px;
  color: #767676;
  }

  .comment-metadata a {
  font-weight: 500;
  }

  .reply {
  margin-bottom: 20px;
  }

  

  .comment-reply-link {
  color: #f1a501;
  padding: 5px 8px;
  }

  .comment-reply-link:hover{
      color: #cd8c01;
  }
  .comments-title {
  font-size: 24px;
  margin-bottom: 1.5em;
  }

  .comment-body {
  margin: 15px 0px;
  margin-left: 65px;
  border-bottom: 1px solid #cccccc;
  }

  .comment-list .children {
  background: #fff7e5;
  padding: 15px 20px;
  }

  .comment-list
  {
    list-style-type: none;
  }

  .bypostauthor:before { 
    content:"Author";
    float:right;
    background-color:#f1a501;
    padding:5px;
    font-size:small;
    font-weight:bold;
    color:#FFFFFF;
    }
    .bypostauthor .avatar {
    border:1px dotted #f1a501;
    }

    .comment-content{

      margin-top: 20px;
    }
    
    .comment-author {
      font-size: 16px;
      font-size: 1rem;
      margin-bottom: 0.4em;
      position: relative;
      z-index: 2;
    }
    
    .comment-author .avatar {
      height: 50px;
      left: -65px;
      position: absolute;
      width: 50px;
    }

    .comment-metadata a.comment-edit-link {
      font-weight: 600;
      margin-left: 1em;
  }


  
/* comments.php css end here */


/* page.php css start here  */

.travel-mania-page-posts .travel-mania-page-post {
  background-color: #f1a50e1a;
  padding: 15px;
}

h1.entry-title{
  margin: 0 0 21px 0;
}


/* page.php css end here  */


/* search.php css start here */


.travel-mania-search-page {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.travel-mania-search-page .widget-area{

  margin-bottom: 15px;
} 


#travel-mania-search-s #s {
  width: 100%;
}

/* search.php css end here */

/* 404 page css start here */

.error404 .site-content{

  background-color: #f1a50e1a;
}

.page-error
{
  font-size: 130px;
}

/* 404 page css end here */

/* sidebar css start here */

.widget-area {
  background-color: #ffffff1a;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
  }
  
  .widget-area .widget ul{
    list-style: none;
  }

  .widget_text, .widget-area {
    word-wrap: break-word;
    }

    .widget-area .widget.widget_media_image{
      padding: 0;
    }
    .widget-area .widget ul{
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .widget-area .widget ul li{
        margin: 0 0 15px;
        border-bottom: 1px solid #eee;
        padding: 0 0 15px;
    }

 /* sidebar css end here */


 /* footer css start here */

 #travel-mania-footer-menu .nav-link:hover{

  color: #F1A501;
 }

 #travel-mania-footer-menu .nav-link.active{

  color: #F1A501;
 }

 .travel-mania-text-secondary{

   color: #5e6282;
 }

 .travel-mania-btn-primary{

  background-color: #F1A501;
 }

 .back-to-top{

  color: #fff;
 }


  /* footer css end here */


  /* services css start here */

  .travel-mania-untree_co-section {
    padding: 70px 0;
    }

    .travel-mania-media-1 h3 a {
      color: #000000;
      font-weight: 500;
      font-size: 20px;
  }

  .travel-mania-media-1 img {
    border-radius: 20px;
    height: 350px;
    width: 260px;
    object-fit: cover;
}


.travel-mania-section-title {
  position: relative;
  padding-bottom: 20px;
  display: inline-block;
}


.travel-mania-section-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 2px;
  background: #1A374D; }
.travel-mania-section-title.text-center:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }



  .page-template-services h2{

    font-size: 32px;
    font-weight: 500;
  }


  .travel-mania-feature-img-bg {
    border-radius: 20px;
    background-size: cover;
}


.travel-mania-feature-1-wrap {
  position: relative; }

.travel-mania-feature-1 {
  padding: 30px;
  background: rgba(26, 55, 77, 0.05);
  border-radius: 20px;
  min-height: calc(50% - 15px);
  top: 0;
  margin-bottom: 30px !important; }
  @media (max-width: 991.98px) {
    .travel-mania-feature-1 {
      display: block !important; } }
  .travel-mania-feature-1 h3 {
    font-size: 1.2rem;
    }


    .page-template-services .display-4 {
      font-size: 3.5rem;
      line-height: 1.2;
  }

  /* services css end here */

    /* about css start here */

    .travel-mania-about-section{
      padding-top: 2rem;
    }

    .travel-mania-about-heading{

      line-height: 1.2;
    }


  .travel-mania-about-section .explore, .travel-mania-about-section .who{

    padding: 40px 10px;
    box-shadow: 0px 0px 10px #00000024;
    border-radius: 5px;
    overflow: hidden;
  
  }
    /* about css end here */


    /* contact us css start here */
    .travel-mania-contact_get_in_touch{

      width: 45px;
      height: 45px;
      }
    
      .travel-mania-bg-primary
      {
        background-color: #F1A501;
      }

       .travel-mania-contacts-icon{
      padding: 25px 10px 10px 25px;
      background: rgba(26, 55, 77, 0.05);
      border-radius: 50px;
      margin-bottom: 15px;
     }

     .travel-mania-contact{
      padding: 40px 10px;
      margin-top: 2rem;
      box-shadow: 0px 0px 10px #00000024;
      border-radius: 5px;
      overflow: hidden;
      }
     
      /* contact us css end here */


      /* front-page css start here */

      /* slider */

      .home .site-content{

        padding: 0px;
        }
      
        .home .carousel button:hover,.home .carousel button:focus{
      
        background: #5050502e;
        }
      
        .carousel-inner img {
        width: 100%;
          height: 100%;
          object-fit: cover;
      }
      
        .carousel .carousel-item img{
      
        border-radius: 0px;
        }
      
        .carousel-control-prev-icon, .carousel-control-next-icon {
        width: 5rem;
        height: 5rem; 
      }
      
      .sample-carousel .carousel-item{
      
        height: 800px;
      }

      .travel-mania-destination-img{

        width: 100%;
        height: 350px;
        object-fit: cover;
      }

      /* blog */

      .travel-mania-blog-carousel .owl-carousel .owl-item img {
        width: 100%;
        height: 300px!important;
        object-fit: cover;
        object-position: center;
        border-radius: 20px 20px 0px 0px;
        }
      
        .travel-mania-blog-carousel .owl-carousel  .item{
        
        border: 1px solid #ddd;
        border-radius: 20px;
      
        }
      
        .travel-mania-blog-carousel .owl-carousel  .item p {
        color: #666666;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      line-clamp: 4;
      -webkit-box-orient: vertical;
      }

      .travel-mania-blog-content-height p{

        height: 98px;
      }
    
      
      .travel-mania-blog-carousel .owl-carousel .caption{
      
      padding: 20px;
      
      }
      
      
      .travel-mania-blog-carousel .owl-carousel .caption h3{
      
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      line-clamp: 1;
      -webkit-box-orient: vertical;
      }

        /* front-page css end here */