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


:root {
		--headline-color: #D19D2A !important;
		--action-color: #EFD569 !important;
		--border-color: #EFD569 !important;
		--base-color: #151515 !important;
		--charcoal-color: #202020 !important;
		--grey-color: #f0f0f0 !important;
		--snow-color: #f8f8f8 !important;
		--white-color: #FFFFFF !important;
		/* 	Content Width  */
	
		--container : 1280px;	
	
	
		/* 	Body Background Color	 */
	
		--body : #f8f8f8;
	
	
		/* Colors */
	/*--primary-color :  #E3BE4D;*/
		/*--secondary-color : #EFD569;*/

	
	
		/*  Fluid Typography */
		
		--heading-h1 : clamp(5.6rem, 4.299rem + 2.892vw, 8rem);
		--heading-h2 : clamp(4rem, 3.133rem + 1.928vw, 5.6rem);
		--heading-h3 : clamp(2.8rem, 2.149rem + 1.446vw, 4rem);
		--heading-h4 : clamp(2.4rem, 2.183rem + 0.482vw, 2.8rem);
		--heading-h5 : clamp(2rem, 1.783rem + 0.482vw, 2.4rem);
		--heading-h6 : 2rem;			
		--text-base : clamp(1.8rem, 1.692rem + 0.241vw, 2rem);
        --text-s : 1.6rem;
        --text-xs : 1.4rem;

	
		/* 	Fluid Section Padding  */
		
		--section-pad-y : clamp(10rem, 7.289rem + 6.024vw, 15rem);
		--section-pad-x : 2rem;
		
	
		/* 	Spacing	 */
	
		--space-xs : 1rem;
		--space-s : 2rem;
		--space-m : 3rem;
		--space-l : 4rem;
		--space-xl : 5rem;
	
	
		/* 	Logo - Header Spacing	 */
        
	    --logo-w : clamp(20rem, 14.578rem + 12.048vw, 30rem);
	     
	
	
	    /*  Extra Variables    */
	    
	    --hero-height : clamp(35rem, 21.446rem + 30.12vw, 60rem);
      --hero-img-h : clamp(35rem, 10.602rem + 54.217vw, 80rem);
	    --img-height : clamp(30rem, 24.578rem + 12.048vw, 40rem);
      --arrow-space : clamp(1rem, -41.667rem + 33.333vw, 5rem);
      --scale : clamp(0.5rem, -1.222rem + 1.736vw, 1rem);
      --card-w: clamp(17rem, 12.663rem + 9.639vw, 25rem);
      --extended-pad-x : clamp(2rem, -40.667rem + 33.333vw, 10rem);
	
	    /* 	Responsive Mobile Image (after 992px) */
	    --m-img-height: clamp(30rem, 13.7349rem + 36.1446vw, 60rem);
	
	   /*   Button Spacing   */
	    --btn-pad-x : clamp(2.5rem, 1.958rem + 1.205vw, 3.5rem);
	    --btn-pad-y : 8px;
	    --btn-text : 16px;
}