/*
 Theme Name:   GeneratePress Child - HCMGM
 Theme URI:    https://www.holycomfortermgm.org/
 Description:  GeneratePress child theme for Holy Comforter
 Author:       Mike Johnston
 Author URI:   https://thirdactpartners.com 
 Template:     generatepress
 Version:      0.1
*/

/* =========================
   CONTAINER WRAPPER
   Modified from TAP Starter Site - width reduced from 1920px
========================= */

 .site-wrapper {
    width: 100%;
    max-width: 1496px;
    margin-inline: auto;
    background: white;
} 

/* =========================
   TYPOGRAPHY
========================= */

/* Font Family Utilities */
.ff-body {
    font-family: var(--gp-font--body);
}

.ff-heading {
    font-family: var(--gp-font--headings);
}

/* Heading and utility class font assignment */
h1, h2, h3, h4, h5, h6,
[class^="fs-"] {
    font-family: var(--gp-font--headings);
}

.fs-p {
    font-family: var(--gp-font--body);
}


/* =========================
   FLUID TYPOGRAPHY SCALE
   Source: https://theadminbar.com/simple-responsive-font-size-calculator/
   Updated h1 - h6, 1/23/26
   Added line-height, 1/28/26	
========================= */

h1,
.fs-h1 {
    font-size: clamp(3rem, 2.7273rem + 1.0909vi, 3.6rem);
	font-family: var(--gp-font--headings);
	line-height: 1.0;
	letter-spacing: -0.02em;
}

h2,
.fs-h2 {
    font-size: clamp(2.25rem, 2.0455rem + 0.8182vi, 2.7rem);
	font-family: var(--gp-font--headings);
	line-height: 1.1;
	letter-spacing: -0.0175em;
}

h3,
.fs-h3 {
    font-size: clamp(1.875rem, 1.7045rem + 0.6818vi, 2.25rem);
	font-family: var(--gp-font--headings);
	line-height: 1.2;
	letter-spacing: -0.015em;
}

h4,
.fs-h4 {
    font-size: clamp(1.5rem, 1.3636rem + 0.5455vi, 1.8rem);
	font-family: var(--gp-font--headings);
	line-height: 1.3;
	letter-spacing: -0.0125em;
}

h5,
.fs-h5 {
    font-size: clamp(1.25rem, 1.1364rem + 0.4545vi, 1.5rem);
	font-family: var(--gp-font--headings);
	line-height: 1.4;
	letter-spacing: -0.01em;
}

h6,
.fs-h6 {
    font-size: font-size: clamp(1.125rem, 1.0227rem + 0.4091vi, 1.35rem);
	font-family: var(--gp-font--headings);
	line-height: 1.5;
	letter-spacing: -0.005em;
}

/* Body text parameters modified 3/29/26 with input from Claude */
p,
.fs-p {
	font-size: 1.25rem;  /* mobile default,0 - 767px */
	}	


/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
	p,
	.fs-p {
		font-size: clamp(1rem, 2rem, 2.5rem);
	/*	font-size: clamp(1rem, 0.8523rem + 0.3409vw, 1.125rem); */
		}	
	}

/* Desktop */
@media (min-width: 1200px) {
    p,
	.fs-p {
       	 font-size: 2rem;
		}
 	 }


.fw-65 {
	max-width: 65ch;
}	

/*	Copied from global style 3/12/26 */
.btn-primary-form {
    background-color: var(--base-3);
    color: var(--hc-primary);
    font-family: var(--gp-font--headings);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 50px;
    padding: .25rem 1.5rem
}

.btn-primary-form:is(:hover,:focus) {
    color: var(--contrast);
    background-color: var(--hc-color10)
}