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

theme-framework.css
Gravity Forms Theme Framework & CSS API
For the Conversational Forms Add-On
https://www.gravityforms.com

Theme dependencies:
- Gravity Forms Theme Foundation for the Conversational Forms Add-On: theme-foundation.css
- Gravity Forms Theme Framework for the Conversational Forms Add-On: theme-framework.css

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 Framework | Conversational Forms Add-On | Global CSS API: Theme */

.gform-conversational.gform-theme--framework {

	/* Typography */
	--gform-convo-theme-font-family: "inter", sans-serif;
}

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

.gform-conversational .gform-theme--framework {

	/* Global CSS API: Typography */
	--gform-theme-font-family: var(--gform-convo-theme-font-family);

	/* Global CSS API: Controls - Default For All Types */
	--gform-theme-control-size: var(--gform-theme-control-size-xl);

	/* Global CSS API: Control - Choice (Checkbox, Radio, & Consent) */
	--gform-theme-control-choice-size: var(--gform-theme-control-choice-size-xl);
	--gform-theme-control-checkbox-check-size: var(--gform-theme-control-checkbox-check-size-xl);
	--gform-theme-control-radio-check-size: var(--gform-theme-control-radio-check-size-xl);

	/* Global CSS API: Field - Choices */

	/* Global CSS API Overrides: Field - Date */

	/* Global CSS API Overrides: Field - Product */
}

/* Global CSS API: Control - Label | Primary Labels (ignore the list field column labels) */

.gform-conversational .gform-theme--framework .gform-field-label:where(:not(.gfield_header_item):not(.ginput_quantity_label)) {
		--gform-theme-control-label-font-size-primary: 24px;
		--gform-theme-control-label-line-height-primary: 1.33;
	}

.gform-conversational .gform-theme--framework {
	--gform-theme-label-spacing-vertical-secondary: var(--gform-theme-label-spacing-vertical-xl-secondary);
	--gform-theme-field-date-control-inline-size: 100%;
	--gform-theme-field-product-quantity-inline-size: 100%;
}

/* Base */

/* Gravity Forms Theme Framework | Conversational Forms Add-On | Global CSS API: Base */

.gform-conversational.gform-theme--framework {
	--gform-convo-theme-background-color: #fdfdff;
}

/* Fields */

/* Gravity Forms Theme Framework | Conversational Forms Add-On | Global CSS API: Fields - Default For All Fields */

.gform-conversational.gform-theme--framework {
	--gform-convo-theme-field-nav-helper-text-color: var(--gform-theme-control-description-color);
	--gform-convo-theme-field-nav-helper-text-font-family: var(--gform-theme-control-description-font-family);
	--gform-convo-theme-field-nav-helper-text-font-size: var(--gform-theme-control-description-font-size);
	--gform-convo-theme-field-nav-helper-text-font-style: var(--gform-theme-control-description-font-style);
	--gform-convo-theme-field-nav-helper-text-font-weight: var(--gform-theme-control-description-font-weight);
	--gform-convo-theme-field-nav-helper-text-letter-spacing: var(--gform-theme-control-description-letter-spacing);
	--gform-convo-theme-field-nav-helper-text-line-height: var(--gform-theme-control-description-line-height);
}

/* Form */

/* Gravity Forms Theme Framework | Conversational Forms Add-On | Global CSS API: Form - Navigation */

.gform-conversational.gform-theme--framework {
	--gform-convo-theme-nav-background-color: #ebf2ff;
	--gform-convo-theme-nav-color: #112337;
	--gform-convo-theme-nav-min-block-size: 75px;

	--gform-convo-theme-nav-button-icon-font-size: var(--gform-theme-icon-font-size);
}

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

.gform-conversational.gform-theme--framework {
	--gform-convo-theme-progress-bar-background-color: #c3d9ff;
	--gform-convo-theme-progress-bar-background-color-progress: var(--gform-theme-color-primary);
	--gform-convo-theme-progress-bar-border-radius: 0.25em;

	/* Progress Bar Label */
	--gform-convo-theme-progress-bar-label-color: var(--gform-theme-color-primary);
	--gform-convo-theme-progress-bar-label-font-family: var(--gform-theme-font-family);
	--gform-convo-theme-progress-bar-label-font-size: 14px;
	--gform-convo-theme-progress-bar-label-font-style: var(--gform-theme-font-style-base);
	--gform-convo-theme-progress-bar-label-font-weight: 600;
	--gform-convo-theme-progress-bar-label-letter-spacing: 0;
	--gform-convo-theme-progress-bar-label-line-height: 1.5;
}

/* Gravity Forms Theme Framework | Conversational Forms Add-On | Global CSS API: Form - Welcome Screen */

.gform-conversational.gform-theme--framework {

	/* Welcome Screen Title */
	--gform-convo-theme-welcome-screen-title-color: #112337;
	--gform-convo-theme-welcome-screen-title-font-family: var(--gform-theme-font-family);
	--gform-convo-theme-welcome-screen-title-font-size: 16px;
	--gform-convo-theme-welcome-screen-title-font-size-viewport-md: 30px;
	--gform-convo-theme-welcome-screen-title-font-style: var(--gform-theme-font-style-base);
	--gform-convo-theme-welcome-screen-title-font-weight: 500;
	--gform-convo-theme-welcome-screen-title-letter-spacing: 0;
	--gform-convo-theme-welcome-screen-title-line-height: 1.5;
	--gform-convo-theme-welcome-screen-title-line-height-viewport-md: 1.27;

	/* Welcome Screen Message */
	--gform-convo-theme-welcome-screen-message-color: #585e6a;
	--gform-convo-theme-welcome-screen-message-font-family: var(--gform-theme-font-family);
	--gform-convo-theme-welcome-screen-message-font-size: 14px;
	--gform-convo-theme-welcome-screen-message-font-size-viewport-md: 20px;
	--gform-convo-theme-welcome-screen-message-font-style: var(--gform-theme-font-style-base);
	--gform-convo-theme-welcome-screen-message-font-weight: 500;
	--gform-convo-theme-welcome-screen-message-letter-spacing: 0;
	--gform-convo-theme-welcome-screen-message-line-height: 1.43;
	--gform-convo-theme-welcome-screen-message-line-height-viewport-md: 1.5;
}

/* 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.
 *
 * ----------------------------------------------------------------------------- */

@font-face {
	font-display: swap;
	font-family: "inter";
	font-style: normal;
	font-weight: 400;
	src:
		url(../../fonts/inter-regular-webfont.woff2) format("woff2"),
		url(../../fonts/inter-regular-webfont.woff) format("woff");
}

@font-face {
	font-display: swap;
	font-family: "inter";
	font-style: normal;
	font-weight: 500;
	src:
		url(../../fonts/inter-medium-webfont.woff2) format("woff2"),
		url(../../fonts/inter-medium-webfont.woff) format("woff");
}

@font-face {
	font-display: swap;
	font-family: "inter";
	font-style: normal;
	font-weight: 600;
	src:
		url(../../fonts/inter-semibold-webfont.woff2) format("woff2"),
		url(../../fonts/inter-semibold-webfont.woff) format("woff");
}

.gform-conversational.gform-theme--framework {
	background-color: var(--gform-convo-theme-background-color);
}

/* Fields: Handles Gravity Forms field-level styles */

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

.gform-conversational.gform-theme--framework .gform-conversational__field-nav-helper-text {
		color: var(--gform-convo-theme-field-nav-helper-text-color);
		font-family: var(--gform-convo-theme-field-nav-helper-text-font-family);
		font-size: var(--gform-convo-theme-field-nav-helper-text-font-size);
		font-style: var(--gform-convo-theme-field-nav-helper-text-font-style);
		font-weight: var(--gform-convo-theme-field-nav-helper-text-font-weight);
		letter-spacing: var(--gform-convo-theme-field-nav-helper-text-letter-spacing);
		line-height: var(--gform-convo-theme-field-nav-helper-text-line-height);
		-webkit-margin-start: 16px;
		        margin-inline-start: 16px;
	}

/* 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.
 *
 * ----------------------------------------------------------------------------- */

/* Header */

.gform-theme--framework.gform-conversational .gform-conversational__header {
			opacity: 0;
		}

/* Welcome */

.gform-theme--framework.gform-conversational.gform-conversational--welcome-active .gform-conversational__form-nav {
				opacity: 0;
			}

.gform-theme--framework.gform-conversational.gform-conversational--welcome-active .gform-conversational__nav-buttons {
				display: none;
			}

.gform-theme--framework.gform-conversational .gform-conversational__welcome--hidden {
			opacity: 0;
		}

/* Form */

.gform-theme--framework.gform-conversational .gfield, .gform-theme--framework.gform-conversational .gform_page_footer {
			display: none;
			opacity: 0;
		}

.gform-theme--framework.gform-conversational .gfield {
			inline-size: 100%;
			inset-block-start: 50%;
			inset-inline-start: 0;
			max-block-size: 100%;
			position: absolute;
			transform: translateY(-50%);
		}

.gform-theme--framework.gform-conversational .gfield.active-step {

				/* TODO: Handle case when welcome screen is not enabled */
				display: block;
			}

.gform-theme--framework .gform-conversational__form-fields {
		block-size: 100%;
		position: relative;
	}

.gform-conversational.gform-theme--framework .gform-conversational__logo-wrap--link {

		border-color: transparent;
		border-radius: var(--gform-theme-control-border-radius-max-md);
		border-style: solid;
		border-width: 1px;
	}

.gform-conversational.gform-theme--framework .gform-conversational__logo-wrap--link.focus-visible {
			border-color: var(--gform-theme-control-border-color-focus);
			box-shadow: var(--gform-theme-control-box-shadow-focus);
		}

.gform-conversational.gform-theme--framework .gform-conversational__logo-wrap--link:focus-visible {
			border-color: var(--gform-theme-control-border-color-focus);
			box-shadow: var(--gform-theme-control-box-shadow-focus);
		}

.gform-conversational.gform-theme--framework .gform-conversational__form-nav {
		background-color: var(--gform-convo-theme-nav-background-color);
		color: var(--gform-convo-theme-nav-color);
	}

.gform-conversational.gform-theme--framework .gform-conversational__form-nav-wrapper {
		min-block-size: var(--gform-convo-theme-nav-min-block-size);
	}

.gform-conversational.gform-theme--framework .gform-conversational__nav-button--prev .gform-conversational__nav-button-text, .gform-conversational.gform-theme--framework .gform-conversational__nav-button--next .gform-conversational__nav-button-text {

			border: 0;

			clip: rect(0, 0, 0, 0);

			height: 1px;

			margin: -1px;

			overflow: hidden;

			padding: 0;

			position: absolute;

			white-space: nowrap;

			width: 1px;
		}

.gform-conversational.gform-theme--framework .gform-conversational__nav-button-icon {
		font-size: var(--gform-convo-theme-nav-button-icon-font-size);
	}

.gform-conversational.gform-theme--framework .gform-conversational__progress-bar-label {
		color: var(--gform-convo-theme-progress-bar-label-color);
		font-family: var(--gform-convo-theme-progress-bar-label-font-family);
		font-size: var(--gform-convo-theme-progress-bar-label-font-size);
		font-style: var(--gform-convo-theme-progress-bar-label-font-style);
		font-weight: var(--gform-convo-theme-progress-bar-label-font-weight);
		letter-spacing: var(--gform-convo-theme-progress-bar-label-letter-spacing);
		line-height: var(--gform-convo-theme-progress-bar-label-line-height);
	}

.gform-conversational.gform-theme--framework .gform-conversational__progress-bar-outer {
		background-color: var(--gform-convo-theme-progress-bar-background-color);
		border-radius: var(--gform-convo-theme-progress-bar-border-radius);
	}

.gform-conversational.gform-theme--framework .gform-conversational__progress-bar-inner {
		background-color: var(--gform-convo-theme-progress-bar-background-color-progress);
		border-radius: var(--gform-convo-theme-progress-bar-border-radius);
		transition: var(--gform-theme-transition-control);
	}

.gform-conversational.gform-theme--framework .gform-conversational__welcome-image {
		line-height: 0;
		margin-block: 0;
		margin-inline: auto;
		max-inline-size: var(--gform-convo-theme-content-max-inline-size);
	}

.gform-conversational.gform-theme--framework .gform-conversational__welcome-image img {
			max-inline-size: 100%;
		}

.gform-conversational.gform-theme--framework .gform-conversational__welcome-title {
		color: var(--gform-convo-theme-welcome-screen-title-color);
		font-family: var(--gform-convo-theme-welcome-screen-title-font-family);
		font-size: var(--gform-convo-theme-welcome-screen-title-font-size);
		font-style: var(--gform-convo-theme-welcome-screen-title-font-style);
		font-weight: var(--gform-convo-theme-welcome-screen-title-font-weight);
		letter-spacing: var(--gform-convo-theme-welcome-screen-title-letter-spacing);
		line-height: var(--gform-convo-theme-welcome-screen-title-line-height);
	}

@media (min-width: 768px) {

.gform-conversational.gform-theme--framework .gform-conversational__welcome-title {
			font-size: var(--gform-convo-theme-welcome-screen-title-font-size-viewport-md);
			line-height: var(--gform-convo-theme-welcome-screen-title-line-height-viewport-md)
	}
		}

.gform-conversational.gform-theme--framework .gform-conversational__welcome-message {
		color: var(--gform-convo-theme-welcome-screen-message-color);
		font-family: var(--gform-convo-theme-welcome-screen-message-font-family);
		font-size: var(--gform-convo-theme-welcome-screen-message-font-size);
		font-style: var(--gform-convo-theme-welcome-screen-message-font-style);
		font-weight: var(--gform-convo-theme-welcome-screen-message-font-weight);
		letter-spacing: var(--gform-convo-theme-welcome-screen-message-letter-spacing);
		line-height: var(--gform-convo-theme-welcome-screen-message-line-height);
	}

@media (min-width: 768px) {

.gform-conversational.gform-theme--framework .gform-conversational__welcome-message {
			font-size: var(--gform-convo-theme-welcome-screen-message-font-size-viewport-md);
			line-height: var(--gform-convo-theme-welcome-screen-message-line-height-viewport-md)
	}
		}

.gform-conversational.gform-theme--framework .gform-conversational__welcome-cta {
		-webkit-margin-before: 8px;
		        margin-block-start: 8px;
	}

@media (min-width: 768px) {

.gform-conversational.gform-theme--framework .gform-conversational__welcome-cta {
			-webkit-margin-before: 12px;
			        margin-block-start: 12px
	}
		}

/* Form: Handles layout-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--framework.gform-conversational--layout-left .gform-conversational__screen-wrapper, .gform-conversational.gform-theme--framework.gform-conversational--layout-right .gform-conversational__screen-wrapper {
			background-color: #fff;
		}

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