/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://wp-devops.com
 Description:  Default GeneratePress child theme
 Author:       Daniel Strongin
 Author URI:   https://wp-devops.com
 Template:     generatepress
 Version:      1.0
*/


/*** 1. THEME TWEAKS ***/

/* Set the main content area height. This is so you can't see underneath the footer */
#main {
		min-height: 45vh;
}

/* Adjusting Line Limits for excerpt on cards */
.line-limit-3, .line-limit-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.line-limit-3 {
	-webkit-line-clamp: 3;
}
.line-limit-2 {
	-webkit-line-clamp: 2;
}

/* Add top margin to blog post H2-H6 */

.single-post :is(h2, h3, h4, h5, h6) {
	margin-top: 1.5em;
} 

/* Button Global Line Height */
.gb-button {
	line-height: 1em;
}

/*** 2. TYPOGRAPHY ***/

:root {
    /* Font families - must match Customizer > Typography settings Pull in font familys using font manager. 
     * set headline-font as 'all headings', set bondy-font as HTMl 
     */
    --headline-font: system-ui, sans-serif;
    --body-font: system-ui, sans-serif;
    
    /* Fluid typography variables */
    --fs-body: clamp(1rem, calc(0.96rem + 0.21vw), 1.125rem);
    --fs-headline-xl: clamp(3.05rem, calc(2.24rem + 4.08vw), 5.5rem);
    --fs-headline-h1: clamp(2.44rem, calc(1.96rem + 2.41vw), 3.89rem);
    --fs-headline-h2: clamp(1.95rem, calc(1.69rem + 1.33vw), 2.75rem);
    --fs-headline-h3: clamp(1.56rem, calc(1.44rem + 0.64vw), 1.94rem);
    --fs-headline-h4: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
    --fs-headline-h5: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
    --fs-headline-h6: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
    --fs-headline-pre: clamp(0.97rem, calc(1.01rem + -0.05vw), 1rem);
    --fs-headline-body-xl: clamp(1.27rem, calc(1.15rem + 0.59vw), 1.62rem);
    --fs-headline-body-l: clamp(1.13rem, calc(1.05rem + 0.38vw), 1.35rem);
    --fs-headline-body-s: clamp(0.89rem, calc(0.87rem + 0.08vw), 0.94rem);
    --fs-headline-body-xs: clamp(0.78rem, calc(0.79rem + -0.01vw), 0.79rem);
    --text-s: clamp(0.89rem, calc(0.87rem + 0.08vw), 0.94rem);
    --text-xs: clamp(0.78rem, calc(0.79rem + -0.01vw), 0.79rem);
}

/* Default Body / p font settings */
p {
    font-size: var(--fs-body);
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    font-family: var(--body-font);
}

/* Default Headings font weight, margin bottom, font-family */
h1, h2, h3, h4, h5, h6, 
.gb-headline-xxl, .gb-headline-xl, 
.gb-headline-h1, .gb-headline-h2, 
.gb-headline-h3, .gb-headline-h4, 
.gb-headline-h5, .gb-headline-h6 {
    font-weight: 700;
    margin-bottom: 0.5em;
    font-family: var(--headline-font);
}

/* Heading font-size and line-height */
.gb-headline-xl {
    font-size: var(--fs-headline-xl);
    line-height: 1.05;
}

h1, 
.gb-headline-h1 {
    font-size: var(--fs-headline-h1);
    line-height: 1.05;
}

h2, 
.gb-headline-h2 {
    font-size: var(--fs-headline-h2);
    line-height: 1.1;
}

h3, 
.gb-headline-h3 {
    font-size: var(--fs-headline-h3);
    line-height: 1.15;
}

h4, 
.gb-headline-h4 {
    font-size: var(--fs-headline-h4);
    line-height: 1.1;
}

h5, 
.gb-headline-h5 {
    font-size: var(--fs-headline-h5);
    line-height: 1.25;
}

h6, 
.gb-headline-h6 {
    font-size: var(--fs-headline-h6);
    line-height: 1.4;
}

.gb-headline-pre {
    font-size: var(--fs-headline-pre);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Additional Body font-size */
.gb-headline-body-xl {
    font-family: var(--body-font);
    font-size: var(--fs-headline-body-xl);
}

.gb-headline-body-l {
    font-family: var(--body-font);
    font-size: var(--fs-headline-body-l);
}

.gb-headline-body-s {
    font-family: var(--body-font);
    font-size: var(--fs-headline-body-s);
}

.gb-headline-body-xs {
    font-family: var(--body-font);
    font-size: var(--fs-headline-body-xs);
}