/*
 Theme Name:   Storypress Custom Theme
 Theme URI:    https://generatepress.com
 Description:  STORYPRESS - GeneratePress child theme
 Author:       Storypress
 Author URI:   https://www.storypress.agency
 Template:     generatepress
 Version:      0.1
*/


/* -----------------VARIABLES--------------- */

/* min: 320   max: 1280 */
/* https://utopia.fyi */

:root {
	
	/* TYPOGRAPHY (Scales: min: max:1.25 */ 
  --text-xs: clamp(0.72rem, 0.8135rem + -0.1169vw, 0.7901rem);
  --text-s: clamp(0.8889rem, 0.8852rem + 0.0185vw, 0.9rem);
  --text-m: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
  --text-l: clamp(1.125rem, 1.0313rem + 0.4688vw, 1.4063rem);
  --text-xl: clamp(1.2656rem, 1.1016rem + 0.8203vw, 1.7578rem);
  --text-2xl: clamp(1.4238rem, 1.166rem + 1.2891vw, 2.1973rem);
  --text-3xl: clamp(1.6018rem, 1.2202rem + 1.908vw, 2.7466rem);
  --text-4xl: clamp(1.802rem, 1.2583rem + 2.7187vw, 3.4332rem);
  --text-5xl: clamp(2.027rem, 1.272rem + 3.774vw, 4.292rem);
  --text-6xl: clamp(2.28rem, 1.252rem + 5.142vw, 5.365rem);
	
	/* SPACING */ 
	
	/* Horizontal: for default padding */ 
    --horizontal-spacing: clamp(1.125rem, 0.6667rem + 2.2917vw, 2.5rem);
	/* Vertical: for default sections spacing */ 
    --vertical-spacing: clamp(3.75rem, 4.167vw + 2.917rem, 6.25rem);
	--vertical-spacing-small: calc(var(--vertical-spacing)/2);
    --vertical-spacing-large: calc(var(--vertical-spacing)*2);
	/* For text bottom margin */ 
    --text-margin-default: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
	
	
	--spacing-3xs: clamp(0.25rem, 0.2292rem + 0.1042vw, 0.3125rem);
    --spacing-2xs: clamp(0.5rem, 0.4792rem + 0.1042vw, 0.5625rem);
    --spacing-xs: clamp(0.75rem, 0.7083rem + 0.2083vw, 0.875rem);
    --spacing-s: clamp(1rem, 0.9583rem + 0.2083vw, 1.125rem);
    --spacing-m: clamp(1.5rem, 1.4375rem + 0.3125vw, 1.6875rem);
    --spacing-l: clamp(2rem, 1.9167rem + 0.4167vw, 2.25rem);
    --spacing-xl: clamp(3rem, 2.875rem + 0.625vw, 3.375rem);
    --spacing-2xl: clamp(4rem, 3.8333rem + 0.8333vw, 4.5rem);
    --spacing-3xl: clamp(6rem, 5.75rem + 1.25vw, 6.75rem);
}



/* -------------CUSTOM CSS----------------- */

body {
  overflow-x: hidden;
}