/*
Theme Name: Digital Storefront Pro
Theme URI: https://themagnifico.net/products/digital-storefront-pro/
Author: Themagnifico
Author URI: https://www.themagnifico.net/
Description: Storefront WordPress Theme is suitable to create all kinds of online stores with advanced options it offers. This premium theme has a gorgeous, modern, luxurious and professional design that all your visitors will love. It is SEO-friendly theme that will help your website get indexed soon on major search engines. It is implemented on bootstrap framework therefore is very handy to use. Storefront WordPress Theme is compatible with different famous WordPress plugins like Contact form 7, WooCommerce etc. It is written with clean and secure codes. Also, it is optimized for speed hence gives faster page load times. It is translation-ready and supports RTL layout. You can add shortcodes and custom CSS/JS if you know coding. As it is a premium theme, it has many advance options for customization and personalization. It has responsive design which fits well with all devices screen sizes.
Version: 0.0.4
Requires at least: 5.0
Tested up to: 5.6.1
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: digital-storefront-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Digital Storefront Pro WordPress Theme has been created by Themagnifico(Themagnifico.net), 2018.
Digital Storefront 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:#ffe9e9;animation-delay:-1.5s}
.load :nth-child(2){background:#ff6868;animation-delay:-1s}
.load :nth-child(3){background:#ffe9e9;animation-delay:-0.5s}
.load :last-child{background:#ff6868}

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