/*
Theme Name: Book Publisher Pro
Theme URI: https://themagnifico.net/demo/book-publisher/
Author: Themagnifico
Author URI: https://www.themagnifico.net/
Description: Bookstore WordPress Theme is specially designed for book store, education, author, selling ebooks, PDFs online, journalists, editors, publishers, course providers, literature, copywriter, journal, publisher, story, caters education, selling ebooks, coffee book store, journalists, e-magazines, online and onsite book stores, poets, bloggers, online store, or a book portfolio site PDFs online, course providers, online courses and journalism websites. Also, it is suitable for teachers, institutes, training academy, coaching centre, LMS, guidance, counselling centre, e-learning, kindergartens, playschools, day care centres, and primary schools websites. The theme is mobile-friendly with a responsive design. Also, it is SEO-friendly. Make your website more colourful and attractive using advanced color options, Color pallets, font awesome icons, 100+ font family options and adding custom CSS/JS if you know to code. For customizing the pages you have full-width template, custom page
templates, pagination option and multiple inner page templates. You also have enable-disable option on all sections.
Version: 0.0.1
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: book-publisher-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Book Publisher Pro WordPress Theme has been created by Themagnifico(Themagnifico.net), 2018.
Book Publisher 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;
}
div#mySidenavBar{
	height: 100%;
    top: 0;
    width: 0;
    position: fixed;
    z-index: 9999999;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    padding-bottom: 30px;	
}
.sidenavBar .closebtn {
    position: absolute;
    top: 2%;
    right: 7px;
    font-size: 36px;
    display: block;
}
#mySidenavBar h4.title {
    font-size: 20px;
    line-height: 22px;
    color: #111;
    font-weight: 400;
    font-family: "Ubuntu";
    text-align: center;
}
#mySidenavBar .content {
    font-size: 16px;
    line-height: 22px;
    color: #111;
    font-weight: 400;
    font-family: "Ubuntu";
    text-align: center;
}
.sidenavBar {
    height: 100%;
    top: 0;
    width: 0;
    position: fixed;
    z-index: 9999999;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    padding-bottom: 30px;
}
.load hr{
  border:0;
  margin:0;
  width:40%;
  height:40%;
  position:absolute;
  border-radius:50%;
  animation:spin 2s ease infinite;
}
.load :first-child{background:#1b1b1b;animation-delay:-1.5s}
.load :nth-child(2){background:#fc3657;animation-delay:-1s}
.load :nth-child(3){background:#1b1b1b;animation-delay:-0.5s}
.load :last-child{background:#fc3657}

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