/*
Theme Name: Benson
Theme URI: https://www.cssigniter.com/demo2/?theme=benson
Author: Antigravity WordPress Themes
Author URI: https://www.cssigniter.com/
Description: A modern, high-end photography and portfolio WordPress theme inspired by Benson by CSSIgniter. Featuring custom hero headers, filterable portfolio galleries, testimonial slider, custom post types, lightbox gallery, responsive mobile drawer menu, and deep WordPress Customizer options.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: benson
Tags: portfolio, photography, custom-header, custom-menu, featured-images, grid-layout, one-column, two-columns, three-columns, right-sidebar, translation-ready, theme-options

--------------------------------------------------------------
TABLE OF CONTENTS
1. Variables & Root
2. Reset & Typography
3. Header & Navigation
4. Hero Slider & Header Banner
5. Portfolio & Gallery Grid
6. Filter Navigation
7. Single Portfolio & Lightbox
8. Blog & Standard Pages
9. Testimonials & Widgets
10. Footer Section
11. Responsive Breakpoints
--------------------------------------------------------------
*/

:root {
	--benson-font-heading: 'Playfair Display', Georgia, serif;
	--benson-font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	
	--benson-bg-dark: #121212;
	--benson-bg-card: #1e1e1e;
	--benson-bg-light: #ffffff;
	--benson-bg-alt: #f8f9fa;
	
	--benson-text-dark: #111111;
	--benson-text-muted: #777777;
	--benson-text-light: #f4f4f4;
	
	--benson-accent: #c89a58;
	--benson-accent-hover: #b28443;
	--benson-border: #e0e0e0;
	--benson-border-dark: #2a2a2a;

	--benson-transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
	--benson-container-max: 1240px;
}

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

body {
	margin: 0;
	padding: 0;
	font-family: var(--benson-font-body);
	font-size: 15px;
	line-height: 1.7;
	color: #333333;
	background-color: var(--benson-bg-light);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--benson-font-heading);
	font-weight: 400;
	color: var(--benson-text-dark);
	margin-top: 0;
	margin-bottom: 0.6em;
	line-height: 1.25;
}

a {
	color: var(--benson-text-dark);
	text-decoration: none;
	transition: var(--benson-transition);
}

a:hover, a:focus {
	color: var(--benson-accent);
}

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

.benson-container {
	width: 100%;
	max-width: var(--benson-container-max);
	margin: 0 auto;
	padding: 0 20px;
}

.benson-btn {
	display: inline-block;
	padding: 12px 28px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: var(--benson-text-dark);
	border: 1px solid var(--benson-text-dark);
	border-radius: 0;
	cursor: pointer;
	transition: var(--benson-transition);
}

.benson-btn:hover {
	background-color: var(--benson-accent);
	border-color: var(--benson-accent);
	color: #ffffff;
}

.benson-btn-outline {
	background-color: transparent;
	color: var(--benson-text-dark);
}

.benson-btn-outline:hover {
	background-color: var(--benson-text-dark);
	color: #ffffff;
}