/*
Theme Name: Firestarter
Theme URI: https://firestarter.pk
Author: Firestarter
Author URI: https://firestarter.pk
Description: Firestarter - a corporate storytelling and video production agency theme built for Elementor.
Version: 1.2.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: firestarter
Tags: one-column, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, block-styles

Firestarter WordPress Theme is distributed under the terms of the GNU GPL.
*/

/* This file intentionally holds only the theme header WordPress requires,
   plus the minimal structural rules that must load before Elementor's own
   CSS. All design-system styles (colors, type, cards, grain, footer, nav,
   etc.) live in assets/css/main.css and are enqueued in functions.php so
   they can be cached and versioned independently. */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999999;
	padding: 0.75rem 1.25rem;
	background: #000;
	color: #fff;
	text-decoration: none;
}

.skip-link:focus {
	left: 0.5rem;
	top: 0.5rem;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}


/* Contact page: preserve the preview's two-column layout inside Elementor wrappers. */
.contact-layout.elementor-section > .elementor-container {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	gap: 3.5rem;
	width: 100%;
	max-width: none;
}

.contact-layout.elementor-section > .elementor-container > .elementor-column {
	width: 100% !important;
	min-width: 0;
}

.contact-layout.elementor-section .elementor-widget-wrap,
.contact-layout.elementor-section .elementor-widget,
.contact-layout.elementor-section .elementor-shortcode,
.contact-layout.elementor-section .contact-form-wrap {
	width: 100%;
}

@media (min-width: 900px) {
	.contact-layout.elementor-section > .elementor-container {
		grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
		gap: 4.5rem;
	}
}