/*
Theme Name: Luke Helps
Theme URI: https://generatepress.com
Template: generatepress
Author: WPSiteHelper
Author URI: https://www.wpsitehelper.com
Description: This is a child theme of the GeneratePress framework, customized for LukeHelps by WPSiteHelper.
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.0.1763167498
Updated: 2025-11-14 18:44:58

*/


/* TOC
1. ROOT SELECTORS
	vars: spacing, typography, colors, responsive/fluid scaling
2. THEME
	Typography (headings, lists)
	Colors
	Header
	Navigation
	Sidebar
	Footer
	Buttons (states & default structure)
	Overrides
3. CUSTOM CLASSES
	Pages
	Layouts (grids, block headers/footers)
	Components (button--styles)
4. UTILITIES
*/


/* 
|| 1. ROOT SELECTORS
*/
:root {

	/* SPACING */
	--spacing-scale: 1.5;
	--space-m: clamp(1rem, 4vw, 64px);
	--grid-gap: 1.5rem;
	
	/* COMPONENTS */
	--btn-border-radius: 10px;
	--btn-border-width: 1px;
	--btn-padding-block: 0.75em;
	--btn-padding-inline: 1.5em;
	
	/* TYPOGRAPHY */
	--font-size: 16px;
	font-size: var(--font-size);
	
	/* preferred/slope calculations */
	/*--min-viewport-width: 320;
	--min-preferred-value: 1rem;
	--max-viewport-width: 1280;
	--max-preferred-value: 4rem;
	--calc-slope: calc( (var(--max-preferred-value) - var(--min-preferred-value)) / (var(--max-viewport-width) - var(--min-viewport-width)) );
	--calc-y-intercept: calc( var(--min-preferred-value) - (var(--calc-slope) * var(--min-viewport-width)) );
	--text-preferred-value: calc( var(--calc-y-intercept) + (var(--calc-slope) * 100) * 1vw );*/
	
	--text-scale: 1.414;
	--text-m: clamp(1rem, 1rem + 0.1vw, 4rem); */ /* suggested H1: 1.8rem, 7vw+1rem, 5rem */
	/*--text-m: clamp( var(--min-preferred-value), var(--text-preferred-value), var(--max-preferred-value) );*/
	--text-line-height: 1.5;
	--heading-line-height: 1.2;
	--heading-font-weight: 400;
	
	/* COLOR SYSTEM */
	
	
	/* SPACING scale custom properties */
	--space-xxs: calc(var(--space-xs) / var(--spacing-scale));
	--space-xs: calc(var(--space-s) / var(--spacing-scale));
	--space-s: calc(var(--space-m) / var(--spacing-scale));
	--space-l: calc(var(--space-m) * var(--spacing-scale));
	--space-xl: calc(var(--space-l) * var(--spacing-scale));
	--space-xxl: calc(var(--space-xl) * var(--spacing-scale));
	--space-3xl: calc(var(--space-xxl) * var(--spacing-scale));
	
	/* TYPOGRAPHY scale custom properties */
	--text-xxs: calc(var(--text-xs) / var(--text-scale));
	--text-xs: calc(var(--text-s) / var(--text-scale));
	--text-s: calc(var(--text-m) / var(--text-scale));
	--text-l: calc(var(--text-m) * var(--text-scale));
	--text-xl: calc(var(--text-l) * var(--text-scale));
	--text-xxl: calc(var(--text-xl) * var(--text-scale));
	--text-3xl: calc(var(--text-xxl) * var(--text-scale));
	
	--h6: clamp( 12px, var(--text-xs), 4rem );
	--h5: clamp( 12px, var(--text-s), 4rem );
	/* limit how small h5, h6 can get */
	--h4: var(--text-m);
	--h3: var(--text-l);
	--h2: var(--text-xl);
	--h1: var(--text-xxl);
}

@media (max-width: 1440px) {
	:root {
		--spacing-scale: 1.333;
		--text-scale: 1.250;
	}
}


/*
|| 2. THEME
*/

/* Typography selectors and classes */
.text--xxs { font-size: var(--text-xxs); }
.text--xs { font-size: var(--text-xs); }
.text--s { font-size: var(--text-s); }
.text--m { font-size: var(--text-m); } /* body text */
.text--l { font-size: var(--text-l); }
.text--xl { font-size: var(--text-xl); }
.text--xxl { font-size: var(--text-xxl); }
.text--3xl { font-size: var(--text-3xl); }
h6, .h6 { font-size: var(--h6); }
h5, .h5 { font-size: var(--h5); }
h4, .h4 { font-size: var(--h4); }
h3, .h3 { font-size: var(--h3); }
h2, .h2 { font-size: var(--h2); }
h1, .h1 { font-size: var(--h1); }
:is(h1, h2, h3, h4, h5, h6) {
	line-height: var(--heading-line-height);
}
@media (min-width:100ch) {
	:is(h1, h2, h3, h4, h5, h6), .balance {
		text-wrap-style: balance;
	}
}
p, blockquote, li {
	text-wrap-style: pretty;
}
p:last-child:last-of-type {
	-webkit-margin-after: 0;
	margin-block-end: 0;
}

body, button, input, select, textarea {
	font-size: var(--text-m, inherit);
	line-height: var(--text-line-height);
	min-height: 0vw; /* safari fix */
}



/* // created this as compound selector class in gbp global styles
*[class*="gbp-button-"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--btn-padding-block) var(--btn-padding-inline);
	font-size: var(--text-m);
	text-decoration: none;
	line-height: var(--heading-line-height);
	border-width: var(--btn-border-width);
	border-radius: var(--btn-border-radius);
}*/