/*
Theme Name: Technical Blogging Pro
Theme URI: https://www.legacytheme.net/products/blogging-wordpress-theme/
Author: Legacytheme
Author URI: https://www.legacytheme.net/
Description: The Blogging WordPress Theme is a versatile and premium website template designed to cater to a wide range of blogging niches. With its minimalist layout, it allows you to focus on what matters most: your writing and storytelling. The theme’s customization options make it easy to tailor your blog’s appearance, whether you want to showcase a fashion brand, a fitness blog, or a gardening blog. Its sophisticated design elements, including banners, testimonial sections, and team showcases, enhance your site’s professionalism. Built with SEO-friendly features and optimised code, this theme not only engages your audience but also helps attract organic traffic, making it an ideal choice for aspiring and seasoned bloggers a like.
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: technical-blogging-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Technical Blogging Pro WordPress Theme has been created by Legacytheme(Legacytheme.net), 2025.
Technical Blogging 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:#b6def5;animation-delay:-1.5s}
.load :nth-child(2){background:#9937fa;animation-delay:-1s}
.load :nth-child(3){background:#b6def5;animation-delay:-0.5s}
.load :last-child{background:#9937fa}

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