/*
Theme Name: Lighting Shop
Theme URI: https://www.buywpthemes.net/products/free-lighting-wordpress-theme/
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: When people go online to shop for lights and lamps they’re looking for an online shop that will make their shopping experience comfortable, free of hassles and complications, pleasant, simple, and above all safe!  This Lighting Shop WordPress Theme offers all these and beyond. What makes it visually appealing and attractive is the combination of the layout and navigation structure it offers besides the overall design our expert designers have curated. While the index page enables the shop owner to introduce the business as a whole, there are sections where you can display your entire range of lamps that you deal in. Right from everyday essential requirement of lamps like study lamps, garage lamps, night lamps to the glamorous ones like mood lights, chandeliers, wall lamps, and all others that you sell. The overall look of this Lighting Shop WordPress Theme reflects a certain mood that suits the nature of this product i.e. lamps and lights. You will notice that while it is bright, it is also somber with the certain sections rightly highlighted to draw and hold visitors’ attention. As soon as visitor reaches your theme, they will immediately come to know you as an entrepreneur, where you come from, the kind of products you deal in, its pricing, special offers, and any other information that you deem important for a potential buyer to know about. Everything is very well placed in sections making it convenient for you to spread information in a flow that you think will best work for your targeted customer. While Lighting Shop WordPress Theme looks amazing and compatible with all devices and browsers, you will be relieved to know that you can manage it. The easy-to-use dashboard enables you to make changes easily. You can change images, make new announcements, delete outdated images and content etc. It will take you a little time to get acquainted with the interface, but once you understand it, within minutes you will be able to make changes and maintain your online lighting shop yourself. Planning to go online with your lighting store? Download the best Lighting Shop WordPress Theme! 
Version: 0.1.9
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: lighting-shop
Slug: lighting-shop
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;
}
#slider-section .slideinning{
    position: absolute;
    top: -25%;
    bottom: 15%;
    left: -25%;
    right: 64%;
    /* background: #c14242f2; */
    background-image: url(assets/images/sli-oly.jpg) !important;
    border-radius: 0 0 1500px 1500px;
}

.slideinning:after {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    border:10px solid #494747;
    border-top: none;
    border-left: none;
    opacity: 1;
    border-radius: 0 0 1500px 1500px ;
}
#service-section {
    background-repeat: no-repeat;
    background-size: cover;
}
#blog-section {
    background-repeat: no-repeat;
    background: #000;
    background-size: cover;
}
.breadcrumb-section{
    position: relative;
    width: 100%;
    padding: 11em 0 3em 0;
    background-image: url(assets/images/footer.jpg) !important;
}
.breadcrumb-section .headoly {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000087;
}

.footer-area {
     background-image: url(assets/images/footer.jpg) !important;
    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;
}
.footer-area .f-oly{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background:#151515;
    opacity: 0.3; 
      z-index: -1; 
}
.footer-area .f-innbx {
    position: relative;
    padding: 0em 2em 0em 2em;
    margin: 0px 0 1em 0;
}
/* 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%;
}
@media (max-width: 767px) {
    .about-banner-text {width: 100%;}
    .breadcrumb-section .headoly { right: 1% !important;}
}
.slider-img-overlay {
    right: 38.5%;
}

}