/*
Theme Name: Martial Arts Training Pro
Theme URI: https://www.ovationthemes.com/products/fitness-trainer-wordpress-theme/
Author: Ovationthemes
Author URI: https://www.ovationthemes.com/
Description: martial-arts WordPress Theme is the perfect choice for all your martial-arts and health related websites like personal trainers, health coach, yoga, diet and nutrition planning, indoor and outdoor exercise, for class and martial-arts enthusiasts, physiotherapist, powerlift, clubs, dieticians, physiotherapy, wellness, workout, lifestyle, aerobics, boxing, sports, cross fit, spa and massage, etc. It has a responsive layout for all devices and fits in all screen sizes. It has theme options using customizer API. You
get options for favicon, logo, title and tagline customization. This premium theme is compatible with various WordPress plugins like contact form 7 and WooCommerce.
Version: 0.0.6
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: martial-arts-training-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Martial Arts Training Pro WordPress Theme has been created by ovationthemes(ovationthemes.com), 2018.
Martial Arts Training Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

.bypostauthor {
  font-weight: 600;
}

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

.preloader {
  background: #fff;
  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:#e2133a;animation-delay:-1.5s}
.load :nth-child(2){background:#e2133a;animation-delay:-1s}
.load :nth-child(3){background:#e2133a;animation-delay:-0.5s}
.load :last-child{background:#e2133a}

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