/*
----------------------------------------------------------------

theme-foundation.css
Gravity Forms Theme Foundation Styles & CSS API
For the Conversational Forms Add-On
A Gravity Forms theme framework foundation responsible for layout,
out-of-the-box enhanced ui, and other basic required styles for
the Conversational Forms Add-On.
https://www.gravityforms.com

Gravity Forms is a Rocketgenius project
copyright 2008-2022 Rocketgenius Inc.
https://www.rocketgenius.com
this may not be re-distributed without the
express written permission of the author.

NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO UPGRADE
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

----------------------------------------------------------------
*/

/* Global API: Handles the top-level global CSS API */

/* -----------------------------------------------------------------------------
 *
 * Global API
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) elsewhere for actual code.
 *
 * ----------------------------------------------------------------------------- */

/* Gravity Forms Theme Foundation | Conversational Forms Add-on | Global CSS API */

.gform-conversational .gform-theme--foundation {

	/* Global CSS API Overrides: Layout */
	--gform-theme-field-date-inline-size: 100%;
	--gform-theme-field-time-inline-size: 100%;
	--gform-theme-form-footer-gap: 16px;

	/* Global CSS API Overrides: Controls - Default For All Types */
	--gform-theme-control-font-size: 16px;
}

.gform-conversational:where(:not([data-form-submitted="true"])) .gform-theme--foundation {

	/* Global CSS API Overrides: Layout */
	--gform-theme-form-footer-margin-block-start: 0;
}

/* Gravity Forms Foundation Theme | Conversational Forms Add-On | Global CSS API: Layout */

.gform-conversational.gform-theme--foundation {
	--gform-convo-theme-content-gap-sm: 20px;
	--gform-convo-theme-content-gap-lg: 40px;
	--gform-convo-theme-content-gap: var(--gform-convo-theme-content-gap-sm);

	--gform-convo-theme-content-max-inline-size: 720px;

	--gform-convo-theme-nav-bar-placeholder: calc(var(--gform-convo-theme-nav-min-block-size) + var(--gform-convo-theme-content-gap));
}

/* Form */

/* Gravity Forms Theme Foundation | Conversational Forms Add-On | Global CSS API: Form - Background */

.gform-conversational.gform-theme--foundation {
	--gform-convo-theme-overlay-background-color: #000;
}

/* Gravity Forms Theme Foundation | Conversational Forms Add-On | Global CSS API: Form - Header */

.gform-conversational.gform-theme--foundation {
	--gform-convo-theme-header-inset-block-start: var(--gform-convo-theme-content-gap);
	--gform-convo-theme-header-inset-inline-start: var(--gform-convo-theme-content-gap);

	--gform-convo-theme-header-logo-max-block-size: 40px;
	--gform-convo-theme-header-logo-max-inline-size: 125px;
}

/* Gravity Forms Theme Foundation | Conversational Forms Add-On | Global CSS API: Form - Progress Bar */

.gform-conversational.gform-theme--foundation {
	--gform-convo-theme-progress-bar-block-size: 0.5rem;
	--gform-convo-theme-progress-bar-max-inline-size: 14rem;
	--gform-convo-theme-progress-bar-max-inline-size-viewport-md: 17rem;
}

/* Base: Handles base-level global styles for forms */

/* -----------------------------------------------------------------------------
 *
 * Base
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) elsewhere for actual code.
 *
 * ----------------------------------------------------------------------------- */

/* Resets iframe from being inline so only takes up whitespace if
	appropriate and inline styles haven't been added by the iframe itself
	(targets 3rd party and integration injected iframes) */

.page-template-gform-conversational > iframe {
		display: block;
		max-height: 100%;
		max-width: 100%;
		position: relative;
	}

/* Form: Handles form-level styles */

/* -----------------------------------------------------------------------------
 *
 * Form
 * Gravity Form Parts
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) elsewhere for actual code.
 *
 * ----------------------------------------------------------------------------- */

.gform-conversational.gform-theme--foundation .gform-conversational__background-image, .gform-conversational.gform-theme--foundation .gform-conversational__background-overlay {
		block-size: 100%;
		inline-size: 100%;
		inset-block-end: 0;
		inset-block-start: 0;
		inset-inline-end: 0;
		inset-inline-start: 0;
		position: absolute;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__background-image {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__background-overlay {
		background-color: var(--gform-convo-theme-overlay-background-color);
	}

.gform-conversational.gform-theme--foundation fieldset.gfield:not(.left_label fieldset.gfield):not(.right_label fieldset.gfield) .gform-conversational__field-header, .gform-conversational.gform-theme--foundation fieldset.gfield:not(.left_label fieldset.gfield):not(.right_label fieldset.gfield) > legend.gform-field-label {
			clear: both;
			float: left;
			inline-size: 100%;
		}

.gform-conversational.gform-theme--foundation fieldset.gfield:not(.left_label fieldset.gfield):not(.right_label fieldset.gfield) > legend.gform-field-label + * {
				clear: both;
			}

.gform-conversational.gform-theme--foundation .gform_footer > *:empty:not(.gform-loader):not(.form_saved_message_emailform *), .gform-conversational.gform-theme--foundation .gform_page_footer > *:empty:not(.gform-loader):not(.form_saved_message_emailform *) {
			display: none;
		}

.gform-conversational.gform-theme--foundation .gf_progressbar_wrapper, .gform-conversational.gform-theme--foundation .gf_page_steps, .gform-conversational.gform-theme--foundation .gform_page_footer:not(.gform-conversational__field-footer .gform_page_footer), .gform-conversational.gform-theme--foundation .gform_previous_button, .gform-conversational.gform-theme--foundation .gform_next_button {
		display: none !important;
	}

.gform-conversational.gform-theme--foundation .gform_confirmation_wrapper {
		align-items: center;
		block-size: 100%;
		display: flex;
		flex-direction: column;
		inline-size: 100%;
		justify-content: center;
	}

.gform-conversational.gform-theme--foundation .active-step {
		z-index: 998;
	}

/* Form Overrides */

html[dir="rtl"] .gform-conversational.gform-theme--foundation fieldset.gfield:not(.left_label fieldset.gfield):not(.right_label fieldset.gfield) .gform-conversational__field-header, html[dir="rtl"] .gform-conversational.gform-theme--foundation fieldset.gfield:not(.left_label fieldset.gfield):not(.right_label fieldset.gfield) > legend.gform-field-label {
			float: right;
		}

.gform-conversational.gform-theme--foundation .gform-conversational__header {
		inset-block-start: var(--gform-convo-theme-header-inset-block-start);
		inset-inline-start: var(--gform-convo-theme-header-inset-inline-start);
		line-height: 0;
		position: absolute;
		z-index: 1;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__logo-wrap {
		display: inline-block;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__logo {
		max-block-size: var(--gform-convo-theme-header-logo-max-block-size);
		max-inline-size: var(--gform-convo-theme-header-logo-max-inline-size);
	}

.gform-conversational.gform-theme--foundation .gform-conversational__progress-bar-label {
		display: block;
		margin-block-end: 0.5rem;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__progress-bar-outer {
		block-size: var(--gform-convo-theme-progress-bar-block-size);
		inline-size: 100%;
		max-inline-size: var(--gform-convo-theme-progress-bar-max-inline-size);
		position: relative;
	}

@media (min-width: 768px) {

.gform-conversational.gform-theme--foundation .gform-conversational__progress-bar-outer {
			max-inline-size: var(--gform-convo-theme-progress-bar-max-inline-size-viewport-md)
	}
		}

.gform-conversational.gform-theme--foundation .gform-conversational__progress-bar-inner {
		block-size: var(--gform-convo-theme-progress-bar-block-size);
		inset-block-start: 0;
		inset-inline-start: 0;
		position: absolute;
	}

/* Layout: Handles form and field layout styles */

/* -----------------------------------------------------------------------------
 *
 * Layout
 * Gravity Form Layouts for forms and fields
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) elsewhere for actual code.
 *
 * ----------------------------------------------------------------------------- */

.gform-conversational.gform-theme--foundation {
	display: flex;
	line-height: 1;
	max-block-size: 100vh;
	min-block-size: 100vh;
	position: relative;
}

@media (min-width: 768px) {

.gform-conversational.gform-theme--foundation {

		/* Global CSS API Overrides */
		--gform-convo-theme-content-gap: var(--gform-convo-theme-content-gap-lg)
}
	}

.admin-bar .gform-conversational.gform-theme--foundation {
		max-block-size: calc(100vh - 46px);
		min-block-size: calc(100vh - 46px);
	}

@media (min-width: 783px) {

.admin-bar .gform-conversational.gform-theme--foundation {
			max-block-size: calc(100vh - 32px);
			min-block-size: calc(100vh - 32px)
	}
		}

/*
	 * Layouts
	 */

@media (min-width: 1024px) {

.gform-conversational.gform-theme--foundation.gform-conversational--layout-left .gform-conversational__background, .gform-conversational.gform-theme--foundation.gform-conversational--layout-left .gform-conversational__screens, .gform-conversational.gform-theme--foundation.gform-conversational--layout-right .gform-conversational__background, .gform-conversational.gform-theme--foundation.gform-conversational--layout-right .gform-conversational__screens {
				inline-size: 50%;
				max-inline-size: 50%;
				min-inline-size: 50%
		}
			}

.gform-conversational.gform-theme--foundation.gform-conversational--layout-left .gform-conversational__background, .gform-conversational.gform-theme--foundation.gform-conversational--layout-right .gform-conversational__background {
			display: none;
		}

@media (min-width: 1024px) {

.gform-conversational.gform-theme--foundation.gform-conversational--layout-left .gform-conversational__background, .gform-conversational.gform-theme--foundation.gform-conversational--layout-right .gform-conversational__background {
				display: block;
				position: relative
		}
			}

@media (min-width: 1024px) {

.gform-conversational.gform-theme--foundation.gform-conversational--layout-left .gform-conversational__screens {
				order: -1
		}
			}

@media (min-width: 1024px) {

.gform-conversational.gform-theme--foundation.gform-conversational--layout-right .gform-conversational__screens {
				margin-inline-start: auto
		}
			}

/*
	 * Screens
	 */

.gform-conversational.gform-theme--foundation .gform-conversational__screens {
		display: flex;
		inline-size: 100%;
		overflow: auto;
		position: relative;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__screen {
		display: flex;
		inline-size: 100%;
		position: relative;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__screen--welcome {
		inset-block-start: 0;
		inset-inline-start: 0;
		min-block-size: 100%;
		position: absolute;
		text-align: center;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__screen--form {
		display: none;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__screen--form.active {
			display: flex;
		}

.gform-conversational.gform-theme--foundation .gform-conversational__screen-wrapper {
		display: flex;
		inline-size: 100%;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__screen--form .gform-conversational__screen-wrapper {
		flex-direction: column;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__screen-content {
		display: flex;
		flex: 1;
		flex-direction: column;
		inline-size: 100%;
		justify-content: center;
		margin-block: 0;
		margin-inline: auto;
		max-inline-size: calc(var(--gform-convo-theme-content-max-inline-size) + (var(--gform-convo-theme-content-gap) * 2));
		padding-block: 96px;
		padding-inline: var(--gform-convo-theme-content-gap);
	}

.gform-conversational.gform-theme--foundation[data-form-submitted="true"] .gform-conversational__screen-content, .gform-conversational.gform-theme--foundation .gform-conversational__screen--welcome.active .gform-conversational__screen-content {
			padding-block: calc(96px + var(--gform-convo-theme-content-gap));
		}

.gform-conversational.gform-theme--foundation .gform-conversational__screen--welcome .gform-conversational__screen-content {
		gap: 12px;
	}

@media (min-width: 768px) {

.gform-conversational.gform-theme--foundation .gform-conversational__screen--welcome .gform-conversational__screen-content {
			gap: 24px
	}
		}

.gform-conversational .gform-theme--foundation .gform_fields > .gfield:not(.form_saved_message_emailform .gfield) > :last-child {
		padding-block-end: var(--gform-convo-theme-nav-bar-placeholder);
	}

.gform-conversational .gform-theme--foundation .gfield--type-date .gform-grid-col, .gform-conversational .gform-theme--foundation .gfield--type-time .gform-grid-col {
			flex: 1;
		}

/* Navigation / Actions: Global */

.gform-conversational.gform-theme--foundation .gform-conversational__form-nav {
		inline-size: 100%;
		inset-block-end: 0;
		inset-inline-end: 0;
		inset-inline-start: 0;
		position: fixed;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__form-nav-wrapper {
		align-items: center;
		display: flex;
		gap: var(--gform-convo-theme-content-gap);
		inline-size: 100%;
		justify-content: end;
		margin-block: 0;
		margin-inline: auto;
		max-inline-size: calc(var(--gform-convo-theme-content-max-inline-size) + (var(--gform-convo-theme-content-gap) * 2));
		padding-inline: var(--gform-convo-theme-content-gap);
	}

.gform-conversational.gform-theme--foundation .gform-conversational__progress-bar {
		flex: 1;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__nav-buttons {
		display: flex;
		gap: 8px;
	}

.gform-conversational.gform-theme--foundation.gform-conversational--layout-left.gform-conversational--progress-bar-active .gform-conversational__nav-buttons, .gform-conversational.gform-theme--foundation.gform-conversational--layout-right.gform-conversational--progress-bar-active .gform-conversational__nav-buttons {
				position: relative;
				top: 4px;
			}

@media (min-width: 1024px) {

.gform-conversational.gform-theme--foundation.gform-conversational--layout-left .gform-conversational__form-nav, .gform-conversational.gform-theme--foundation.gform-conversational--layout-right .gform-conversational__form-nav {
				inline-size: 50%;
				max-inline-size: 50%;
				min-inline-size: 50%
		}
			}

@media (min-width: 1024px) {

.gform-conversational.gform-theme--foundation.gform-conversational--layout-right .gform-conversational__form-nav {
				inset-inline-start: auto
		}
			}

.gform-conversational.gform-theme--foundation.gform-conversational--progress-bar-active .gform-conversational__form-nav-wrapper {
			justify-content: space-between;
		}

/* Navigation / Actions: Field */

.gform-conversational.gform-theme--foundation .gform-conversational__field-header {
		display: flex;
		flex-direction: column;
		gap: 16px;
		inline-size: 100%;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__field-footer {
		align-items: start;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 16px;
		inline-size: 100%;
		padding-block-start: 16px;
	}

@media (min-width: 640px) {

.gform-conversational.gform-theme--foundation .gform-conversational__field-footer {
			align-items: center;
			flex-direction: row;
			justify-content: space-between
	}
		}

@media (min-width: 640px) {

			.gform-conversational.gform-theme--foundation .left_label .gform-conversational__field-footer, .gform-conversational.gform-theme--foundation .right_label .gform-conversational__field-footer {
				clear: right;
				margin-left: auto;
			}

				/* RTL styles */
				.rtl .gform-conversational.gform-theme--foundation .left_label .gform-conversational__field-footer, .rtl .gform-conversational.gform-theme--foundation .right_label .gform-conversational__field-footer {
					clear: left;
					margin-left: 0;
					margin-right: auto;
				}
	}

/* Navigation / Actions: Form */

.gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer {
		align-items: start;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 16px;
	}

@media (min-width: 640px) {

.gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer {
			align-items: center;
			flex-direction: row;
			justify-content: space-between
	}
		}

.gform-conversational.gform-theme--foundation .gform-conversational__field-nav:where(:not(.active)) + .gform-conversational__field-form-footer {
		flex: 1;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer-submit {
		align-items: center;
		flex-wrap: wrap;
	}

@media (min-width: 640px) {

.gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer-submit.active ~ button.gform_save_link.button {
					margin-inline-start: auto
			}
				}

.gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer-submit > *:empty:not(.gform-loader) {
			display: none;
		}

/* Navigation / Actions: Field & Form */

.gform-conversational.gform-theme--foundation .gform-conversational__field-nav, .gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer-submit {
		display: flex;
		gap: 16px;
		padding-inline-end: 35px;
		position: relative;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__field-nav:where(:not(.active)), .gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer-submit:where(:not(.active)) {
			display: none;
		}

.gform-conversational.gform-theme--foundation .gform-conversational__field-nav .gform-loader, .gform-conversational.gform-theme--foundation .gform-conversational__field-form-footer-submit .gform-loader {
			inset-inline-end: 0;
			position: absolute;
		}

/*# sourceMappingURL=theme-foundation.css.map */