/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* TEXT SIZE SCALE - https://www.fluid-type-scale.com/calculate?minFontSize=14&minWidth=320&minRatio=1.125&maxFontSize=16&maxWidth=1440&maxRatio=1.2&steps=xs%2Cs%2Cm%2Cl%2Cxl&baseStep=m&prefix=text&decimals=2&includeFallbacks=on&useRems=on&remValue=16&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=900 */
/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --text-xs: clamp(0.69rem, 0vw + 0.69rem, 0.69rem);
		--text-s: clamp(0.78rem, 0.08vw + 0.76rem, 0.83rem);
		--text-m: clamp(0.88rem, 0.18vw + 0.84rem, 1rem);
		--text-l: clamp(0.98rem, 0.31vw + 0.92rem, 1.2rem);
		--text-xl: clamp(1.11rem, 0.48vw + 1.01rem, 1.44rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --text-xs: 0.69rem;
		--text-s: 0.78rem;
		--text-m: 0.88rem;
		--text-l: 0.98rem;
		--text-xl: 1.11rem;
  }
  @media screen and (min-width: 1440px) {
    :root {
      --text-xs: 0.69rem;
			--text-s: 0.83rem;
			--text-m: 1rem;
			--text-l: 1.2rem;
			--text-xl: 1.44rem;
    }
  }
}

/* HEADING SIZE SCALE - https://www.fluid-type-scale.com/calculate?minFontSize=20&minWidth=320&minRatio=1.25&maxFontSize=22&maxWidth=1440&maxRatio=1.333&steps=6%2C5%2C4%2C3%2C2%2C1%2Ctitle&baseStep=6&prefix=h&decimals=2&includeFallbacks=on&useRems=on&remValue=16&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=230 */
/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --h6: clamp(1.25rem, 0.18vw + 1.21rem, 1.38rem);
		--h5: clamp(1.56rem, 0.39vw + 1.49rem, 1.83rem);
		--h4: clamp(1.95rem, 0.7vw + 1.81rem, 2.44rem);
		--h3: clamp(2.44rem, 1.16vw + 2.21rem, 3.26rem);
		--h2: clamp(3.05rem, 1.84vw + 2.68rem, 4.34rem);
		--h1: clamp(3.81rem, 2.82vw + 3.25rem, 5.79rem);
		--h-title: clamp(4.77rem, 4.21vw + 3.93rem, 7.71rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --h-6: 1.25rem;
		--h5: 1.56rem;
		--h4: 1.95rem;
		--h3: 2.44rem;
		--h2: 3.05rem;
		--h1: 3.81rem;
		--h-title: 4.77rem;
  }
  @media screen and (min-width: 1440px) {
    :root {
      --h6: 1.38rem;
			--h5: 1.83rem;
			--h4: 2.44rem;
			--h3: 3.26rem;
			--h2: 4.34rem;
			--h1: 5.79rem;
			--h-title: 7.71rem;
    }
  }
}