/*
 * Gravity Forms Elementor - the widget's stylesheet.
 *
 * A port of Essential Addons for Elementor 6.8.4's
 * assets/front-end/css/view/gravity-form.css with the class names renamed
 * (eael-gravity-form -> gfe-gravity-form, eael-contact-form -> gfe-contact-form);
 * every rule is otherwise as it was, including the two unscoped .gform_wrapper
 * rules, so a form looks exactly as it did under that widget. Loaded only on
 * a page where the widget renders (Widget::get_style_depends()).
 *
 * The last rule replaces Essential Addons' editor-only script
 * (assets/front-end/js/edit/gravity-form.js), whose whole job was
 * $scope.find('.gform_wrapper').show() in the Elementor editor preview: the
 * preview carries the elementor-editor-active body class, so one rule does
 * the same without a script.
 */

.gfe-gravity-form-align-default,
.gfe-gravity-form-align-left,
.gfe-gravity-form-btn-align-left {
	text-align: left;
}

.gfe-gravity-form-align-right,
.gfe-gravity-form-btn-align-right {
	text-align: right;
}

.gfe-gravity-form-align-center,
.gfe-gravity-form-btn-align-center {
	text-align: center;
}

.gform_wrapper form li,
.gform_wrapper li {
	list-style: none;
}

.gfe-gravity-form .gform_wrapper ul.gform_fields li.gfield {
	padding: 0;
}

.gfe-gravity-form .gform_wrapper textarea {
	padding: 0;
	font-weight: normal !important;
	font-family: inherit;
}

.gfe-gravity-form .gform_wrapper .gform_footer input.button,
.gfe-gravity-form .gform_wrapper .gform_footer input[type=submit],
.gfe-gravity-form .gform_wrapper .gform_footer .gform_button,
.gfe-gravity-form .gform_wrapper .gform_page_footer input.button,
.gfe-gravity-form .gform_wrapper .gform_page_footer input[type=submit],
.gfe-gravity-form .gform_wrapper .gform_page_footer .gform_button,
.gfe-gravity-form .gform_wrapper .gform_page_footer .gform_next_button,
.gfe-gravity-form .gform_wrapper .gform_page_footer .gform_previous_button {
	margin: 0;
}

.gfe-gravity-form.title-description-hide .gform_heading {
	display: none;
}

.gfe-gravity-form.labels-hide .gform_wrapper .top_label .gfield_label,
.gfe-gravity-form.labels-hide .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	display: none;
}

.gfe-gravity-form-button-full-width .gform_wrapper .gform_footer input[type=submit],
.gfe-gravity-form-button-full-width .gform_wrapper .gform_footer .gform_button,
.gfe-gravity-form-button-full-width .gform_wrapper .gform_page_footer .gform_button,
.gfe-gravity-form-button-full-width .gform_wrapper .gform-button {
	width: 100% !important;
	max-width: 100%;
}

.gfe-gravity-form .gform_wrapper .gf_scroll_text .gsection_description {
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.gform_wrapper .gf_progressbar {
		width: 100% !important;
	}
}

@media only screen and (min-width: 768px) {
	.gform_wrapper .gf_progressbar {
		width: 100% !important;
	}
}

@media only screen and (min-width: 641px) {
	.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
		max-width: 100% !important;
	}
}

.ginput_container_fileupload input[type=file]::file-selector-button,
.ginput_container_fileupload input[type=file]::-webkit-file-upload-button,
.ginput_container_fileupload .button {
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.75);
	color: #fff;
	position: relative;
	display: inline-block;
	text-decoration: none;
	border: 1px solid rgba(0, 0, 0, 0.75);
	padding: 0.5em 1em;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	border-radius: 3px;
}

.ginput_container_fileupload input[type=file]::file-selector-button:hover,
.ginput_container_fileupload input[type=file]::-webkit-file-upload-button:hover,
.ginput_container_fileupload .button:hover {
	background-color: #262625;
	color: #fff;
}

/* The Elementor editor preview: the form is shown even while Gravity Forms'
   own script, which would reveal a form that has conditional logic, has not
   run. Replaces the original widget's editor-only script. */
.elementor-editor-active .gfe-gravity-form .gform_wrapper {
	display: block !important;
}