/*
Theme Name: Star Hotel
Theme URI: https://www.buywpthemes.net/products/free-hotel-wordpress-theme/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: For hoteliers, restaurateurs, cafes looking at developing an online presence for their premium restaurant or hotel with star branding, Star Hotel WordPress Theme is for you! Whether you are owner of chain or hotels or restaurants, cafes and want to open a new unit as a part of expansion plan or this is the first, Star Hotel WordPress Theme is going to give you a perfect take off in the industry. It’s been designed to attract elite audience. Our design team understands that Star Hotel customer profile will be unique and to attract the right foot-fall, the design will have to cater to a certain taste.   One look at our Star Hotel WordPress Theme, and we assure you, you will love it! Among many features that our start hotel WordPress theme offers are mentioned here. The design of this theme is responsive and Mobile compatible. Whether customer views your hotel on his/her mobile phone or laptop or any other device; also whether he/she uses Google or Explorer, the theme can be viewed in its original look and dimension without any distortion. This means customer experience not compromised at all. We’re also offering customization in the Star Hotel WordPress Theme, meaning you can customize certain things like images, photo captions, background colors, font size & face, content etc. as per your need. It is light weight which means loading time speed is so good that it will never come in the way of customer experience. The layout enables you publish all important information, and display pictures that will create a good impression about your hotel. You can publish menu, put images of food items, and share important announcements and offers with visitors and so on. It’s an easy to use dashboard which may take you a short while to grasp. As you get familiar with repetition of functions or practice, you will become a pro and you will be able to manage star hotel WordPress theme effortlessly! So stop worrying and download this star hotel WordPress theme and make your hotel live and start spreading the word about it. 
Version: 0.2.7
Tested up to: 5.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: star-hotel
Slug: star-hotel
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, grid-layout, portfolio, photography

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/  
.waves {
    position: absolute; 
    width: 100%;
    height: 31vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
    bottom: 0;
}
.m-rl{margin-right: 0;margin-left: 0}

.hero-slider .sliderimg{
    padding: 29px 0px 0px 57px;
    background: #E7DB13;
    margin: 0;
    width: 920px;
    height: 700px;
    right: 108px;
    top: 0px;
    z-index: 0;
    position: relative;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
.hero-slider .sliderimg img{
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 920px;
    height: 640px;
}

#contactus-section{
    position: relative;
    background:url(assets/images/contact.jpg) ;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-area {
    background: #2a292b;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    overflow: initial;
    z-index: 1;
    padding:4em 0 0em 0;
    background-repeat: no-repeat;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}
.recentcomments a {
    display: inline-block !important;
    padding-left: 18px !important;
    margin: 0 !important;
}

.slider-img-overlay {
    position: absolute;
    left: 0;
    right: 52.5%;
    top: 0;
    bottom: 0;
    background: #161415;
    opacity: 1;
    clip-path: polygon(0 0, 67% 0, 100% 100%, 0% 100%);
}
.slider-img-overlay-outer {
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 1;
    clip-path: polygon(0 0, 68% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
.slider-img-overlay-outer {
    right: 35%;
}
.slider-img-overlay {
    right: 38.5%;
}

}
