/*
Theme Name: The Elevation Insider
Template: generatepress
Author: WPSiteHelper
Author URI: https://www.wpsitehelper.com
Description: This is a child theme of the GeneratePress framework, customized for The Elevation Insider 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: 1.0.1
Updated: 2025-05-15 00:05:43

*/


: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.75rem;
    --btn-padding-inline: 1.5em;
	
	/* TYPOGRAPHY */
    --font-size: 16px;
    --text-scale: 1.414;
	/*--text-scale: 1.618;*/
    --text-m: clamp(1rem, 1rem + 0.1vw, 4rem);
    --text-line-height: 1.618;
    --heading-line-height: 1.25;
	
	/* 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));
}
/* 1440px alt */
@media (max-width: 1440px) {
    :root {
        --spacing-scale: 1.333;
        --text-scale: 1.250;
    }
}



/* 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: clamp( 12px, var(--text-xs), 64px ); }
h5, .h5 { font-size: clamp( 12px, var(--text-s), 64px ); } /* set hard limit on how small h5, h6 can get */
h4, .h4 { font-size: var(--text-m); }
h3, .h3 { font-size: var(--text-l); }
h2, .h2 { font-size: var(--text-xl); }
h1, .h1 { font-size: var(--text-xxl); }
:is(h1, h2, h3, h4, h5, h6) {
	line-height: var(--heading-line-height);
}
:is(h1, h2) { letter-spacing: -.03em; }
:is(h3, h4) { letter-spacing: -.02em; }
@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, inherit);
	min-height: 0vw; /* safari fix */
}



/*Right Sidebar*/
.inside-right-sidebar {
	position: sticky;
    top: 60px;
    align-items: flex-start;
}



/*
 * FOOTER
 *
 ***************************************/
.wp-footer-menu {
	column-gap: var(--grid-gap);
}
@media (max-width: 767px) {
    .wp-footer-menu {
        flex-direction: column;
    }
    .footer-menu-container {
        
    }
}



/* 
 * GENERATEPRESS THEME OVERRIDES
 * Sets values unavailable in Customizer.
 * (i.e. variables instead of static values)
 * **************************************************/
.site-header,
#mobile-header {
	padding-inline: var(--space-l);
	padding-block: var(--space-xxs);
}
.site-header .inside-header.grid-container {
	max-width: var(--gb-container-width, 1280px);
}
@media (max-width: 900px) {
	.navigation-branding .main-title, 
	.main-navigation.mobile-header-navigation .site-logo {
		margin-left: 0;
	}
}

a {
	text-underline-offset: .25em;
}



/* 
 * CUSTOM CLASSES
 * Pages, Layouts, Components
 * 
 * *******************************************/
/* Newsletters by Topic */
@media (min-width: 768px) {
	.newsletters-topic-grid {
		grid-auto-rows: 1fr;
	}
}



/* ___Forms____ */
@media (max-width: 768px) {
	:is(.fluent_form_3, .fluent_form_4) :is(
		input[type="text"], 
		input[type="email"], 
		input[type="url"], 
		input[type="password"], 
		input[type="search"], 
		input[type="tel"], 
		input[type="number"], 
		textarea, 
		select
	) {
		text-align: center;
	}
}



/* Buttons */
/*
[class*='button--'], .gb-button[class*='button--'] {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 1em 1.5em;
}
*/
.ff-btn.sidebar-subscribe-button {
    width: 100%;
}

/* WP Grid Builder components */
.wpgb-facet.wpgb-facet .wpgb-button-facet {
	align-items: center;
}
.wpgb-facet.wpgb-facet ul .wpgb-button {
	align-items: center;
	margin: 0;
	/*padding: var(--btn-padding-block) var(--btn-padding-inline);*/
	border-color: var(--surface-100, gray);
}
.wpgb-facet.wpgb-facet .wpgb-button-label {
	line-height: var(--text-line-height);
	padding: 0 0.125em;
	font-size: var(--text-m);
	font-weight: 400;
}
.wpgb-facet.wpgb-facet .wpgb-button:hover {
	background-color: var(--surface-100);
}
.wpgb-facet.wpgb-facet .wpgb-button[aria-pressed=true] {
	background-color: var(--surface-900, black);
	border-color: var(--surface-900, black);
	color: var(--surface-50);
}
.wpgb-facet.wpgb-facet .wpgb-button:hover:not(button):not([aria-pressed=true]):not([tabindex="-1"]),
.wpgb-facet.wpgb-facet .wpgb-checkbox:hover:not([tabindex="-1"]) .wpgb-checkbox-control,
.wpgb-facet.wpgb-facet .wpgb-input:hover,
.wpgb-facet.wpgb-facet .wpgb-radio:hover:not([tabindex="-1"]) .wpgb-radio-control,
.wpgb-facet.wpgb-facet .wpgb-select:hover {
	border-color: var(--surface-100, grey);
}





/* Sidebar Form */
.form--column .frm-fluent-form .ff-column-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0;
}



/*
 * UTILITY CLASSES
 * 
 * *************************************************/
.transition {
	transition: all .25s ease-in-out;
}

.text-balance {
	text-wrap-style: balance;
}
.text-balance--none {
	text-wrap-style: unset;
}
.place-content-center {
	place-content: center;
}

.hide-me, .hidden {
	width: 1px;
    border: 0;
    overflow: hidden;
    position: absolute;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    padding: 0;
}