/*
Theme Name: Demolition Contractor Pro
Theme URI: https://www.legacytheme.net/products/demolition-wordpress-theme/
Author: Legacytheme
Author URI: https://www.legacytheme.net/
Description: The Demolition Contractor WordPress Theme offers a powerful and professional layout designed for demolition experts, construction firms, and industrial service providers. Its clean, modern, and responsive design helps businesses showcase services, project portfolios, safety standards, and team expertise with clarity and confidence. The theme includes customizable banners, engaging sections, and strategically placed CTAs that guide visitors toward service inquiries or quote requests. With optimized performance, secure coding, and user-friendly controls, it ensures a smooth browsing experience. Ideal for agencies and contractors, it blends functionality, elegance, and branding flexibility.
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.8
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: demolition-contractor-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Demolition Contractor Pro WordPress Theme has been created by Legacytheme(legacytheme.net), 2025.
Demolition Contractor Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

.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;
  opacity: 1;
}
.load :first-child{background:#448DFB;animation-delay:-1.5s}
.load :nth-child(2){background: #0BB640;;animation-delay:-1s}
.load :nth-child(3){background:#448DFB;animation-delay:-0.5s}
.load :last-child{background: #0BB640;}

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


.loader-container {
  position:absolute;
  top:50%;
  left:50%;
  height:5rem;
  width:5rem;
  translate:-2.5rem -2.5rem;
}