/*
Theme Name: Hotel Booking Expert Pro
Theme URI: https://www.seothemesexpert.com/wordpress/hotel-booking-wordpress-theme/
Author: Seothemesexpert
Author URI: https://www.seothemesexpert.com/
Description: Hotel 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.4
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: hotel-booking-expert-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Hotel Booking Expert Pro WordPress Theme has been created by Seothemesexpert(seothemesexpert.com), 2024.
Hotel 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: #2677d9;
  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;
  }
}