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

	
		/* 	Body Background Color	 */
	
		--body : #000000;
	
	
		/* Colors */
	
		--primary-color :  #514C28 ;
		--primary-color-80 : rgba(118, 128, 138, 0.85) ;
		--secondary-color : #3F3128;
		--tertiary-color : #454545;
		--quaternary-color : #EADC8D;
	    --headline-color : #FFFFFF;
		--base-color : #FFFFFF;
		--text-white-light : rgba(255, 255, 255, 0.7);
		--grey-color : #f0f0f0;
		--snow-color : #f8f8f8;
		--white-color : #FFFFFF;
		
	
	
		/*  Fluid Typography */
		
		--heading-h1 : clamp(4rem, 2.916rem + 2.41vw, 6rem);
		--heading-h2 : clamp(3.5rem, 2.416rem + 2.41vw, 5.5rem);
		--heading-h3 : clamp(3.2rem, 2.333rem + 1.928vw, 4.8rem);
		--heading-h4 : clamp(3.5rem, 2.958rem + 1.205vw, 4.5rem);
		--heading-h5 : clamp(2rem, 1.187rem + 1.807vw, 3.5rem);
		--heading-h6 : 2rem;
	    --text-m : clamp(2.4rem, 1.749rem + 1.446vw, 3.6rem);
		--text-base-m : clamp(1.8rem, 1.258rem + 1.205vw, 2.8rem);
		--text-base : clamp(1.4rem, 1.075rem + 0.723vw, 2rem);
        --text-s : 1.4rem;
        --text-xs : 1.2rem;

	
		/* 	Fluid Section Padding  */
		
		--section-pad-y : clamp(5rem, 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 : 3rem;
	    --btn-pad-y : 1.5rem;
	    --btn-text : 2.1rem;
	    --btn-radius : 8px;
		--btn-border : 2px;
}

/* Gravity Form */

.gform_button , .gform-theme-button {
	margin-left: auto !important;
    background: var(--primary-color) !important;
    padding: 15px 30px !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    font-family: 'Montserrat' !important;
}


.gform_wrapper input[type="text"] , .gform_wrapper input[type="email"], .gform_wrapper textarea{
	padding : 25px 15px !important;
	border-radius : 5px !important;
	text-transform : uppercase !important;
	border : 1px solid var(--primary-color) !important;
}

.gform_wrapper label {
	margin-left: 10px !important;
	font-size : 24px !important;
	color : var(--primary-color) !important;
	font-weight : 500 !important;
}

.gform-grid-row span {
	padding : 0 !important;
}

.gform_fields, .gform-grid-row {
	column-gap : 5rem !important;
}

.gform_wrapper input:focus, textarea:focus, select:focus {
  
  border-color: var(--primary-color) !important;
    outline: none !important; 
    box-shadow: 0 0 5px var(--primary-color) !important; 
}

@media(max-width : 769px){
	.gform_fields {
		grid-template-columns : 100% !important;
	}
}