/*
Theme Name: Gehring Lighting
Theme URI: https://gehringholidaylighting.com
Author: Gehring Exterior Lighting
Author URI: https://gehringholidaylighting.com
Description: A fast, lightweight base theme for Gehring Exterior Lighting, built to work with Elementor, Elementor Pro, Premium Addons for Elementor, Premium Addons PRO, and Slider Revolution. All page design is built with Elementor; this theme supplies the minimal, performant chrome (header/footer fallback, base typography, and brand tokens) that those plugins build on top of.
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: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gehring-lighting
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, full-width-template

This theme, like WordPress, is licensed under the GPL.
Use it to make something great.

Brand tokens (also defined as CSS custom properties below and mirrored in
Elementor > Site Settings > Global Colors / Global Fonts — see readme.txt):
  Gold            #EBB75F
  Champagne Silver #95938E
  Warm Ivory      #F6E7CD
  Black           #000000
  Display font: Fraunces (Google Fonts)
  Body font:    Inter (Google Fonts)
*/

:root {
	--gl-black: #000000;
	--gl-gold: #EBB75F;
	--gl-ivory: #F6E7CD;
	--gl-silver: #95938E;
	--gl-surface: #15120d;
	--gl-hairline: #2a2620;
	--gl-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--gl-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Base reset kept minimal on purpose — Elementor and Premium Addons ship
   their own layout CSS for anything built on the canvas; this file only
   styles content Elementor does not touch (default archives, search
   results, 404, comments, and the header/footer fallback in header.php
   and footer.php). */
html {
	box-sizing: border-box;
}

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

body {
	margin: 0;
	background: #ffffff;
	color: var(--gl-black);
	font-family: var(--gl-font-body);
	font-size: 16px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--gl-font-display);
	line-height: 1.2;
	margin: 0 0 0.6em;
	font-weight: 500;
}

a {
	color: var(--gl-black);
	text-decoration-color: var(--gl-gold);
}

a:hover,
a:focus {
	color: var(--gl-gold);
}

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

.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;
}

.screen-reader-text:focus {
	background: var(--gl-ivory);
	color: var(--gl-black);
	clip: auto !important;
	clip-path: none;
	display: block;
	height: auto;
	left: 8px;
	top: 8px;
	padding: 12px 16px;
	position: fixed;
	width: auto;
	z-index: 100000;
}

.gl-skip-link {
	position: absolute;
	left: -9999px;
}

.gl-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
}

@media (max-width: 640px) {
	.gl-container {
		padding: 0 20px;
	}
}