/* ---------------------------------------------------------------- gravity-forms-theme-foundation.css Gravity Forms Theme Foundation Styles & CSS API A Gravity Forms theme framework foundation responsible for layout, out-of-the-box enhanced ui, and other basic required styles. https://www.gravityforms.com Gravity Forms is a Rocketgenius project copyright 2008-2026 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. * * ----------------------------------------------------------------------------- */ /** @navsection Global CSS API/Base @navlabel Form Layout & Spacing # Global CSS API: Form Layout & Spacing @description The following CSS custom properties are used to control more of the overall form level layout and spacing of form UI. */ .gform-theme--foundation, .gform-theme--api { /** ## Form Layout & Spacing @description Properties used for form UI layout and spacing. */ /** @cssprop Property: --gf-form-gap-x Description: Column gap for the form. Default: 16px */ --gf-form-gap-x: 16px; /** @cssprop Property: --gf-form-gap-y Description: Row gap for the form. Default: 40px */ --gf-form-gap-y: 40px; /** @cssprop Property: --gf-form-footer-margin-y-start Description: Vertical start (top) margin for the form footer. Default: 24px */ --gf-form-footer-margin-y-start: 24px; /** @cssprop Property: --gf-form-footer-gap Description: Gap between the form footer and form. Default: 8px */ --gf-form-footer-gap: 8px; /** ## Field Layout & Spacing @description Properties used for field UI layout and spacing. */ /** @cssprop Property: --gf-field-gap-x Description: Column gap for a field. Default: 12px */ --gf-field-gap-x: 12px; /** @cssprop Property: --gf-field-gap-y Description: Row gap for a field. Default: 12px */ --gf-field-gap-y: 12px; /** @cssprop Property: --gf-field-date-width Description: Width of the date field. Default: 168px */ --gf-field-date-width: 168px; /** @cssprop Property: --gf-field-time-width Description: Width of the time field. Default: 110px */ --gf-field-time-width: 110px; /** @cssprop Property: --gf-field-list-btns-gap Description: Gap between the buttons in a list field. Default: 8px */ --gf-field-list-btns-gap: 8px; /** @cssprop Property: --gf-field-list-btns-width Description: Width of the buttons in a list field. Default: calc(32px + var(--gf-field-list-btns-gap) + var(--gf-field-gap-x)) */ --gf-field-list-btns-width: calc(32px + var(--gf-field-list-btns-gap) + var(--gf-field-gap-x)); /** @cssprop Property: --gf-field-pg-steps-gap-y Description: Row gap for the page steps. Default: 8px */ --gf-field-pg-steps-gap-y: 8px; /** @cssprop Property: --gf-field-pg-steps-gap-x Description: Column gap for the page steps. Default: 24px */ --gf-field-pg-steps-gap-x: 24px; /** ## Field Label Layout & Spacing @description Properties used for label UI layout and spacing. */ /** @cssprop Property: --gf-label-width Description: Width of the label when label position is left or right. Default: 30% */ --gf-label-width: 30%; /** @cssprop Property: --gf-label-req-gap Description: Gap between the label text and required indicator. Default: 6px */ --gf-label-req-gap: 6px; } /* 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. * * ----------------------------------------------------------------------------- */ .gform-theme--foundation *, .gform-theme--foundation *::before, .gform-theme--foundation *::after { box-sizing: border-box; } .gform-theme--foundation fieldset, .gform-theme--foundation legend { background: none; padding: 0; } .gform-theme--foundation fieldset { border: none; display: block; margin: 0; } .gform-theme--foundation legend { margin-inline: 0; } .gform_anchor:focus-visible { outline: none; } .gform_wrapper:focus, .gform_confirmation_wrapper:focus { outline: none; } /* * Hide screen reader text. */ .gform-theme--foundation .screen-reader-text, .gform-theme--foundation .hidden_label > .gfield_label, .gform-theme--foundation .hidden_label > .gfield-admin-wrapper > .gfield_label, .gform-theme--foundation .gfield--type-repeater.hidden_label > .gfield_repeater_wrapper > .gfield_repeater_container > .gfield_label, .gform-theme--foundation .gfield--type-repeater.hidden_label > .gfield-admin-wrapper > .gfield_repeater_wrapper > .gfield_repeater_container > .gfield_label, .gform-theme--foundation .hidden_sub_label { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; word-wrap: normal !important; padding: 0; position: absolute; width: 1px; } .gform-theme--foundation button.screen-reader-text:focus { border: 0; clip: auto; clip-path: none; height: auto; margin: 0; position: static !important; width: auto; } /** @navsection Utility Classes @navlabel Foundation # Base: Foundation Utility Classes @description Various utility classes used and available as part of the foundation layer. @cssselector .gform-ul-reset A list of items with no list style type, marign, or padding. @cssexample .gform-ul-reset { list-style-type: none; margin: 0; padding: 0; } */ .gform-theme--foundation .gform-ul-reset { list-style-type: none; margin: 0; padding: 0; } /** @cssselector .gform-text-input-reset A reset for text inputs. @cssexample .gform-text-input-reset { background-color: transparent; border: none; border-radius: 0; box-shadow: none; color: currentColor; font-family: inherit; font-size: inherit; outline: none; padding: inherit; width: auto; } */ .gform-theme--foundation .gform-text-input-reset { background-color: transparent; border: none; border-radius: 0; box-shadow: none; color: currentcolor; font-family: inherit; font-size: inherit; outline: none; padding: inherit; width: auto; } /* 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. * * ----------------------------------------------------------------------------- */ /* * Left and right label alignment */ @media (min-width: 640px) { .gform-theme--foundation { /* NOTE: Specific to excluding from the form editor */ } .gform-theme--foundation .left_label .gfield > .ginput_container, .gform-theme--foundation .left_label .gfield .gfield_password_strength, .gform-theme--foundation .left_label .gfield .gfield_creditcard_warning_message, .gform-theme--foundation .left_label .gfield .copy_values_option_container, .gform-theme--foundation .left_label .gfield > .gfield-admin-wrapper > .ginput_container, .gform-theme--foundation .right_label .gfield > .ginput_container, .gform-theme--foundation .right_label .gfield .gfield_password_strength, .gform-theme--foundation .right_label .gfield .gfield_creditcard_warning_message, .gform-theme--foundation .right_label .gfield .copy_values_option_container, .gform-theme--foundation .right_label .gfield > .gfield-admin-wrapper > .ginput_container { float: inline-end; } .gform-theme--foundation .left_label .gfield .gfield_password_strength, .gform-theme--foundation .left_label .gfield .gfield_creditcard_warning_message, .gform-theme--foundation .right_label .gfield .gfield_password_strength, .gform-theme--foundation .right_label .gfield .gfield_creditcard_warning_message { margin-inline-start: auto; } /* NOTE: Mostly specific to the form editor markup (exception is .gform-grid-row) */ .gform-theme--foundation .left_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section):not(.gfield--type-repeater)) > div:where(:not(.gform-grid-row):not(.ui-resizable-handle):not(.gfield-resize):not(.gfield-admin-icons):not(.gfield-admin-wrapper):not(.gform-compact-view-overflow-menu):not(.admin-hidden-markup):not(.gfield-compact-icons)), .gform-theme--foundation .left_label .gfield > .ginput_container:where(:not(.gform-grid-row):not(.ui-resizable-handle):not(.gfield-resize):not(.gfield-admin-icons):not(.gfield-admin-wrapper):not(.gform-compact-view-overflow-menu):not(.admin-hidden-markup):not(.gfield-compact-icons)), .gform-theme--foundation .left_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section):not(.gfield--type-repeater)) > .gfield-admin-wrapper > div:where(:not(.gform-grid-row):not(.ui-resizable-handle):not(.gfield-resize):not(.gfield-admin-icons):not(.gfield-admin-wrapper):not(.gform-compact-view-overflow-menu):not(.admin-hidden-markup):not(.gfield-compact-icons)), .gform-theme--foundation .left_label .gfield > .gfield-admin-wrapper > .ginput_container:where(:not(.gform-grid-row):not(.ui-resizable-handle):not(.gfield-resize):not(.gfield-admin-icons):not(.gfield-admin-wrapper):not(.gform-compact-view-overflow-menu):not(.admin-hidden-markup):not(.gfield-compact-icons)), .gform-theme--foundation .right_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section):not(.gfield--type-repeater)) > div:where(:not(.gform-grid-row):not(.ui-resizable-handle):not(.gfield-resize):not(.gfield-admin-icons):not(.gfield-admin-wrapper):not(.gform-compact-view-overflow-menu):not(.admin-hidden-markup):not(.gfield-compact-icons)), .gform-theme--foundation .right_label .gfield > .ginput_container:where(:not(.gform-grid-row):not(.ui-resizable-handle):not(.gfield-resize):not(.gfield-admin-icons):not(.gfield-admin-wrapper):not(.gform-compact-view-overflow-menu):not(.admin-hidden-markup):not(.gfield-compact-icons)), .gform-theme--foundation .right_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section):not(.gfield--type-repeater)) > .gfield-admin-wrapper > div:where(:not(.gform-grid-row):not(.ui-resizable-handle):not(.gfield-resize):not(.gfield-admin-icons):not(.gfield-admin-wrapper):not(.gform-compact-view-overflow-menu):not(.admin-hidden-markup):not(.gfield-compact-icons)), .gform-theme--foundation .right_label .gfield > .gfield-admin-wrapper > .ginput_container:where(:not(.gform-grid-row):not(.ui-resizable-handle):not(.gfield-resize):not(.gfield-admin-icons):not(.gfield-admin-wrapper):not(.gform-compact-view-overflow-menu):not(.admin-hidden-markup):not(.gfield-compact-icons)) { inline-size: calc(100% - var(--gf-label-width)); } .gform-theme--foundation .left_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section):not(.gfield--type-repeater)) > div:where(.gform-grid-row), .gform-theme--foundation .left_label .gfield > .ginput_container:where(.gform-grid-row), .gform-theme--foundation .left_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section):not(.gfield--type-repeater)) > .gfield-admin-wrapper > div:where(.gform-grid-row), .gform-theme--foundation .left_label .gfield > .gfield-admin-wrapper > .ginput_container:where(.gform-grid-row), .gform-theme--foundation .right_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section):not(.gfield--type-repeater)) > div:where(.gform-grid-row), .gform-theme--foundation .right_label .gfield > .ginput_container:where(.gform-grid-row), .gform-theme--foundation .right_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section):not(.gfield--type-repeater)) > .gfield-admin-wrapper > div:where(.gform-grid-row), .gform-theme--foundation .right_label .gfield > .gfield-admin-wrapper > .ginput_container:where(.gform-grid-row) { inline-size: calc((100% - var(--gf-label-width)) + var(--gf-field-gap-x)); } .gform-theme--foundation:where(:not(.gform_editor)) .left_label .gfield_html_formatted, .gform-theme--foundation:where(:not(.gform_editor)) .right_label .gfield_html_formatted { margin-inline-start: var(--gf-label-width); } } /* * Sublabel position */ .field_sublabel_below .ginput_complex { align-items: flex-start; } .field_sublabel_above .ginput_complex { align-items: flex-end; } /* * Complex fields. * This is legacy, but needed to make complex fields display properly. */ .gform-theme--foundation .ginput_complex label, .gform-theme--foundation .ginput_complex legend { display: block; } .gform-theme--foundation .ginput_complex input, .gform-theme--foundation .ginput_complex select { inline-size: 100%; } /* * Styles for full, medium, and small field sizes. */ .gform-theme--foundation .gfield textarea { inline-size: 100%; } .gform-theme--foundation .gfield textarea.small { min-block-size: 6rem; } .gform-theme--foundation .gfield textarea.medium { min-block-size: 12rem; } .gform-theme--foundation .gfield textarea.large { min-block-size: 18rem; } .gform-theme--foundation .gfield input, .gform-theme--foundation .gfield select, .gform-theme--foundation .gfield .ginput_password { max-inline-size: 100%; } .gform-theme--foundation .gfield input.small, .gform-theme--foundation .gfield select.small, .gform-theme--foundation .gfield .ginput_password.small { inline-size: calc(25% - var(--gf-form-gap-x) * 3 / 4); } .gform-theme--foundation .gfield input.medium, .gform-theme--foundation .gfield select.medium, .gform-theme--foundation .gfield .ginput_password.medium { inline-size: calc(50% - var(--gf-form-gap-x) / 2); } .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large, .gform-theme--foundation .gfield .ginput_password.large { inline-size: 100%; } /* * Form grid layout */ .gform-theme--foundation .gform_fields { grid-column-gap: 0; -moz-column-gap: 0; column-gap: 0; display: grid; grid-template-columns: repeat(12, 1fr); inline-size: 100%; grid-row-gap: var(--gf-form-gap-y); row-gap: var(--gf-form-gap-y); } .gform-theme--foundation .gfield { grid-column: 1 / -1; min-inline-size: 0; } .gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer, .gform-theme--foundation #field_submit, .gform-theme--foundation .gfield--type-submit { display: flex; flex-wrap: wrap; gap: var(--gf-form-footer-gap); } .gform-theme--foundation #field_submit, .gform-theme--foundation .gfield--type-submit { align-items: flex-end; } .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].gform-button--width-full, .gform-theme--foundation #field_submit button.gform-button--width-full, .gform-theme--foundation .gfield--type-submit input[type="submit"][id*="gform_submit_button_"].gform-button--width-full, .gform-theme--foundation .gfield--type-submit button.gform-button--width-full { inline-size: 100% !important; } .gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer { margin-block-start: var(--gf-form-footer-margin-y-start); } /* NOTE: This temporarily excludes the form footer button width styles from convo forms until we fix the submit button when end of last row bug in conversational forms. */ .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full { inline-size: 100% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-full, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-full, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-full, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-full { inline-size: 100% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-eleven-twelfths, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-eleven-twelfths, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-eleven-twelfths, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-eleven-twelfths { inline-size: 91.6666% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-five-sixths, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-five-sixths, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-five-sixths, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-five-sixths { inline-size: 83.3333% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-three-quarter, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-three-quarter, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-three-quarter, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-three-quarter { inline-size: 75% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-two-thirds, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-two-thirds, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-two-thirds, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-two-thirds { inline-size: 66.6666% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-seven-twelfths, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-seven-twelfths, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-seven-twelfths, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-seven-twelfths { inline-size: 58.3333% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-half, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-half, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-half, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-half { inline-size: 50% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-five-twelfths, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-five-twelfths, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-five-twelfths, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-five-twelfths { inline-size: 41.6666% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-third, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-third, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-third, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-third { inline-size: 33.3333% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-quarter, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-quarter, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-quarter, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-quarter { inline-size: 25% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-one-sixth, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-one-sixth, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-one-sixth, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-one-sixth { inline-size: 16.6666% !important; } .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-one-twelfth, .gform-theme--foundation .gform_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-one-twelfth, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) input[type="submit"][id*="gform_submit_button_"].gform-button--width-full.gfield--width-one-twelfth, .gform-theme--foundation .gform_page_footer:where(:not(.gform-conversational__field-form-footer)) button.gform-button--width-full.gfield--width-one-twelfth { inline-size: 8.3333% !important; } @media (min-width: 640px) { .gform-theme--foundation .gform_fields { -moz-column-gap: var(--gf-form-gap-x); column-gap: var(--gf-form-gap-x); } .gform-theme--foundation .gfield--width-full { grid-column: span 12; } .gform-theme--foundation .gfield--width-eleven-twelfths { grid-column: span 11; } .gform-theme--foundation .gfield--width-five-sixths { grid-column: span 10; } .gform-theme--foundation .gfield--width-three-quarter { grid-column: span 9; } .gform-theme--foundation .gfield--width-two-thirds { grid-column: span 8; } .gform-theme--foundation .gfield--width-seven-twelfths { grid-column: span 7; } .gform-theme--foundation .gfield--width-half { grid-column: span 6; } .gform-theme--foundation .gfield--width-five-twelfths { grid-column: span 5; } .gform-theme--foundation .gfield--width-third { grid-column: span 4; } .gform-theme--foundation .gfield--width-quarter { grid-column: span 3; } .gform-theme--foundation .gfield--width-one-sixth { grid-column: span 2; } .gform-theme--foundation .gfield--width-one-twelfth { grid-column: span 1; } .gform-theme--foundation .gform_footer.left_label, .gform-theme--foundation .gform_footer.right_label { padding-inline-start: var(--gf-label-width); } } /** @navsection Utility Classes @navlabel Field Grid # Layout: Complex Field Grid @description The following CSS classes can be used within complex fields to create a layout. @cssselector .gform-grid-row Creates a grid row. @cssselector .gform-grid-col Creates a grid column and can be used with the grid row class. @cssselector .gform-grid-col--size-auto Creates a grid column that is sized to the width of it's content. Used with the grid column class. ## Example Usage The following examples demonstrate how you can use this grid system for your own complex field UI. ### Example 1: Email field (markup simplified) @htmlexample
Email
### Example 2: Address field (markup simplified) @htmlexample
Address
### Example 3: Credit card field (markup simplified) @htmlexample
Credit Card
American Express
Discover
MasterCard
Visa
Expiration Date
*/ /* * Field grid layout * These are classes to be used within complex fields to create a grid system. */ /* * Grid row handling */ .gform-theme--foundation .gform-grid-row { display: flex; flex-flow: row wrap; margin-inline: calc(var(--gf-field-gap-x) * -1 / 2); row-gap: var(--gf-field-gap-y); } /* * Grid column handling */ .gform-theme--foundation .gform-grid-col { flex: none; inline-size: 100%; padding-inline: calc(var(--gf-field-gap-x) / 2); } .gform-theme--foundation .gform-grid-col.gform-grid-row { inline-size: calc(100% + var(--gf-field-gap-x)); } @media (min-width: 640px) { .gform-theme--foundation .gform-grid-col.gform-grid-col--size-auto { flex: 1; inline-size: auto } } /* * Label layout */ /* Primary label & required label handling */ .gform-theme--foundation .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label)), .gform-theme--foundation.gform_editor legend.gform-field-label > span { display: block; } .gform-theme--foundation .gform-field-label__text { display: inline; padding-inline-end: 0; } .gform-theme--foundation .gform-field-label__text:where([\:has\(\%2B\%20.gfield_required\)]) { padding-inline-end: var(--gf-label-req-gap); } .gform-theme--foundation .gform-field-label__text:where(:has(+ .gfield_required)) { padding-inline-end: var(--gf-label-req-gap); } .gform-theme--foundation .gform-field-label > .gfield_required, .gform-theme--foundation.gform_editor legend.gform-field-label > span > .gfield_required { display: inline; } /* All other label handling */ .gform-theme--foundation .gform-field-label:where([class*="gform-field-label--type-"]) { display: inline-block; } /* NOTE: Specific to excluding from the form editor in compact view */ /* Left and right label alignment */ @media (min-width: 640px) { .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label):not(.gform-repeat-label)), .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label):not(.gform-repeat-label)) { flex-direction: column; float: inline-start; gap: calc(var(--gf-label-req-gap) / 3); inline-size: var(--gf-label-width) } } @media (min-width: 640px) { .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gfield--type-repeater > .gform-field-label, .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gfield--type-repeater > .gfield-admin-wrapper > .gform-field-label, .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gfield--type-repeater > .gform-field-label, .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gfield--type-repeater > .gfield-admin-wrapper > .gform-field-label { float: none; inline-size: auto; text-align: start } } @media (min-width: 640px) { .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label__text, .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label__text { padding-inline-end: 0 } } @media (min-width: 640px) { .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label__text:where([\:has\(\%2B\%20.gfield_required\%20.gfield_required_short\)]), .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label__text:where([\:has\(\%2B\%20.gfield_required\)]), .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label--type-inline .gform-field-label__text, .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label__text:where([\:has\(\%2B\%20.gfield_required\%20.gfield_required_short\)]), .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label__text:where([\:has\(\%2B\%20.gfield_required\)]), .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label--type-inline .gform-field-label__text { padding-inline-end: var(--gf-label-req-gap) } .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label__text:where(:has(+ .gfield_required .gfield_required_short)), .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label__text:where(:has(+ .gfield_required)), .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label--type-inline .gform-field-label__text, .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label__text:where(:has(+ .gfield_required .gfield_required_short)), .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label__text:where(:has(+ .gfield_required)), .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label--type-inline .gform-field-label__text { padding-inline-end: var(--gf-label-req-gap) } } @media (min-width: 640px) { .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label > .gfield_required:where([\:has\(.gfield_required_long\)]), .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label > .gfield_required:where([\:has\(.gfield_required_long\)]), .gform-theme--foundation:where(:not(.gform-editor--compact)).gform_editor .left_label legend.gform-field-label > span > .gfield_required:where([\:has\(.gfield_required_long\)]), .gform-theme--foundation:where(:not(.gform-editor--compact)).gform_editor .right_label legend.gform-field-label > span > .gfield_required:where([\:has\(.gfield_required_long\)]) { display: block } .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label > .gfield_required:where(:has(.gfield_required_long)), .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label > .gfield_required:where(:has(.gfield_required_long)), .gform-theme--foundation:where(:not(.gform-editor--compact)).gform_editor .left_label legend.gform-field-label > span > .gfield_required:where(:has(.gfield_required_long)), .gform-theme--foundation:where(:not(.gform-editor--compact)).gform_editor .right_label legend.gform-field-label > span > .gfield_required:where(:has(.gfield_required_long)) { display: block } } @media (min-width: 640px) { .gform-theme--foundation:where(:not(.gform-editor--compact)) .left_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label):not(.gform-repeat-label)) { align-items: start } } @media (min-width: 640px) { .gform-theme--foundation:where(:not(.gform-editor--compact)) .right_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label):not(.gform-repeat-label)) { align-items: end; justify-content: normal; text-align: end } } /* * Description layout */ @media (min-width: 640px) { .gform-theme--foundation .left_label .gfield_description, .gform-theme--foundation .right_label .gfield_description { clear: inline-end; margin-inline-start: auto; } } /* Icons: Handles icon styles */ /* stylelint-disable */ /* ----------------------------------------------------------------------------- * * International Phone Field - Country Flag Positions (via Houston) * * This file is generated using Houston. Do not edit it directly. * * ----------------------------------------------------------------------------- */ .gform_wrapper .gform-phone__flag-icon--af, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--af { background-position: calc(0 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ax, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ax { background-position: calc(1 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--al, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--al { background-position: calc(2 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--dz, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--dz { background-position: calc(3 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--as, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--as { background-position: calc(4 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ad, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ad { background-position: calc(5 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ao, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ao { background-position: calc(6 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ai, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ai { background-position: calc(7 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ag, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ag { background-position: calc(8 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ar, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ar { background-position: calc(9 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--am, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--am { background-position: calc(10 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--aw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--aw { background-position: calc(11 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ac, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ac { background-position: calc(12 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--au, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--au { background-position: calc(13 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--at, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--at { background-position: calc(14 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--az, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--az { background-position: calc(15 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bs, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bs { background-position: calc(16 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bh, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bh { background-position: calc(17 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bd, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bd { background-position: calc(18 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bb, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bb { background-position: calc(19 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--by, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--by { background-position: calc(20 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--be, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--be { background-position: calc(21 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bz, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bz { background-position: calc(22 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bj, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bj { background-position: calc(23 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bm { background-position: calc(24 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bt, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bt { background-position: calc(25 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bo, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bo { background-position: calc(26 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ba, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ba { background-position: calc(27 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bw { background-position: calc(28 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--br, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--br { background-position: calc(29 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--io, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--io { background-position: calc(30 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--vg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--vg { background-position: calc(31 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bn, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bn { background-position: calc(32 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bg { background-position: calc(33 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bf, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bf { background-position: calc(34 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bi, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bi { background-position: calc(35 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--kh, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--kh { background-position: calc(36 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cm { background-position: calc(37 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ca, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ca { background-position: calc(38 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cv, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cv { background-position: calc(39 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bq, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bq { background-position: calc(40 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ky, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ky { background-position: calc(41 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cf, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cf { background-position: calc(42 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--td, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--td { background-position: calc(43 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cl, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cl { background-position: calc(44 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cn, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cn { background-position: calc(45 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cx, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cx { background-position: calc(46 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cc, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cc { background-position: calc(47 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--co, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--co { background-position: calc(48 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--km, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--km { background-position: calc(49 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cg { background-position: calc(50 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cd, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cd { background-position: calc(51 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ck, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ck { background-position: calc(52 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cr { background-position: calc(53 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ci, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ci { background-position: calc(54 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--hr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--hr { background-position: calc(55 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cu, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cu { background-position: calc(56 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cw { background-position: calc(57 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cy, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cy { background-position: calc(58 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--cz, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--cz { background-position: calc(59 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--dk, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--dk { background-position: calc(60 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--dj, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--dj { background-position: calc(61 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--dm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--dm { background-position: calc(62 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--do, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--do { background-position: calc(63 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ec, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ec { background-position: calc(64 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--eg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--eg { background-position: calc(65 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sv, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sv { background-position: calc(66 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gq, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gq { background-position: calc(67 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--er, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--er { background-position: calc(68 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ee, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ee { background-position: calc(69 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sz, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sz { background-position: calc(70 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--et, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--et { background-position: calc(71 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--fk, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--fk { background-position: calc(72 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--fo, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--fo { background-position: calc(73 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--fj, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--fj { background-position: calc(74 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--fi, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--fi { background-position: calc(75 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--fr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--fr { background-position: calc(76 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gf, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gf { background-position: calc(77 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pf, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pf { background-position: calc(78 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ga, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ga { background-position: calc(79 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gm { background-position: calc(80 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ge, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ge { background-position: calc(81 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--de, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--de { background-position: calc(82 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gh, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gh { background-position: calc(83 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gi, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gi { background-position: calc(84 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gr { background-position: calc(85 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gl, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gl { background-position: calc(86 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gd, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gd { background-position: calc(87 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gp, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gp { background-position: calc(88 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gu, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gu { background-position: calc(89 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gt, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gt { background-position: calc(90 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gg { background-position: calc(91 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gn, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gn { background-position: calc(92 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gw { background-position: calc(93 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gy, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gy { background-position: calc(94 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ht, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ht { background-position: calc(95 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--hn, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--hn { background-position: calc(96 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--hk, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--hk { background-position: calc(97 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--hu, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--hu { background-position: calc(98 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--is, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--is { background-position: calc(99 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--in, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--in { background-position: calc(100 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--id, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--id { background-position: calc(101 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ir, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ir { background-position: calc(102 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--iq, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--iq { background-position: calc(103 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ie, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ie { background-position: calc(104 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--im, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--im { background-position: calc(105 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--il, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--il { background-position: calc(106 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--it, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--it { background-position: calc(107 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--jm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--jm { background-position: calc(108 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--jp, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--jp { background-position: calc(109 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--je, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--je { background-position: calc(110 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--jo, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--jo { background-position: calc(111 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--kz, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--kz { background-position: calc(112 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ke, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ke { background-position: calc(113 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ki, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ki { background-position: calc(114 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--xk, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--xk { background-position: calc(115 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--kw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--kw { background-position: calc(116 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--kg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--kg { background-position: calc(117 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--la, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--la { background-position: calc(118 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--lv, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--lv { background-position: calc(119 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--lb, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--lb { background-position: calc(120 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ls, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ls { background-position: calc(121 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--lr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--lr { background-position: calc(122 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ly, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ly { background-position: calc(123 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--li, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--li { background-position: calc(124 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--lt, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--lt { background-position: calc(125 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--lu, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--lu { background-position: calc(126 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mo, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mo { background-position: calc(127 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mg { background-position: calc(128 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mw { background-position: calc(129 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--my, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--my { background-position: calc(130 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mv, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mv { background-position: calc(131 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ml, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ml { background-position: calc(132 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mt, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mt { background-position: calc(133 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mh, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mh { background-position: calc(134 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mq, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mq { background-position: calc(135 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mr { background-position: calc(136 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mu, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mu { background-position: calc(137 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--yt, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--yt { background-position: calc(138 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mx, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mx { background-position: calc(139 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--fm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--fm { background-position: calc(140 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--md, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--md { background-position: calc(141 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mc, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mc { background-position: calc(142 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mn, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mn { background-position: calc(143 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--me, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--me { background-position: calc(144 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ms, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ms { background-position: calc(145 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ma, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ma { background-position: calc(146 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mz, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mz { background-position: calc(147 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mm { background-position: calc(148 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--na, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--na { background-position: calc(149 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--nr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--nr { background-position: calc(150 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--np, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--np { background-position: calc(151 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--nl, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--nl { background-position: calc(152 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--nc, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--nc { background-position: calc(153 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--nz, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--nz { background-position: calc(154 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ni, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ni { background-position: calc(155 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ne, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ne { background-position: calc(156 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ng, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ng { background-position: calc(157 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--nu, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--nu { background-position: calc(158 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--nf, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--nf { background-position: calc(159 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--kp, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--kp { background-position: calc(160 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mk, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mk { background-position: calc(161 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mp, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mp { background-position: calc(162 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--no, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--no { background-position: calc(163 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--om, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--om { background-position: calc(164 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pk, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pk { background-position: calc(165 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pw { background-position: calc(166 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ps, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ps { background-position: calc(167 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pa, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pa { background-position: calc(168 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pg { background-position: calc(169 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--py, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--py { background-position: calc(170 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pe, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pe { background-position: calc(171 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ph, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ph { background-position: calc(172 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pl, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pl { background-position: calc(173 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pt, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pt { background-position: calc(174 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pr { background-position: calc(175 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--qa, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--qa { background-position: calc(176 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--re, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--re { background-position: calc(177 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ro, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ro { background-position: calc(178 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ru, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ru { background-position: calc(179 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--rw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--rw { background-position: calc(180 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ws, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ws { background-position: calc(181 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sm { background-position: calc(182 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--st, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--st { background-position: calc(183 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sa, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sa { background-position: calc(184 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sn, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sn { background-position: calc(185 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--rs, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--rs { background-position: calc(186 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sc, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sc { background-position: calc(187 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sl, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sl { background-position: calc(188 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sg { background-position: calc(189 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sx, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sx { background-position: calc(190 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sk, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sk { background-position: calc(191 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--si, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--si { background-position: calc(192 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sb, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sb { background-position: calc(193 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--so, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--so { background-position: calc(194 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--za, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--za { background-position: calc(195 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--kr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--kr { background-position: calc(196 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ss, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ss { background-position: calc(197 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--es, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--es { background-position: calc(198 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--lk, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--lk { background-position: calc(199 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--bl, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--bl { background-position: calc(200 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sh, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sh { background-position: calc(201 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--kn, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--kn { background-position: calc(202 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--lc, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--lc { background-position: calc(203 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--mf, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--mf { background-position: calc(204 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--pm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--pm { background-position: calc(205 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--vc, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--vc { background-position: calc(206 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sd, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sd { background-position: calc(207 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sr { background-position: calc(208 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sj, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sj { background-position: calc(209 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--se, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--se { background-position: calc(210 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ch, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ch { background-position: calc(211 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--sy, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--sy { background-position: calc(212 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tw { background-position: calc(213 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tj, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tj { background-position: calc(214 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tz, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tz { background-position: calc(215 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--th, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--th { background-position: calc(216 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tl, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tl { background-position: calc(217 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tg, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tg { background-position: calc(218 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tk, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tk { background-position: calc(219 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--to, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--to { background-position: calc(220 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tt, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tt { background-position: calc(221 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tn, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tn { background-position: calc(222 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tr, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tr { background-position: calc(223 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tm { background-position: calc(224 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tc, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tc { background-position: calc(225 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--tv, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--tv { background-position: calc(226 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ug, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ug { background-position: calc(227 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ua, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ua { background-position: calc(228 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ae, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ae { background-position: calc(229 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--gb, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--gb { background-position: calc(230 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--us, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--us { background-position: calc(231 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--uy, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--uy { background-position: calc(232 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--vi, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--vi { background-position: calc(233 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--uz, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--uz { background-position: calc(234 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--vu, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--vu { background-position: calc(235 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--va, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--va { background-position: calc(236 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ve, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ve { background-position: calc(237 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--vn, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--vn { background-position: calc(238 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--wf, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--wf { background-position: calc(239 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--eh, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--eh { background-position: calc(240 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--ye, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--ye { background-position: calc(241 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--zm, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--zm { background-position: calc(242 * -30px) 0; } .gform_wrapper .gform-phone__flag-icon--zw, .gform-country-flag-icon-wrapper .gform-phone__flag-icon--zw { background-position: calc(243 * -30px) 0; } /* Controls: Handles native form input and control-level styles */ /* ----------------------------------------------------------------------------- * * Controls * * This file is just a clearing-house. * Make partials (start with an underscore) elsewhere for actual code. * * ----------------------------------------------------------------------------- */ .gform-theme--foundation .gform-datepicker-calendar { background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); inset-block-start: 100%; position: absolute; text-align: center; transform: translateY(6px); z-index: 9999 !important; } .gform-theme--foundation .gform-datepicker-calendar table.calendar { border-collapse: collapse; font-size: 0.9em; inline-size: 100%; margin: 0 auto; table-layout: fixed; } .gform-theme--foundation .gform-datepicker-calendar th { border: 0; font-weight: bold; padding-block: 0.7em; padding-inline: 0.3em; text-align: center; } .gform-theme--foundation .gform-datepicker-calendar tr .yearSelector, .gform-theme--foundation .gform-datepicker-calendar tr .monthSelector { position: relative; } .gform-theme--foundation .gform-datepicker-calendar td { border: 0; padding: 1px; } .gform-theme--foundation .gform-datepicker-calendar td[role="button"]:not(.disabled) { cursor: pointer; } .gform-theme--foundation .gform-datepicker-calendar td.day:where(:not(.selected):not(.dayMarked):not(.disabled)) span:hover, .gform-theme--foundation .gform-datepicker-calendar td[aria-current="date"] span { background-color: #c3d9ff; } .gform-theme--foundation .gform-datepicker-calendar td.dayMarked span { background-color: #204ce5; color: #fff; } .gform-theme--foundation .gform-datepicker-calendar td.selected span { border: 1px solid #204ce5; } .gform-theme--foundation .gform-datepicker-calendar td span:not([hidden]) { display: block; margin: auto; padding: 0.25em 0.2em; text-align: center; text-decoration: none; } .gform-theme--foundation .gform-datepicker-calendar .nav.year.prev::before, .gform-theme--foundation .gform-datepicker-calendar .nav.year.next::before, .gform-theme--foundation .gform-datepicker-calendar .nav.month.prev::before, .gform-theme--foundation .gform-datepicker-calendar .nav.month.next::before { background-image: url(../../../images/theme/down-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: 24px 24px; block-size: 1em; content: ""; display: inline-block; inline-size: 1em; inset-block-start: 50%; inset-inline-start: 50%; position: absolute; transform: translate(-50%, -50%) rotate(90deg); } .gform-theme--foundation .gform-datepicker-calendar .nav.year.prev span, .gform-theme--foundation .gform-datepicker-calendar .nav.year.next span, .gform-theme--foundation .gform-datepicker-calendar .nav.month.prev span, .gform-theme--foundation .gform-datepicker-calendar .nav.month.next span { display: none; } .gform-theme--foundation .gform-datepicker-calendar .nav.year.next::before, .gform-theme--foundation .gform-datepicker-calendar .nav.month.next::before { transform: translate(-50%, -50%) rotate(-90deg); } .gform-theme--foundation .gform-datepicker-calendar .monthMessage p { margin: 0 auto; } /* RTL support */ html[dir="rtl"] .gform-theme--foundation .gform-datepicker-calendar .nav.year.prev::before, html[dir="rtl"] .gform-theme--foundation .gform-datepicker-calendar .nav.month.prev::before { transform: translate(50%, -50%) rotate(-90deg); } html[dir="rtl"] .gform-theme--foundation .gform-datepicker-calendar .nav.year.next::before, html[dir="rtl"] .gform-theme--foundation .gform-datepicker-calendar .nav.month.next::before { transform: translate(50%, -50%) rotate(90deg); } .gform-theme--foundation .gform_drop_area { background-color: #fff; border: 1px dashed #686e77; padding-block: 32px; padding-inline: 32px; text-align: center; } .gform-theme--foundation .gform_drop_instructions, .gform-theme--foundation .gform_fileupload_rules { display: block; } /* Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.8.7 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2018 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /* Base */ .gform-theme--foundation .chosen-container { display: inline-block; font-size: 13px; position: relative; text-align: start; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle; } .gform-theme--foundation .chosen-container * { box-sizing: border-box; } .gform-theme--foundation .chosen-container a { cursor: pointer; } .gform-theme--foundation .chosen-container .chosen-drop { background: #fff; border: 1px solid #aaa; border-block-start: 0; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); clip: rect(0, 0, 0, 0); clip-path: inset(100% 100%); inline-size: 100%; inset-block-start: 100%; position: absolute; z-index: 1010; } .gform-theme--foundation .chosen-container.chosen-with-drop .chosen-drop { clip: auto; clip-path: none; } .gform-theme--foundation .chosen-container .search-choice .group-name, .gform-theme--foundation .chosen-container .chosen-single .group-name { color: #999; font-weight: normal; margin-inline-end: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gform-theme--foundation .chosen-container .search-choice .group-name::after, .gform-theme--foundation .chosen-container .chosen-single .group-name::after { content: ":"; padding-inline-start: 2px; vertical-align: top; } /* Single Chosen */ .gform-theme--foundation .chosen-container-single .chosen-single { background: #fff linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-clip: padding-box; block-size: 25px; border: 1px solid #aaa; border-radius: 5px; box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; display: block; line-height: 24px; overflow: hidden; padding-block: 0; padding-inline: 8px 0; position: relative; text-decoration: none; white-space: nowrap; } .gform-theme--foundation .chosen-container-single .chosen-single span { display: block; margin-inline-end: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gform-theme--foundation .chosen-container-single .chosen-single abbr { background: url(../../../images/theme/chosen/chosen-sprite.png) -42px 1px no-repeat; block-size: 12px; display: block; font-size: 1px; inline-size: 12px; inset-block-start: 6px; inset-inline-end: 26px; position: absolute; } .gform-theme--foundation .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .gform-theme--foundation .chosen-container-single .chosen-single div { block-size: 100%; display: block; inline-size: 18px; inset-block-start: 0; inset-inline-end: 0; position: absolute; } .gform-theme--foundation .chosen-container-single .chosen-single div b { background: url(../../../images/theme/chosen/chosen-sprite.png) no-repeat 0 2px; block-size: 100%; display: block; inline-size: 100%; } .gform-theme--foundation .chosen-container-single .chosen-default { color: #999; } .gform-theme--foundation .chosen-container-single .chosen-single-with-deselect span { margin-inline-end: 38px; } .gform-theme--foundation .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .gform-theme--foundation .chosen-container-single .chosen-search { margin-block: 0; margin-inline: 0; padding-block: 3px; padding-inline: 4px; position: relative; white-space: nowrap; z-index: 1010; } .gform-theme--foundation .chosen-container-single .chosen-search input[type="text"] { background: url(../../../images/theme/chosen/chosen-sprite.png) no-repeat 100% -20px; block-size: auto; border: 1px solid #aaa; border-radius: 0; font-family: sans-serif; font-size: 1em; inline-size: 100%; line-height: normal; margin-block: 1px; margin-inline: 0; outline: 0; padding-block: 4px; padding-inline: 5px 20px; } .gform-theme--foundation .chosen-container-single.chosen-container-single-nosearch .chosen-search { clip: rect(0, 0, 0, 0); clip-path: inset(100% 100%); position: absolute; } .gform-theme--foundation .chosen-container-single .chosen-drop { background-clip: padding-box; border-end-end-radius: 4px; border-end-start-radius: 4px; border-start-end-radius: 0; border-start-start-radius: 0; margin-block-start: -1px; } /* Results */ .gform-theme--foundation .chosen-container .chosen-results { color: #444; margin-block: 0 4px; margin-inline: 0 4px; max-block-size: 240px; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; padding-block: 0; padding-inline: 4px 0; position: relative; } .gform-theme--foundation .chosen-container .chosen-results li { display: none; line-height: 15px; list-style: none; margin-block: 0; margin-inline: 0; word-wrap: break-word; padding-block: 5px; padding-inline: 6px; -webkit-touch-callout: none; } .gform-theme--foundation .chosen-container .chosen-results li.active-result { cursor: pointer; display: list-item; } .gform-theme--foundation .chosen-container .chosen-results li.disabled-result { color: #ccc; cursor: default; display: list-item; } .gform-theme--foundation .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .gform-theme--foundation .chosen-container .chosen-results li.no-results { background: #f4f4f4; color: #777; display: list-item; } .gform-theme--foundation .chosen-container .chosen-results li.group-result { cursor: default; display: list-item; font-weight: bold; } .gform-theme--foundation .chosen-container .chosen-results li.group-option { padding-inline-start: 15px; } .gform-theme--foundation .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* Multi Chosen */ .gform-theme--foundation .chosen-container-multi .chosen-choices { background-color: #fff; background-image: linear-gradient(#eee 1%, #fff 15%); block-size: auto; border: 1px solid #aaa; cursor: text; inline-size: 100%; margin-block: 0; margin-inline: 0; overflow: hidden; padding-block: 0; padding-inline: 5px; position: relative; } .gform-theme--foundation .chosen-container-multi .chosen-choices li { float: inline-start; list-style: none; } .gform-theme--foundation .chosen-container-multi .chosen-choices li.search-field { margin-block: 0; margin-inline: 0; padding-block: 0; padding-inline: 0; white-space: nowrap; } .gform-theme--foundation .chosen-container-multi .chosen-choices li.search-field input[type="text"] { background: transparent !important; block-size: 25px; border: 0 !important; border-radius: 0; box-shadow: none; color: #999; font-family: sans-serif; font-size: 100%; inline-size: 25px; line-height: normal; margin-block: 1px; margin-inline: 0; outline: 0; padding-block: 0; padding-inline: 0; } .gform-theme--foundation .chosen-container-multi .chosen-choices li.search-choice { background-clip: padding-box; background-color: #eee; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-repeat: repeat-x; background-size: 100% 19px; border: 1px solid #aaa; border-radius: 3px; box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; cursor: default; line-height: 13px; margin-block: 3px; margin-inline: 0 5px; max-inline-size: 100%; padding-block: 3px; padding-inline: 5px 20px; position: relative; } .gform-theme--foundation .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .gform-theme--foundation .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: url(../../../images/theme/chosen/chosen-sprite.png) -42px 1px no-repeat; block-size: 12px; display: block; font-size: 1px; inline-size: 12px; inset-block-start: 4px; inset-inline-end: 3px; position: absolute; } .gform-theme--foundation .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .gform-theme--foundation .chosen-container-multi .chosen-choices li.search-choice-disabled { background-color: #e4e4e4; background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); border: 1px solid #ccc; color: #666; padding-inline-end: 5px; } .gform-theme--foundation .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .gform-theme--foundation .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .gform-theme--foundation .chosen-container-multi .chosen-results { margin-block: 0; margin-inline: 0; padding-block: 0; padding-inline: 0; } .gform-theme--foundation .chosen-container-multi .chosen-drop .result-selected { color: #ccc; cursor: default; display: list-item; } /* Results Active */ .gform-theme--foundation .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .gform-theme--foundation .chosen-container-active.chosen-with-drop .chosen-single { background-image: linear-gradient(#eee 20%, #fff 80%); border: 1px solid #aaa; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 1px 0 #fff inset; } .gform-theme--foundation .chosen-container-active.chosen-with-drop .chosen-single div { background: transparent; border-inline-start: none; } .gform-theme--foundation .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .gform-theme--foundation .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .gform-theme--foundation .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #222; } /* Disabled Support */ .gform-theme--foundation .chosen-disabled { cursor: default; opacity: 0.5 !important; } .gform-theme--foundation .chosen-disabled .chosen-single { cursor: default; } .gform-theme--foundation .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* RTL */ .gform-theme--foundation .chosen-rtl { direction: rtl; } .gform-theme--foundation .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .gform-theme--foundation .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } .gform-theme--foundation .chosen-rtl .chosen-search input[type="text"] { background-position: -30px -20px; } /* Retina/HDPI compatibility */ @media only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .gform-theme--foundation .chosen-rtl .chosen-search input[type="text"], .gform-theme--foundation .chosen-container-single .chosen-single abbr, .gform-theme--foundation .chosen-container-single .chosen-single div b, .gform-theme--foundation .chosen-container-single .chosen-search input[type="text"], .gform-theme--foundation .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .gform-theme--foundation .chosen-container .chosen-results-scroll-down span, .gform-theme--foundation .chosen-container .chosen-results-scroll-up span { background-image: url(../../../images/theme/chosen/chosen-sprite@2x.png) !important; background-repeat: no-repeat !important; background-size: 52px 37px !important; } } /* 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-theme--foundation .gfield_visibility_administrative, .gform-theme--foundation .gfield_visibility_hidden, .gform-theme--foundation .gf_invisible { inset-inline-start: -9999px; position: absolute; visibility: hidden; } /* Maximum characters counter */ .gform-theme--foundation .gf_hide_charleft .charleft { display: none !important; } .gform-theme--foundation .ginput_counter { color: #767676; font-size: 0.8em; } .gform-theme--foundation .ginput_counter_tinymce { border-block-start: 1px solid #dcdcde; font-size: 12px; padding-block: 2px; padding-inline: 10px; } @media (min-width: 640px) { .gform-theme--foundation .ginput_address_city, .gform-theme--foundation .ginput_address_state, .gform-theme--foundation .ginput_address_zip, .gform-theme--foundation .ginput_address_country { inline-size: 50%; } } .gform-theme--foundation .gform_card_icon_container { block-size: 32px; display: flex; margin-block-end: 8px; } .gform-theme--foundation .gform_card_icon_container .gform_card_icon { background-image: url(../../../images/gf-creditcards.svg); background-repeat: no-repeat; block-size: 32px; inline-size: 40px; margin-inline-end: 0.3rem; text-indent: -9000px; } .gform-theme--foundation .gform_card_icon_container .gform_card_icon.gform_card_icon_amex { background-position: -167px 0; } .gform-theme--foundation .gform_card_icon_container .gform_card_icon.gform_card_icon_discover { background-position: -221px 0; } .gform-theme--foundation .gform_card_icon_container .gform_card_icon.gform_card_icon_mastercard { background-position: -275px 0; } .gform-theme--foundation .gform_card_icon_container .gform_card_icon.gform_card_icon_visa { background-position: -59px 0; } .gform-theme--foundation .gform_card_icon_container .gform_card_icon.gform_card_icon_jcb { background-position: -329px 0; } .gform-theme--foundation .gform_card_icon_container .gform_card_icon.gform_card_icon_maestro { background-position: -5px 0; } .gform-theme--foundation .gform_card_icon_container .gform_card_icon.gform_card_icon_selected { position: relative; } .gform-theme--foundation .gform_card_icon_container .gform_card_icon.gform_card_icon_selected::after { background: url(../../../images/gf-creditcards-check.svg) center center no-repeat; block-size: 10px; content: ""; display: block; inline-size: 13px; inset-block-end: 4px; inset-inline-end: 0; position: absolute; } .gform-theme--foundation .ginput_cardinfo_left { display: flex; flex-direction: column; } .gform-theme--foundation .ginput_cardinfo_left legend { float: inline-start; } .gform-theme--foundation .field_sublabel_below .ginput_cardinfo_left { flex-direction: column-reverse; justify-content: flex-end; } .gform-theme--foundation .ginput_cardinfo_right { display: inline-flex; flex-flow: row wrap; justify-content: flex-start; } .gform-theme--foundation .ginput_cardinfo_right label { inline-size: 100%; } .gform-theme--foundation .ginput_card_security_code { flex: 1; } .gform-theme--foundation .ginput_card_security_code_icon { align-self: center; background-image: url(../../../images/gf-creditcards.svg); background-position: -382px center; background-repeat: no-repeat; block-size: 32px; display: block; flex: none; inline-size: 40px; margin-inline-start: 0.3em; } @media (min-width: 640px) { .gform-theme--foundation .ginput_cardinfo_left, .gform-theme--foundation .ginput_cardinfo_right, .gform-theme--foundation .ginput_card_expiration_month_container, .gform-theme--foundation .ginput_card_expiration_year_container { inline-size: 50%; } .gform-theme--foundation .ginput_cardinfo_right .ginput_card_security_code { flex: none; inline-size: 50%; } } /* Input type: date picker */ .gform-theme--foundation .gfield--input-type-datepicker .ginput_container_date { position: relative; } /* Date Picker: Icon Handling - Default Icon */ .gform-theme--foundation .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date .gform-datepicker-toggle-icon--default::before { block-size: 20px; display: block; inline-size: 20px; } .gform-theme--foundation .ginput_complex .ginput_container_date { inline-size: var(--gf-field-date-width); } .gform-theme--foundation .ginput_complex .ginput_container_date label { display: block; } /* NOTE: Specific to excluding from the form editor */ .gform-theme--foundation:where(:not(.gform_editor)) .gf_hidden, .gform-theme--foundation:where(:not(.gform_editor)) .gform_hidden { display: none; } .gform-theme--foundation .gform_validation_container { display: none !important; } .gform-theme--foundation .ginput_container_list--columns .gfield_list_group_item::before { content: attr(data-label); } .gform-theme--foundation .gfield_list_header { display: none; } .gform-theme--foundation .gfield_header_item { word-wrap: anywhere; } .gform-theme--foundation .gfield_list_group { margin-block-end: var(--gf-field-gap-y); } .gform-theme--foundation .gfield_list_group:last-child { margin-block-end: 0; } .gform-theme--foundation .gfield_list_group_item + .gfield_list_group_item { margin-block-start: 4px; } .gform-theme--foundation .gfield_list_group_item input, .gform-theme--foundation .gfield_list_group_item textarea, .gform-theme--foundation .gfield_list_group_item select { inline-size: 100%; } /* List Item Icons */ .gform-theme--foundation .gfield_header_item--icons, .gform-theme--foundation .gfield_list_icons { align-items: center; display: flex; gap: var(--gf-field-list-btns-gap); } .gform-theme--foundation .add_list_item, .gform-theme--foundation .delete_list_item { font-size: 12px; padding: 0; } @media (min-width: 640px) { .gform-theme--foundation .ginput_container_list--columns .gfield_list_group_item::before { content: none; } .gform-theme--foundation .gfield_list_header, .gform-theme--foundation .gfield_list_group { display: flex; flex-direction: row; flex-wrap: nowrap; } .gform-theme--foundation .gfield_header_item:where(:not(.gfield_header_item--icons)) { flex: 1 1 0; } .gform-theme--foundation .gfield_list_group_item { flex: 1; } .gform-theme--foundation .gfield_list_group_item + .gfield_list_group_item { margin-block-start: 0; } .gform-theme--foundation .gfield_header_item--icons, .gform-theme--foundation .gfield_list_icons { flex: none; flex-wrap: wrap; inline-size: var(--gf-field-list-btns-width); justify-content: center; } } .gform-theme--foundation .gf_page_steps { display: flex; flex-wrap: wrap; gap: var(--gf-field-pg-steps-gap-y) var(--gf-field-pg-steps-gap-x); } .gform-theme--foundation .gf_step_active { font-weight: 500; } .gform-theme--foundation .gform_show_password { inset-block-start: 50%; inset-inline-end: 12px; position: absolute; transform: translateY(-50%); } .gform-theme--foundation .password_input_container { display: block; position: relative; } .gform-theme--foundation .ginput_password { display: block; } .gform-theme--foundation .ginput_password input { inline-size: 100%; } /* Remove IE default password visibility toggle */ .gform-theme--foundation ::-ms-reveal { display: none; } .gform-theme--foundation .gfield--type-phone .gform-phone { box-sizing: border-box; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .gform-theme--foundation .gfield--type-phone .gform-phone * { box-sizing: border-box; } .gform-theme--foundation .gfield--type-phone .gform-phone__flag-icon { background-image: url(../../../images/theme/international-phone/flags-sprite.webp); background-image: -webkit-image-set(url(../../../images/theme/international-phone/flags-sprite.webp) 1x, url(../../../images/theme/international-phone/flags-sprite@2x.webp) 2x); background-image: image-set(url(../../../images/theme/international-phone/flags-sprite.webp) 1x, url(../../../images/theme/international-phone/flags-sprite@2x.webp) 2x); background-repeat: no-repeat; background-size: auto 20px; block-size: 20px; display: inline-block; inline-size: 30px; } @media (min-resolution: 192dpi) { .gform-theme--foundation .gfield--type-phone .gform-phone__flag-icon { background-image: url(../../../images/theme/international-phone/flags-sprite@2x.webp); } } .gform-theme--foundation .gfield--type-phone .gform-phone__input-wrapper { display: grid; grid-gap: 0; gap: 0; grid-template-columns: min-content 1fr; } .gform-theme--foundation .gfield--type-phone .ginput_country-selector_container { align-items: stretch; display: flex; flex-direction: column; justify-content: flex-end; } .gform-theme--foundation .gfield--type-phone .ginput_country-selector_container label { padding-inline-end: 8px; } .gform-theme--foundation .gfield--type-phone .gform-phone__country-selector { align-items: center; background-color: #f2f3f5; border: 1px solid #686e77; border-end-end-radius: 0; border-start-end-radius: 0; cursor: pointer; display: flex; gap: 8px; margin-inline-end: -1px; padding-block: 7px; padding-inline: 12px; position: relative; z-index: 1; } .gform-theme--foundation .gfield--type-phone .gform-phone__country-selector:hover { background-color: #fff; border-inline-end-color: #686e77; color: rgba(17, 35, 55, 0.725); } .gform-theme--foundation .gfield--type-phone .gform-phone__country-selector:focus { background-color: #f2f3f5; border-inline-end-color: #686e77; color: rgba(17, 35, 55, 0.725); } .gform-theme--foundation .gfield--type-phone .gform-phone__country-selector:disabled { background-color: #f2f3f5; border-inline-end-color: #686e77; color: rgba(17, 35, 55, 0.725); } .gform-theme--foundation .gfield--type-phone .gform-phone__country-selector::after { background-image: url(../../../images/theme/international-phone/select.svg); background-position: center; background-repeat: no-repeat; background-size: 10px 6px; block-size: 6px; content: ""; display: inline-block; inline-size: 10px; } .gform-theme--foundation .gfield--type-phone .ginput_phone_container { width: 100%; } .gform-theme--foundation .gfield--type-phone .gform-phone__input { flex: 1; position: relative; } .gform-theme--foundation .gfield--type-phone .gform-phone__input:focus { z-index: 2; } .gform-theme--foundation .gfield--type-phone .gform-phone__dial-code { display: none; font-size: 14px; } .gform-theme--foundation .gfield--type-phone .gform-phone--show-dial-code .gform-phone__dial-code { display: inline; } .gform-theme--foundation .gfield--type-phone .gform-phone__dropdown { background-color: #fff; border: transparent; box-shadow: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03); display: block; inline-size: 100%; margin-block-start: -1px; overflow: hidden; padding-block: 0; padding-inline: 0; position: absolute; top: calc(100% + 8px); z-index: 1010; } .gform-theme--foundation .gfield--type-phone .gform-phone__dropdown.gform-phone__dropdown--hidden { display: none; } .gform-theme--foundation .gfield--type-phone.field_sublabel_below .gform-phone__dropdown { top: calc(100% - (1.5rem - 8px)); } .gform-theme--foundation .gfield--type-phone.field_sublabel_below .ginput_country-selector_container, .gform-theme--foundation .gfield--type-phone.field_sublabel_below .ginput_phone_container { justify-content: flex-start; } .gform-theme--foundation .gfield--type-phone.field_sublabel_above .ginput_phone_container { align-items: end; display: grid; } .gform-theme--foundation .gfield--type-phone .gform-phone__search-wrapper { background-color: #fff; inline-size: 100%; margin-block: 0 calc(12px * -1); margin-inline: 0; padding-block: 12px; padding-inline: 12px; position: relative; z-index: 1010; } .gform-theme--foundation .gfield--type-phone .gform-phone__search-wrapper input[type="text"] { background-image: url(../../../images/theme/international-phone/search.svg); background-position: 4px center; background-repeat: no-repeat; background-size: 20px; display: block; inline-size: 100%; margin: 0; padding-inline: 28px 12px; } .gform-theme--foundation .gfield--type-phone .gform-phone__country-list { display: flex; flex-direction: column; margin-block: 0; margin-inline: 0; max-block-size: 240px; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; padding-block: 12px; padding-inline: 0; } .gform-theme--foundation .gfield--type-phone .gform-phone__country-item { align-items: center; color: #112337; cursor: pointer; display: flex; font-size: 14px; gap: 9px; margin-block: 0; margin-inline: 0; padding-block: 6px; padding-inline: 12px; } .gform-theme--foundation .gfield--type-phone .gform-phone__country-item:hover, .gform-theme--foundation .gfield--type-phone .gform-phone__country-item.gform-phone__country-item--focused { background-color: #f2f3f5; } .gform-theme--foundation .gfield--type-phone .gform-phone__country-item.gform-phone__country-item--active { background-color: #f2f3f5; box-shadow: inset 3px 0 0 #204ce5; } .gform-theme--foundation .gfield--type-phone .gform-phone__country-item.gform-phone__country-item--no-results { background: #f4f4f4; color: #474747; } .gform-theme--foundation .gfield--type-phone .gform-phone__country-item .gform-phone__flag-icon { flex: none; } .gform-theme--foundation .gfield--type-phone .gform-phone__country-code { flex: none; font-size: 12px; margin-inline-start: auto; } html:where(:not([dir="rtl"])) .gform-theme--framework .gfield--type-phone .gform-phone__input { border-bottom-left-radius: 0; border-top-left-radius: 0; } html[dir="rtl"] .gform-theme--foundation .gfield--type-phone input[type="tel"] { text-align: end; } html[dir="rtl"] .gform-theme--foundation .gfield--type-phone .gform-phone__input { border-bottom-right-radius: 0; border-top-right-radius: 0; } html[dir="rtl"] .gform-theme--foundation .gfield--type-phone .gform-phone__search { background-position: calc(100% - 4px) center; } .gform-theme--foundation:where(:not(.gform_editor)) .gfield--type-captcha:not(.gfield--captcha-invisible) iframe { block-size: 78px; inline-size: 100%; } .gform-theme--foundation:where(:not(.gform_editor)) .gfield--type-captcha.gfield--captcha-invisible, .gform_wrapper.gravity-theme:where(:not(.gform_editor)) .gfield--type-captcha.gfield--captcha-invisible { block-size: 0; inline-size: 0; margin: 0; min-block-size: 0; overflow: visible; padding: 0; position: absolute; } .gform-theme--foundation:where(:not(.gform_editor)) .gfield--type-captcha.gfield--captcha-invisible .ginput_recaptcha[data-size="invisible"], .gform_wrapper.gravity-theme:where(:not(.gform_editor)) .gfield--type-captcha.gfield--captcha-invisible .ginput_recaptcha[data-size="invisible"] { block-size: 0; inline-size: 0; margin: 0; min-block-size: 0; overflow: visible; padding: 0; } .gform-theme--foundation:where(:not(.gform_editor)) .gfield--type-captcha.gfield--captcha-invisible.gfield_error, .gform_wrapper.gravity-theme:where(:not(.gform_editor)) .gfield--type-captcha.gfield--captcha-invisible.gfield_error { block-size: auto; inline-size: auto; position: static; } .gform-theme--foundation .gfield_post_tags_hint { margin: 0; } .gform-theme--foundation .ginput_complex .ginput_container_time { inline-size: var(--gf-field-time-width); } .gform-theme--foundation .hour_minute_colon { display: none; } .gform-theme--foundation .gf_hide_ampm .gfield_time_ampm { display: none !important; } /* * Maintains ltr order for time field while in rtl */ html[dir="rtl"] .gform-theme--foundation .gfield--type-time .gform-grid-row { flex-direction: row-reverse; justify-content: flex-end; } /* 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. * * ----------------------------------------------------------------------------- */ /* * Gravity Forms Ready Class Pre-Set Helper Styles */ @media (min-width: 640px) { .gform-theme--foundation { /* horizontal list columns */ /* vertical list columns */ /* inline list */ } .gform-theme--foundation .gfield.gf_list_2col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_2col:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform-theme--foundation .gfield.gf_list_3col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_3col:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform-theme--foundation .gfield.gf_list_4col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_4col:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform-theme--foundation .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield_radio { display: grid; } /* Select All Control (checkbox) */ .gform-theme--foundation .gfield.gf_list_2col:where(:not(.gfield--type-image_choice)) .gfield-choice-toggle-all, .gform-theme--foundation .gfield.gf_list_3col:where(:not(.gfield--type-image_choice)) .gfield-choice-toggle-all, .gform-theme--foundation .gfield.gf_list_4col:where(:not(.gfield--type-image_choice)) .gfield-choice-toggle-all, .gform-theme--foundation .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield-choice-toggle-all { grid-column: 1 / -1; } .gform-theme--foundation .gfield.gf_list_2col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_2col:where(:not(.gfield--type-image_choice)) .gfield_radio { grid-template-columns: repeat(2, 1fr); } .gform-theme--foundation .gfield.gf_list_3col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_3col:where(:not(.gfield--type-image_choice)) .gfield_radio { grid-template-columns: repeat(3, 1fr); } .gform-theme--foundation .gfield.gf_list_4col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_4col:where(:not(.gfield--type-image_choice)) .gfield_radio { grid-template-columns: repeat(4, 1fr); } .gform-theme--foundation .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield_radio { grid-template-columns: repeat(5, 1fr); } .gform-theme--foundation .gfield.gf_list_2col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_2col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform-theme--foundation .gfield.gf_list_3col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_3col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform-theme--foundation .gfield.gf_list_4col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_4col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform-theme--foundation .gfield.gf_list_5col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_5col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio { display: block; line-height: 0; margin-block-start: calc(var(--gf-field-choice-gap) * -1); } .gform-theme--foundation .gfield.gf_list_2col_vertical:where(:not(.gfield--type-image_choice)) .gchoice, .gform-theme--foundation .gfield.gf_list_3col_vertical:where(:not(.gfield--type-image_choice)) .gchoice, .gform-theme--foundation .gfield.gf_list_4col_vertical:where(:not(.gfield--type-image_choice)) .gchoice, .gform-theme--foundation .gfield.gf_list_5col_vertical:where(:not(.gfield--type-image_choice)) .gchoice { page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; display: grid; inline-size: 100%; padding-block-start: var(--gf-field-choice-gap); } .gform-theme--foundation .gfield.gf_list_2col_vertical:where(:not(.gfield--type-image_choice)) .gchoice .gform-field-label--type-inline, .gform-theme--foundation .gfield.gf_list_3col_vertical:where(:not(.gfield--type-image_choice)) .gchoice .gform-field-label--type-inline, .gform-theme--foundation .gfield.gf_list_4col_vertical:where(:not(.gfield--type-image_choice)) .gchoice .gform-field-label--type-inline, .gform-theme--foundation .gfield.gf_list_5col_vertical:where(:not(.gfield--type-image_choice)) .gchoice .gform-field-label--type-inline { width: -moz-fit-content; width: fit-content; } /* Select All Control (checkbox) */ .gform-theme--foundation .gfield.gf_list_2col_vertical:where(:not(.gfield--type-image_choice)) .gfield-choice-toggle-all, .gform-theme--foundation .gfield.gf_list_3col_vertical:where(:not(.gfield--type-image_choice)) .gfield-choice-toggle-all, .gform-theme--foundation .gfield.gf_list_4col_vertical:where(:not(.gfield--type-image_choice)) .gfield-choice-toggle-all, .gform-theme--foundation .gfield.gf_list_5col_vertical:where(:not(.gfield--type-image_choice)) .gfield-choice-toggle-all { -moz-column-span: all; column-span: all; margin-block-start: calc(var(--gf-field-choice-meta-margin-y-start) + var(--gf-field-choice-gap)); } .gform-theme--foundation .gfield.gf_list_2col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_2col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio { -moz-column-count: 2; column-count: 2; } .gform-theme--foundation .gfield.gf_list_3col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_3col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio { -moz-column-count: 3; column-count: 3; } .gform-theme--foundation .gfield.gf_list_4col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_4col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio { -moz-column-count: 4; column-count: 4; } .gform-theme--foundation .gfield.gf_list_5col_vertical:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_5col_vertical:where(:not(.gfield--type-image_choice)) .gfield_radio { -moz-column-count: 5; column-count: 5; } .gform-theme--foundation .gfield.gf_list_inline:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_inline:where(:not(.gfield--type-image_choice)) .gfield_radio { flex-direction: row; flex-wrap: wrap; gap: 12px 16px; } } .gform-theme--foundation .gf_hide_ampm .gfield_time_ampm { display: none !important; } .gform-theme--foundation .gsection.gf_scroll_text { background-color: #fff; block-size: 15rem; border: 1px solid #ccc; overflow-x: hidden; overflow-y: scroll; padding: 2rem; } .gform-theme--foundation .gsection.gf_scroll_text .gsection_title { margin-block-start: 0; } /* html field colors */ .gform-theme--foundation .gfield.gfield_html.gf_alert_green, .gform-theme--foundation .gfield.gfield_html.gf_alert_red, .gform-theme--foundation .gfield.gfield_html.gf_alert_yellow, .gform-theme--foundation .gfield.gfield_html.gf_alert_gray, .gform-theme--foundation .gfield.gfield_html.gf_alert_blue { border-radius: 3px; margin-block: 1.25rem !important; margin-inline: 0 !important; padding: 1.25rem !important; } .gform-theme--foundation .gfield.gfield_html.gf_alert_green { background-color: #cbeca0; border: 1px solid #97b48a; color: #030; text-shadow: #dfb 1px 1px; } .gform-theme--foundation .gfield.gfield_html.gf_alert_red { background-color: #faf2f5; border: 1px solid #cfadb3; color: #832525; text-shadow: #fff 1px 1px; } .gform-theme--foundation .gfield.gfield_html.gf_alert_yellow { background-color: #fffbcc; border: 1px solid #e6db55; color: #222; text-shadow: #fcfaea 1px 1px; } .gform-theme--foundation .gfield.gfield_html.gf_alert_gray { background-color: #eee; border: 1px solid #ccc; color: #424242; text-shadow: #fff 1px 1px; } .gform-theme--foundation .gfield.gfield_html.gf_alert_blue { background-color: #d1e4f3; border: 1px solid #a7c2e7; color: #314475; text-shadow: #e0f1ff 1px 1px; } /* simple horizontal form ready class - very simple implementation for up to 5 fields and a button */ .gform-theme--foundation .gf_simple_horizontal { inline-size: calc(100% - 16px); margin-block: 0; margin-inline: auto; } .gform-theme--foundation .gf_simple_horizontal .gform_body, .gform-theme--foundation .gf_simple_horizontal .gform_footer.top_label { display: table-cell; margin: 0; padding: 0; position: relative; vertical-align: middle; } .gform-theme--foundation .gf_simple_horizontal .gform_body { inline-size: auto; max-inline-size: 75%; } .gform-theme--foundation .gf_simple_horizontal .gform_body .top_label { display: table; inline-size: 100%; } .gform-theme--foundation .gf_simple_horizontal .gform_body .top_label .gfield { block-size: auto; display: table-cell; padding-inline-end: 1em; } .gform-theme--foundation .gf_simple_horizontal .gform_body .top_label .gfield .small, .gform-theme--foundation .gf_simple_horizontal .gform_body .top_label .gfield .medium, .gform-theme--foundation .gf_simple_horizontal .gform_body .top_label .gfield .large { inline-size: 100%; } .gform-theme--foundation .gf_simple_horizontal .gform_body .top_label .gfield .ginput_container_checkbox .gchoice, .gform-theme--foundation .gf_simple_horizontal .gform_body .top_label .gfield .ginput_container_radio .gchoice { display: inline-block; margin-inline-end: 0.5em; } .gform-theme--foundation .gf_simple_horizontal .gform_body .top_label.form_sublabel_below .gfield, .gform-theme--foundation .gf_simple_horizontal .gform_body .top_label.form_sublabel_above .gfield { vertical-align: middle; } .gform-theme--foundation .gf_simple_horizontal .ginput_container, .gform-theme--foundation .gf_simple_horizontal .gfield { margin-block-start: 0 !important; } .gform-theme--foundation .gf_simple_horizontal .gform_footer.top_label { inline-size: auto; margin: 0; max-inline-size: 25%; padding: 0; text-align: start; } .gform-theme--foundation .gf_simple_horizontal .gform_footer.top_label input[type="submit"], .gform-theme--foundation .gf_simple_horizontal .gform_footer.top_label input[type="button"], .gform-theme--foundation .gf_simple_horizontal .gform_footer.top_label input[type="image"] { block-size: auto; } .gform-theme--foundation .gf_simple_horizontal .gfield_label, .gform-theme--foundation .gf_simple_horizontal .ginput_complex label, .gform-theme--foundation .gf_simple_horizontal .gfield_description:not(.gfield_validation_message) { block-size: 1px; display: block; inline-size: 1px; inset-block-start: 0; inset-inline-start: -9000px; overflow: hidden; position: absolute; } .gform_confirmation_wrapper.gf_confirmation_simple_yellow { background-color: #fffbcc; border-block: 1px solid #e6db55; color: #424242; font-size: 25px; margin-block: 30px; margin-inline: 0; max-inline-size: 99%; padding: 32px; } .gform_confirmation_wrapper.gf_confirmation_simple_gray { background-color: #eaeaea; border-block: 1px solid #ccc; color: #424242; font-size: 25px; margin-block: 30px; margin-inline: 0; max-inline-size: 99%; padding: 32px; } .gform_confirmation_wrapper.gf_confirmation_yellow_gradient { background-color: #fffbd2; border: 1px solid #e6db55; box-shadow: 0 0 5px rgba(221, 215, 131, 0.75); margin-block: 30px; margin-inline: 0; position: relative; } .gform_confirmation_wrapper.gf_confirmation_yellow_gradient .gform_confirmation_message { background: #fffce5; background: linear-gradient(to bottom, #fffce5 0%, #fff9bf 100%); background-color: #fffbcc; border-block-end: 1px solid #e6db55; border-block-start: 2px solid #fff; color: #424242; font-size: 28px; margin: 0; max-inline-size: 99%; padding: 40px; } .gform_confirmation_wrapper.gf_confirmation_green_gradient { background-color: #f1fcdf; border: 1px solid #a7c37c; box-shadow: 0 0 5px rgba(86, 122, 86, 0.4); margin-block: 30px; margin-inline: 0; position: relative; } .gform_confirmation_wrapper.gf_confirmation_green_gradient .gform_confirmation_message { background: rgb(219, 242, 183); background: linear-gradient(to bottom, rgba(219, 242, 183, 1) 0%, rgba(180, 208, 136, 1) 100%); background-color: #fffbcc; border-block-end: 1px solid #a7c37c; border-block-start: 2px solid #effade; color: #030; font-size: 28px; margin: 0; max-inline-size: 99%; padding: 40px; text-shadow: #dfb 1px 1px; } .gform_confirmation_wrapper.gf_confirmation_yellow_gradient::before, .gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after, .gform_confirmation_wrapper.gf_confirmation_green_gradient::before, .gform_confirmation_wrapper.gf_confirmation_green_gradient::after { background: rgba(0, 0, 0, 0.2); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2); content: ""; inline-size: 50%; inset-block: 80% 15px; inset-inline-start: 10px; max-inline-size: 40%; position: absolute; transform: rotate(-3deg); z-index: -1; } .gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after, .gform_confirmation_wrapper.gf_confirmation_green_gradient::after { inset-inline: auto 10px; transform: rotate(3deg); } .gform-theme--foundation .validation_message--hidden-on-empty:empty { display: none; } .gform-theme--foundation .gform-loader { align-self: center; animation: gformLoader 1.1s infinite linear; block-size: 10em; border-block-end: 1.1em solid #000; border-block-start: 1.1em solid #fff; border-inline-end: 1.1em solid #fff; border-inline-start: 1.1em solid #000; border-radius: 50%; display: inline-block; font-size: 2px; inline-size: 10em; position: relative; transform: translateZ(0); } @keyframes gformLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*# sourceMappingURL=gravity-forms-theme-foundation.css.map */