/**
 * Gravity Forms Styles
 *
 * Custom styles for Gravity Forms within the Hello Elementor theme.
 * Loaded on both the frontend and admin.
 *
 * @package HelloElementor
 */

.gform-body .gsection_title {
	color: var(--e-global-color-primary);
	font-size: 24px;
	padding-bottom: 0;
	margin-block: 0 !important;
}

.gform-body .gfield--type-section {
	border-block-end: 0 !important;
	padding-block-end: 0 !important;
}

.gform-body p,
.gform-field-label {
	margin-block-end: 0 !Important;
	color: #555 !important;
	font-size: 18px !important;
}

.gform-field-label {
	padding-bottom: 5px !important;
}

.field_validation_below label,
.gfield--type-radio .gfield_label {
	display: inline-block !important;
}

.field_validation_below .gfield_required {
	font-size: 18px !important;
	margin-left: 2px !important;
}

.gfield--type-radio.field_validation_below .gfield_required,
.gfield--type-choice.field_validation_below .gfield_required {
	margin-left: 0 !important;
}

.gfield--type-radio .gfield_label .gfield_required {
	margin-left: 2px !important;
}

.gfield_required {
	color: var(--e-global-color-primary) !important;
}

.ginput_container_consent label {
	margin-left: 8px !important;
	font-size: 16px !important;
}

.gform_required_legend {
	display: none;
}

.gform-theme--foundation .gform_fields {
	gap: 1.5rem !important;
}

.gform-sections  .gform_fields {
	display: flex !important;
	flex-direction: column;
}

.gform-sections .gf-section-group > .gform_fields,
body.wp-admin .gform_fields {
	display: flex !important;
	flex-direction: column;
}

.gform-sections  .gf-section-group {
	list-style: none;
	background-color: #fafafa;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 30px 20px;
}

.gform-body .gfield input[type="text"] {
	padding-top: 2px !important;
}

.gform-body .gfield input,
.gform-body .gfield textarea {
	border: 2px solid #c3c3c3 !important;
	border-radius: 5px !important;
	color: #000 !important;
}

.gform-body .gfield select {
	color: #c4c4c4 !important;
}

.gform-body .gfield select:focus {
	outline: 0 !important;
	border-color: var(--e-global-color-primary) !important;
}

.gform-body .gfield select:has(option:checked:not([value=""])) {
	color: #000 !important;
}

.gform-body .gfield input:not([type="checkbox"]):focus,
.gform-body .gfield input:not([type="radio"]):focus,
.gform-body .gfield textarea:focus {
	outline: 0 !important;
	background-color: #fffaf6 !important;
	border-color: var(--e-global-color-primary) !important;
}

.gfield--type-checkbox .gfield_label_before_complex {
	margin-bottom: 8px !important;
}

.gform-body input[type="checkbox"] {
	cursor: pointer;
	border-color: #747474 !important;
	border-width: 2px !important;
	border-radius: 0 !important;
	height: 18px !important;
	width: 18px !Important;
	position: relative;
	top: 1px;
}

.gform-body input[type="radio"] {
	border-color: #747474 !important;
}

.gform-body input[type="checkbox"]:checked,
.gform-body input[type="radio"]:checked,
.gform-body input[type="checkbox"]:focus,
.gform-body input[type="radio"]:focus,
.gform-body input[type="checkbox"]:checked:focus,
.gform-body input[type="radio"]:checked:focus {
	border-color: #15189a !important;
	outline: 0 !important;
}

.gform-body .gfield input::placeholder,
.gform-body .gfield textarea::placeholder {
	color: #c4c4c4 !important;
}

body .gform-theme--framework .gfield--type-choice .gfield_radio {
	flex-direction: row !important;
}

body .gform-theme--framework .gfield--type-choice .gfield_radio .gfield-choice-input {
	border-radius: 50% !important;
	cursor: pointer !important;
}

body .gform-theme--framework .gfield--type-choice .gfield_radio .gform-field-label {
	margin-left: 8px !important;
}

.gfield--type-checkbox .gfield_checkbox {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap;
	gap: 1rem;
}

.gform-theme--framework .gform-field-label--type-inline {
	--gf-local-margin-x: 8px !important;
}

.gfield--type-signature canvas,
.gfield_signature_ui_container,
.gfield_signature_container {
	width: 100% !important;
}

.gfield--type-signature [id$="_toolbar"] {
	width: 100% !important;
}

.gfield--type-signature img {
	float: none !important;
}

.gform_button.button {
	width: 100% !important;
}

.datepicker.gform-datepicker {
	width: 100% !important;
}

.gform-footer .gform_button.button {
	width: 100%;
	background-color: var(--e-global-color-primary) !important;
	font-family: Barlow, sans-serif !important;
	font-size: 20px !important;
	padding: 20px 20px 20px 20px !important;
	border-radius: 10px 10px 10px 10px !important;
	color: #fff !important;
	box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.5) !important;
	transition: all 0.4s !important;
}

.gform-footer .gform_button.button:hover {
	background-color: var(--e-global-color-secondary) !important;
	color: var(--e-global-color-primary) !important;
}

.gform-footer .gform_button.button .e-font-icon-svg {
	width: 18px;
	height: 18px;
	fill: #fff;
	margin-left: 10px;
	vertical-align: middle;
}