/*
Theme Name: Travel Booking Expert Pro
Theme URI: https://www.seothemesexpert.com/wordpress/travel-booking-website-template
Author: Seothemesexpert
Author URI: https://www.seothemesexpert.com
Description:  Travel Booking Website Template is specifically designed for travel booking websites. It includes features such as integration with popular booking and reservation systems, sections designed specifically for travel websites, responsive design, SEO-optimized code, and customization options for displaying information about destinations, accommodations, and travel packages. It's worth noting that these are just a few examples of features a premium template has many more features for creating a website,  Additionally, this theme can easily be customized to create a travel booking website.
Version: 0.0.5
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 5.2.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: travel-booking-expert-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Travel Booking Expert Pro WordPress Theme has been created by Seothemesexpert(seothemesexpert.com), 2018.
Travel Booking Expert Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
.sticky{
    position: unset;
}
/*--------- Site Loader --------------*/

    .preloader{
      display: flex;
      background: #eb1d36;
      height: 100%;
      width: 100%;
      left: 0;
      bottom: 0;
      top: 0;
      position: fixed;
      z-index: 99999;
    }
    .preloader .loading-dot{
        width: 15px;
        height: 15px;
        margin: auto;
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        animation: load 3s infinite linear;
    }
    @keyframes load{
        0% {
            transform: rotate(0deg); 
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        25%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        50%{
            box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        70%{
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        75%{
            width:10px;
            height:10px;
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        80%{
            background-color: #fff;
            width:40px;
            height:40px;
            transform: rotate(360deg); 
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        85%{
            background-color: #fff; 
            width:40px;
            height:40px;
            transform: rotate(360deg);
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        90%{
            background-color: #fff; 
            width:10px;
            height:10px;
            transform: rotate(360deg); 
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        95%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        100%{
            transform: rotate(360deg);
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
    }





    .searchform {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        align-items: center;
        margin-bottom: 20px;
    }
    
    .search-fields {
        display: flex;
        gap: 10px;
        width: 100%;
    }
    
    .search-fields label {
        font-weight: bold;
        margin-bottom: 5px;
    }
    
    .search-fields input[type="text"],
    .search-fields input[type="date"],
    .search-fields select {
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        width: 100%;
        background-color: #fff;
        max-width: 300px;
    }
    
    .search-fields input[type="submit"] {
        padding: 10px 20px;
        background-color: #FF6F30;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
    
    .search-fields input[type="submit"]:hover {
        background-color: #FF6F30;
    }
    
    .search_boxs {
        background: #fff;
        padding: 30px;
        border-radius: 20px;
        border: 1px solid #FF6F30 !important;
        box-shadow: 8px 8px 15px rgba(255, 111, 48, 0.7);
    }
    .search-result-item {
        padding-bottom: 40px;
    }
    .search-result-content h2{
        font-size: 40px;
    }
    .search-result-content h2 a {
        color: #eb1d36;
    }
    .search-result-content p {
        color: #000 !important;
    }
    .search-result-content .post-excerpt p {
        font-size: 21px;
        line-height: 30px;
    }
    .search-result-content .post-meta p {
        font-size: 21px;
        margin: 10px 0;
    }
    .search-result-content .post-meta {
        margin-top: 30px;
    }
    .search-result-thumbnail a img {
        width: 100%;
    }