/*
Theme Name:   Voolcano Digital Theme
Theme URI:    https://voolcano.ca/?utm_source=wp&utm_medium=wp-dash&utm_campaign=theme_url&utm_content=generatepress
Description:  Voolcano's customized theme for GeneratePress
Author:       Team Voolcano
Author URI:   https://voolcano.ca/?utm_source=wp&utm_medium=wp-dash&utm_campaign=theme_url&utm_content=generatepress
Template:     generatepress
Version:      0.1
*/

:root {
  --max-container: 128rem;

  /* BORDER */
  --rounded-sm: 0.4rem;
  --rounded: 0.8rem;
  --rounded-md: 1.2rem;
  --rounded-lg: 1.6rem;
  --rounded-xl: 2.4rem;
  --rounded-2xl: 3.2rem;
  --rounded-full: 50%;

  /* SECTION */
  --section-py: clamp(4rem, 3.125vw + 3rem, 7rem);
  --section-px: clamp(1.6rem, 1.667vw + 1.067rem, 3.2rem);

  --fs-h1-c: clamp(3.8rem, 1.607vw + 3.286rem, 5.6rem);
  --fs-h2-c: clamp(2.8rem, 0.714vw + 2.571rem, 3.6rem);
  --fs-h3-c: clamp(2rem, 0.357vw + 1.886rem, 2.4rem);
  --fs-h4-c: clamp(1.8rem, 0.179vw + 1.743rem, 2rem);

  --fs-h1: var(--fs-h1-c, 2.986rem);
  --fs-h2: var(--fs-h2-c, 2.488rem);
  --fs-h3: var(--fs-h3-c, 2.074rem);
  --fs-h4: var(--fs-h4-c, 1.728rem);
  --fs-body: calc(1.6rem + ((1vw - 0.48rem) * 0.2778));

  --t-snap: cubic-bezier(0.2, 1, 0.2, 1);
  --t-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	
	--ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
	--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
	--dur-fast:    150ms;
	--dur-mid:     240ms;
	--dur-slow:    380ms;

	--d: 'Cormorant Garamond', Georgia, serif;
	--b: 'Outfit', sans-serif;
	--a: 'Barlow Condensed', sans-serif;

  --ff--heading: var(--gp-font--anek-gurmukhi);
  --ff--body: var(--gp-font--figtree);
  --ff--sub-heading: var(--gp-font--anek-gurmukhi);
  --ff--heading-subtle: var(--gp-font--sub-heading);
}

html {
  font-size: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  html {
    font-size: 0.85vw;
  }
}

@media only screen and (min-width: 1441px) {
  html {
    font-size: 0.6945759vw;
  }
}

body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.5;
  color: var(--base-700);
}

p {
  margin-bottom: 3.2rem;
}

h1,
h2,
h3,
h4,
.heading--h1,
.heading--h2,
.heading--h3,
.heading--h4 {
  letter-spacing: 0.02em;
  font-family: var(--font-headline);
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.1em;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}