/*
 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;	
		--container-lg : 1550px;
	
		/* 	Body Background Color	 */
	
		--body : #F5F5E9;
	
	
		/* Colors */
	
		--primary-color :  #1E3456;
		--primary-color-80 : #61795F;
		--secondary-color : #E0991B;
		--tertiary-color : #EACB2F;
		--quaternary-color : #697784;
	    --headline-color : #1E3456;
		--base-color : #58585A;
		--text-white-light : rgba(255, 255, 255, 0.7);
		--grey-color : #f0f0f0;
		--snow-color : #f8f8f8;
		--white-color : #FFFFFF;
	    --oil-color : #151515;
		
	
	
		/*  Fluid Typography */
		
		--heading-h1 : clamp(5rem, 4.156rem + 2.222vw, 7rem);
		--heading-h2 : clamp(4rem, 3.578rem + 1.111vw, 5rem);
		--heading-h3 : clamp(3.2rem, 2.862rem + 0.889vw, 4rem);
		--heading-h4 : clamp(2.5rem, 2.204rem + 0.778vw, 3.2rem);
		--heading-h5 : clamp(2rem, 1.789rem + 0.556vw, 2.5rem);
		--heading-h6 : 1.8rem;
		--text-base : 1.6rem;
        --text-s : 1.4rem;
        --text-xs : 1.2rem;

	
		/* 	Fluid Section Padding  */
		
		--section-pad-y : clamp(6rem, 3.434rem + 9.036vw, 10rem);
		--section-pad-x : 2rem;
		
	
		/* 	Spacing	 */
	
		--space-xs : 1rem;
		--space-s : 2rem;
		--space-m : 3rem;
		--space-l : 4rem;
		--space-xl : 5rem;
	    
	  
	    /*  Extra Variables    */
	    
        --scale : clamp(0.5rem, 0.229rem + 0.602vw, 1rem);

	
	    /* 	Responsive Mobile Image (after 992px) */
	    --m-img-height: clamp(30rem, 5.092rem + 55.351vw, 60rem);
	
	
	    /*   Button Spacing   */
	    --btn-pad-x : 5rem;
	    --btn-pad-y : 1rem;
	    --btn-text : 1.6rem;
	    --btn-radius : 0;
		--btn-border : 1px;
}