/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

header {
	--admin-bar: 0;
}
body.admin-bar {
	header {
		--admin-bar: 32px;

		.fixAdminBar {
			top: var(--admin-bar) !important;
		}
	}
	@media (max-width: 992px) {
		header {
			--admin-bar: 46px;
		}
	}
}

form {
	--formx-space: 30px;
	--formx-size: 22px;

	legend,
	label {
		--gf-ctrl-label-font-family-primary: var(--e-global-typography-text-font-family), Sans-serif;
		--gf-ctrl-label-font-size-primary: var(--formx-size);
		--gf-ctrl-label-font-weight-primary: bold;
	}
	select,
	textarea,
	input[type="tel"],
	input[type="text"],
	input[type="email"]{
		--gf-ctrl-font-size: var(--formx-size);
		--gf-ctrl-radius: 0;
		--gf-ctrl-border-color: #C3BFBF;

		&:focus {
			--gf-ctrl-outline-color-focus: transparent;
			--gf-ctrl-border-color-focus: #000;
		}
		&::placeholder {
			font-size: var(--formx-size);
			color: #C3BFBF;
		}
	}
	input[type="tel"],
	input[type="text"],
	input[type="email"]{
		--gf-ctrl-size: 53px;
	}
	input[type="submit"] {
		--gf-ctrl-btn-bg-color-primary: #000;
		--gf-ctrl-btn-radius: 0;
		--gf-ctrl-btn-font-size: 22px;
		--gf-ctrl-btn-font-weight: bold;
		--gf-ctrl-btn-padding-y: 15px;
		--gf-ctrl-btn-padding-x: 40px;

		--gf-ctrl-btn-bg-color-hover-primary: var(--e-global-color-primary);
		--gf-ctrl-btn-bg-color-focus-primary: var(--e-global-color-primary);
		--gf-ctrl-outline-color-focus: transparent;

	}
	.gform-grid-col {
		--gf-field-gap-x: var(--formx-space);
	}
	.gform_fields {
		--gf-form-gap-x: var(--formx-space);
	}
	.gform-grid-row {
		--gf-field-gap-x: var(--formx-space);
	}
	.gform_footer,
	.gform_page_footer {
		--gf-form-footer-margin-y-start: 30px;
	}
	@media (max-width: 480px) {
		--formx-size: 16px;
	}
}

#contact-form .gform_confirmation_message {
	text-align: center;
}