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

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-form-footer-margin-block-start: 0;
	--gform-theme-field-date-inline-size: 100%;
	--gform-theme-field-time-inline-size: 100%;
}

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

.gform-conversational.gform-theme--foundation {
	--gform-convo-theme-content-gap: 20px;
	--gform-convo-theme-content-max-inline-size: 720px;
}

/* 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-inline-size: 14rem;
	--gform-convo-theme-progress-bar-inline-size-viewport-md: 22rem;
}

/* 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);
	}

/* Form Overrides */

.gform-conversational.gform-theme--foundation input[id^="gform_submit_button_"] {
		display: none !important;
	}

.gform-conversational.gform-theme--foundation .gf_progressbar_wrapper, .gform-conversational.gform-theme--foundation .gf_page_steps {
		display: none !important;
	}

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

.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;
		-webkit-margin-after: 0.5rem;
		        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: var(--gform-convo-theme-progress-bar-inline-size);
		max-inline-size: 100%;
		position: relative;
	}

@media (min-width: 768px) {

.gform-conversational.gform-theme--foundation .gform-conversational__progress-bar-outer {
			inline-size: var(--gform-convo-theme-progress-bar-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;
	min-block-size: 100vh;
	position: relative;
}

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

@media (min-width: 783px) {

.admin-bar .gform-conversational.gform-theme--foundation {
			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%
		}
			}

@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 {
				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 {
			flex-direction: row-reverse
	}
		}

/*
	 * 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 .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 .gfield--type-date .gform-grid-col, .gform-conversational .gform-theme--foundation .gfield--type-time .gform-grid-col {
			flex: 1;
		}

.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;
		inline-size: 100%;
		justify-content: space-between;
		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__nav-buttons {
		display: flex;
		gap: 8px;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__field-nav {
		align-items: center;
		display: flex;
		inline-size: 100%;
		-webkit-padding-before: 16px;
		        padding-block-start: 16px;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__nav-button {
		display: none !important;
	}

.gform-conversational.gform-theme--foundation .gform-conversational__nav-button.active {
			display: inline-flex !important;
		}

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