/*
 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 : #CF201F;
    --secondary-color : #D1A765;
	--tertiary-color : #454545;
	--quaternery-color : #EE8329;
	--snow-color : #f8f8f8;
	--skin-color : #F0F0F0;
	--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;
	
	/* 	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);
    --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 : 5rem;
	--btn-pad-y : 1rem;
	--btn-text : 1.6rem;
}

.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
	background: var(--primary-color) !important;
    color: var(--snow-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.gform_wrapper.gravity-theme .gf_step_number {
	border-color : var(--secondary-color);
}

.gfield_label  {
	color : #000 !important;
}

.ginput_container_select {
	background : white !important;
}
.gform_wrapper input {
	padding : 0px 10px !important;
	
}

.gform_wrapper input:focus , .gform_wrapper textarea:focus {
	border-color : var(--secondary-color) !important;
}

.gform_wrapper input:focus-visible, .gform_wrapper textarea:focus-visible , .gform_wrapper select:focus-visible{
	outline : none !important;
	border : 1px solid var(--secondary-color) !important;
}

.gform_wrapper input::placeholder,  .gform_wrapper textarea::placeholder {
	color : #15151560;
}


.gform_wrapper input[type="button"] , .gform_wrapper input[type="submit"]{
	background : var(--primary-color) !important;
	padding : 10px 50px !important;
	color : #f8f8f8 !important;
	border : 1px solid var(--primary-color) !important;
}

.gform_wrapper.gravity-theme select {
	padding : 0 10px !important;
}