/*
Theme Name: Storefront Ecommerce Shop Pro
Theme URI: https://www.ovationthemes.com/products/woocommerce-storefront-theme
Author: Ovationthemes
Author URI: https://www.ovationthemes.com/
Description:   Woocommerce Storefront theme incorporates all the integral aspects and functions. It's responsive and can modify its format for all gadgets display screen sizes. The theme can be translated into exceptional languages. The theme comes with a full-width layout. It approves for small and large-scale customizations such as altering the shade background, background, photo header footer, etc. The code is protected and clean. The Woocommerce Storefront theme for the promoting enterprise lets you allow or disable sections primarily based on your needs. It's SEO-friendly, which capacity you can get an accelerated rank on Google. Google Search Engine.
Version: 0.0.4
Requires at least: 5.2
Tested up to: 5.8
Requires PHP: 6.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: storefront-ecommerce-shop-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Storefront Ecommerce Shop Pro WordPress Theme has been created by ovationthemes(ovationthemes.com), 2018.
Storefront Ecommerce Shop Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

.bypostauthor {
  font-weight: 600;
}

/*--------- Site Loader --------------*/

.preloader {
  background: #f4f9ff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.load{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100px;
  height:100px;
}
.load hr{
  border:0;
  margin:0;
  width:40%;
  height:40%;
  position:absolute;
  border-radius:50%;
  animation:spin 2s ease infinite;
}
.load :first-child{background:#16a412;animation-delay:-1.5s}
.load :nth-child(2){background:#28bc36;animation-delay:-1s}
.load :nth-child(3){background:#16a412;animation-delay:-0.5s}
.load :last-child{background:#28bc36}

@keyframes spin{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}