/*
Theme Name: Nonprofit Donation
Theme URI: https://webinane.com/themes/nonprofit-donation/
Author: Webinane
Author URI: https://webinane.com/
Description: Nonprofit Donation is a modern, fully responsive WordPress theme for charities, NGOs, nonprofits and fundraising organizations. Built for Elementor and powered by the Nonprofit Donation Core plugin, it ships with custom widgets, a Redux-based theme options panel, and one-click demo import.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
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: nonprofit-donation
Tags: nonprofit, charity, donation, fundraising, ngo, elementor, one-column, two-columns, right-sidebar, left-sidebar, custom-menu, custom-logo, featured-images, full-width-template, theme-options, translation-ready
*/

/* ==========================================================================
   This file holds the theme header (required by WordPress) plus a small set
   of base resets. The bulk of the visual styling is loaded from
   assets/css/main.css and assets/css/responsive.css (see inc/enqueue.php).
   ========================================================================== */

:root {
	--ndp-color-primary: #2bae66;
	--ndp-color-secondary: #1f2a44;
	--ndp-color-accent: #ff7a59;
	--ndp-color-text: #4a4f5c;
	--ndp-color-heading: #1f2a44;
	--ndp-color-muted: #8a909c;
	--ndp-color-border: #e7e9ee;
	--ndp-color-bg: #ffffff;
	--ndp-color-bg-alt: #f6f8fb;
	--ndp-container: 1200px;
	--ndp-radius: 8px;
	--ndp-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--ndp-font-heading: "Poppins", var(--ndp-font-body);
}

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

body {
	margin: 0;
	font-family: var(--ndp-font-body);
	font-size: 16px;
	line-height: 1.7;
	color: var(--ndp-color-text);
	background: var(--ndp-color-bg);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--ndp-font-heading);
	color: var(--ndp-color-heading);
	line-height: 1.25;
	margin: 0 0 .5em;
}

a { color: var(--ndp-color-primary); text-decoration: none; }
a:hover { color: var(--ndp-color-secondary); }

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

/* Accessibility: skip link + screen-reader text (required for theme review) */
.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 !important;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link:focus {
	background-color: #fff;
	clip: auto;
	clip-path: none;
	color: var(--ndp-color-secondary);
	display: block;
	font-size: 14px;
	font-weight: 700;
	left: 6px;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	top: 6px;
	z-index: 100000;
}

.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Sticky footer scaffold */
.site { display: flex; flex-direction: column; min-height: 100vh; }
.site-content { flex: 1 0 auto; }
.site-footer { flex-shrink: 0; }