/*
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-m: 1.2rem;
	--rounded-l: 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: clamp(3.8rem, 1.607vw + 3.286rem, 5.6rem);
	--fs-h2: clamp(2.8rem, 0.714vw + 2.571rem, 3.6rem);
	--fs-h3: clamp(2rem, 0.357vw + 1.886rem, 2.4rem);
	--fs-h4: clamp(1.8rem, 0.179vw + 1.743rem, 2rem);
	--fs-body: calc(1.6rem + ((1vw - 0.48rem) * 0.2778));

	--tn-snappy: cubic-bezier(.2, .75, .2, 1);
	--tn-elev: cubic-bezier(.2, .9, .2, 1);
	
	--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(--ff--body);
}

.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;
}