/*
Theme Name: Apex Safety
Theme URI: https://example.com/apex-safety
Author: Apex Studio
Author URI: https://example.com
Description: A modern, bold WordPress theme purpose-built for Fire & Safety Training Institutes and industrial education businesses. Ships with full Elementor Pro Theme Builder support (Header, Footer, Single, Archive, 404), custom post types for Courses, Testimonials, Trainers & Placements, Elementor template JSON files that recreate the hero / bold red-and-navy layout out of the box, WP Customizer color controls, and a one-click demo content importer.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apex-safety
Tags: elementor, elementor-pro, one-column, two-columns, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, education, blog, portfolio

Apex Safety is a child-friendly parent theme. It is licensed under the GPL.
*/

/* Basic reset — heavy lifting is done by Elementor Pro. This file only
   holds the WP required header + light fallback styles for non-Elementor pages. */

html { box-sizing: border-box; }
*,*::before,*::after { box-sizing: inherit; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
  color: #0A1F44;
  background: #ffffff;
  line-height: 1.6;
}
a { color: #E02424; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; display: block; }

.apex-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Fallback header/footer used when Elementor Pro templates are NOT active */
.apex-fallback-header {
  background: #ffffff;
  border-bottom: 1px solid #eee;
  padding: 16px 0;
}
.apex-fallback-header .apex-container { display: flex; align-items: center; justify-content: space-between; }
.apex-fallback-header .site-title { font-size: 22px; font-weight: 800; color: #0A1F44; }
.apex-fallback-header .site-title a { color: inherit; text-decoration: none; }
.apex-fallback-header nav ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 24px; }
.apex-fallback-header nav a { color: #0A1F44; font-weight: 600; }

.apex-fallback-footer {
  background: #0A1F44;
  color: #fff;
  padding: 40px 0;
  margin-top: 60px;
}
.apex-fallback-footer a { color: #fff; }
.apex-fallback-footer .copy { opacity: .7; font-size: 14px; margin-top: 20px; }

/* Post/page content */
.entry-title { font-size: 40px; line-height: 1.15; color: #0A1F44; margin: 0 0 20px; font-weight: 800; }
.entry-meta { color: #666; font-size: 14px; margin-bottom: 24px; }
.entry-content h2 { color: #0A1F44; }
.entry-content .btn, .entry-content button {
  background: #E02424; color: #fff; padding: 12px 24px; border-radius: 6px; display: inline-block; border: none; cursor: pointer;
}

/* Accessibility */
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}
.skip-link { position: absolute; left: -9999px; top: 0; background: #E02424; color: #fff; padding: 10px 16px; z-index: 9999; }
.skip-link:focus { left: 10px; top: 10px; }

/* Widget area */
.widget { margin-bottom: 24px; }
.widget-title { color: #0A1F44; margin-bottom: 10px; }

/* Comment list */
.comment-list { list-style: none; padding: 0; }
.comment-list li { padding: 16px 0; border-bottom: 1px solid #eee; }