/*
 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 : #2A2567;
  --secondary-color : #058FD0;
  --tertiary-color : #195C7B;
	--snow-color : #f8f8f8;
	--skin-color : #e7e7e7;
	--base-color : #151515;




	/* Fluid Typography */

	--heading-h1 : clamp(5rem, 4.367rem + 1.667vw, 6.5rem);
	--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.729rem + 0.602vw, 2.5rem);
	--heading-h6 : clamp(1.8rem, 1.692rem + 0.241vw, 2rem);
	--text-base : 1.6rem;
	--text-s : 1.4rem;
	--text-m : 1.8rem;
	


	/* Fluid Section Padding */

	--section-pad-y : clamp(7.5rem, 6.145rem + 3.012vw, 10rem);
	--section-pad-x : 2rem;


	/* Extra Variables */

	--scale : clamp(0.5rem, 0.229rem + 0.602vw, 1rem);
    --img-extend: clamp(0rem, -52.105rem + 39.474vw, 15rem);

	/* Responsive Mobile Image (after 992px) */

	--m-img-height: clamp(30rem, 13.7349rem + 36.1446vw, 60rem);
	
	
    /*   Button Spacing   */
	
	--btn-pad-x : clamp(3rem, 1.916rem + 2.41vw, 5rem);
	--btn-pad-y : 1rem;
	--btn-radius : 1.1rem;
	--btn-text : 1.6rem;
}