/*
====================================
 Theme Name:   Bold Layout 2025
 Theme URI:    https://boldlayout.com
 Description:  Bold Layout's GP Theme
 Author:       Margaret Jordan
 Author URI:   https://boldlayout.com.com
 Template:     generatepress
 Version:      0.1
====================================
*/


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

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

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

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

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


/* =========================
   FLUID TYPOGRAPHY SCALE
   Source: https://theadminbar.com/simple-responsive-font-size-calculator/
========================= */

h1,
.fs-h1 {
    font-size: clamp(3rem, 2.7273rem + 1.0909vw, 3.6rem);
	font-weight: 900;
    line-height: 1.1;
}

h2,
.fs-h2 {
    font-size: clamp(2.25rem, 2.0455rem + 0.8182vw, 2.7rem);
	font-weight: 700;
    line-height: 1.1;
}

h3,
.fs-h3 {
    font-size: clamp(1.875rem, 1.7045rem + 0.6818vw, 2.25rem);
	font-weight: 700;
    line-height: 1.3;
}

h4,
.fs-h4 {
    font-size: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);
}

h5,
.fs-h5 {
    font-size: clamp(1.25rem, 1.1364rem + 0.4545vw, 1.5rem);
}

h6,
.fs-h6 {
    font-size: clamp(1.125rem, 1.0227rem + 0.4091vw, 1.35rem);
}

p,
.fs-p {
    font-size: clamp(0.8333rem, 0.7576rem + 0.303vw, 1rem);
}

/* =========================
   STRETCH LINK (from Bootstrap)
   Source: https://youtu.be/HBriBrnRlQE?si=DLiSXEiBHt6lw91l
   Note: Only use ONE link per card or this breaks!
========================= */

.stretch-link {
    position: relative;
}

.stretch-link a::after {
    content: '';
    position: absolute;
    inset: 0;
}

.stretch-link a:is(:focus-visible)::after {
    outline: 2px solid;
}

.stretch-link a:is(:hover, :focus) {
    outline: none;
}