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



/* Upward Engine Custom CSS Framework */


:root {

	/* Content Width */

	--container : 1280px;

	/* Colors */

	--primary-color : #DA7649;
  --secondary-color : #371104;
  --tertiary-color : #a6a6a6;
	--white-color : #ffffff;
  --skin-color : #ffffffcc;
	--black-color : #000000;
	--base-color : #2e2e30;
	--action-color : #363638;



	/* Fluid Typography */

	--heading-h1 : clamp(4rem, 3.133rem + 1.928vw, 5.6rem);
	--heading-h2 : clamp(3.6rem, 2.949rem + 1.446vw, 4.8rem);
	--heading-h3 : clamp(3.2rem, 2.766rem + 0.964vw, 4rem);
	--heading-h4 : clamp(2.5rem, 2.12rem + 0.843vw, 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;
	


	/* Fluid Section Padding */

	--section-pad-y : clamp(7.5rem, 3.434rem + 9.036vw, 15rem);
	--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 : 2.25rem;
	--btn-pad-y : 1.15rem;
	--btn-text : 1.4rem;
}