/*
 Theme Name:   Intropia Development Theme
 Theme URI:    https://intropia.dev
 Description:  A custom theme for GeneratePress
 Author:       Heather Cote
 Author URI:   https://intropia.dev
 Template:     generatepress
 Version:      1.0
*/

:root {

    /* TEXT SIZE SCALE */

    /* https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=320&minRatio=1.125&maxFontSize=18&maxWidth=1280&maxRatio=1.2&steps=xs,s,m,l,xl&baseStep=m&prefix=text&decimals=2&useRems=on&remValue=16&previewFont=Inter&previewText=Preview&previewWidth=900 */

    --text-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
    --text-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
    --text-m: clamp(1rem, 0.21vw + 0.96rem, 1.13rem);
    --text-l: clamp(1.13rem, 0.37vw + 1.05rem, 1.35rem);
    --text-xl: clamp(1.27rem, 0.59vw + 1.15rem, 1.62rem);


    /* HEADING SIZE SCALE */
    
    /* https://www.fluid-type-scale.com/calculate?minFontSize=20&minWidth=320&minRatio=1.25&maxFontSize=22&maxWidth=1280&maxRatio=1.333&steps=6,5,4,3,2,1,title&baseStep=4&prefix=h&decimals=2&useRems=on&remValue=16&previewFont=Inter&previewText=Preview&previewWidth=900 */

    --h6: clamp(0.8rem, -0.04vw + 0.81rem, 0.77rem);
    --h5: clamp(1rem, 0.05vw + 0.99rem, 1.03rem);
    --h4: clamp(1.25rem, 0.21vw + 1.21rem, 1.38rem);
    --h3: clamp(1.56rem, 0.45vw + 1.47rem, 1.83rem);
    --h2: clamp(1.95rem, 0.82vw + 1.79rem, 2.44rem);
    --h1: clamp(2.44rem, 1.36vw + 2.17rem, 3.26rem);
    --h-title: clamp(3.05rem, 2.15vw + 2.62rem, 4.34rem);
}

p{
	font-size: var(--text-m);
	text-wrap: pretty;
}

p.small-font{
	font-size: var(--text-s);
}

p.large-font{
	font-size: var(--text-l);
}

p.x-large-font{
	font-size: var(--h3);
}

p.no-bottom-margin{
	margin-bottom: 0px;
}

hr.grey{
	color: var(--global-color-8);
	margin: 2rem 0rem;
}

.wp-block-separator {
    border-top: 1px solid;
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--global-color-8));
}

p.italic{
	font-style: italic;
}