/*
 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
*/

:root {
		
		/* 	Content Width  */
	
		--container : 1280px;	
	
	
		/* Colors */
	
		--primary-color : #c0202a;
		--base-color : #151515;
	    --skin-color : #e7e7e7;
	    --snow-color : #f8f8f8;
		--white-color : #ffffff;
		
	
	
		/*  Fluid Typography */
		
	    --h1 : clamp(4.8rem, 3.824rem + 2.169vw, 6.6rem);
		--h2 : clamp(3.6rem, 2.949rem + 1.446vw, 4.8rem);
		--h3 : clamp(2.8rem, 2.366rem + 0.964vw, 3.6rem);
		--h4 : clamp(2.4rem, 2.183rem + 0.482vw, 2.8rem);
		--h5 : clamp(2rem, 1.783rem + 0.482vw, 2.4rem);
		--h6 : 2rem;
		--text-lg : 1.8rem;
		--text-base : 1.6rem;
        --text-s : 1.4rem;
        --text-xs : 1.2rem;

	
		/* 	Fluid Section Padding  */
		
		--section-pad-y : clamp(10rem, 7.289rem + 6.024vw, 15rem);
		--section-pad-x : 2rem;
	    
	  
	    /*  Extra Variables    */
	    
        --scale : clamp(0.5rem, 0.229rem + 0.602vw, 1rem);
	    --m-img-height: clamp(30rem, 5.092rem + 55.351vw, 60rem);
      --img-extend : clamp(0rem, -66rem + 50vw, 10rem);
      --hero-slide : clamp(60rem, 49.157rem + 24.096vw, 80rem);
		
	
		/* 	Spacing	 */
	
		--space-xs : 1rem;
	    --space-r : 1.5rem;
		--space-s : 2rem;
		--space-m : 3rem;
		--space-l : 4rem;
		--space-xl : 5rem;
	    
	
	    /*   Button Spacing   */
	    --btn-pad-x : clamp(3rem, 2.187rem + 1.807vw, 4.5rem);
	    --btn-pad-y : 1.1rem;
	    --btn-text : 1.6rem;
	    --btn-radius : 1rem;

}