/*
Theme Name: Fire Brigade Pro
Theme URI: https://www.legacytheme.net/products/firefighter-wordpress-theme/
Author: Legacytheme
Author URI: https://www.legacytheme.net/
Description: The Firefighter WordPress Theme is expertly crafted for fire departments, rescue teams, The Firefighter WordPress Theme is expertly crafted for fire departments, rescue teams, emergency response units, and public safety organizations seeking a professional online presence, emergency response units, and public safety organizations seeking a professional online presence. With an intuitive design and flexible layout, this theme allows emergency service providers to showcase their services, response teams, safety programs, and rescue operations seamlessly. Its user-friendly interface ensures visitors can easily navigate and find the information they need, while integrated tools like contact forms, emergency information sections, and service pages provide functionality tailored to firefighting operations. Built with performance in mind, the theme supports high-resolution images, engaging typography, and smooth animations, giving your emergency services website a polished and contemporary look. From local fire stations to citywide rescue departments, the Firefighter WordPress Theme empowers organizations to create an impactful digital presence, attract community trust, and enhance service awareness, all while maintaining a brand identity that reflects professionalism, courage, and efficiency in every aspect of the design.
Version: 0.0.2
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: fire-brigade-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Fire Brigade Pro WordPress Theme has been created by Legacytheme(legacytheme.net), 2026.
Fire Brigade Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+Double+Pica+SC&display=swap');

.bypostauthor {
  font-weight: 600;
}
/*--------- Site Loader --------------*/
.preloader {
  background: #FAAD08;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
  justify-content: center;
  align-items: center;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000000;
	.overlayDoor {
		&:before, &:after {
			content: "";
			position: absolute;
			width: 50%;
			height: 100%;
			background: #FAAD08;
			transition: .5s cubic-bezier(.77,0,.18,1);
			transition-delay: .8s;
		}
		&:before {
			left: 0;
		}
		&:after {
			right: 0;
		}
	}
	&.loaded {
		.overlayDoor {
			&:before {
				left: -50%;
			}
			&:after {
				right: -50%;
			}
		}
		.overlayContent {
			opacity: 0;
			margin-top: -15px;
		}
	}
	.overlayContent {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		transition: .5s cubic-bezier(.77,0,.18,1);
		.skip {
			display: block;
			width: 130px;
			text-align: center;
			margin: 50px auto 0;
			cursor: pointer;
			color: #fff;
			font-family: 'Nunito';
			font-weight: 700;
			padding: 12px 0;
			border: 2px solid #fff;
			border-radius: 3px;
			transition: 0.2s ease;
			&:hover {
				background: #ddd;
				color: #444;
				border-color: #ddd;
			}
		}
	}
}
.loader {
  width: 90px;
  height: 90px;
	border: 3px solid #fff;
	border-bottom: 3px solid transparent;
	border-radius: 50%;
	position: relative;
	animation: spin 1s linear infinite;
	display: flex;
	justify-content: center;
	align-items: center;
	.inner {
		width: 64px;
		height: 64px;
		border: 3px solid transparent;
		border-top: 3px solid #fff;
		border-radius: 50%;
		animation: spinInner 1s linear infinite;
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes spinInner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-720deg);
	}
}