File Content: gravity-forms-theme-foundation.css /* ---------------------------------------------------------------- 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-2024 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. * * ----------------------------------------------------------------------------- */ /** # Global CSS API: Layout The core layout engine for forms on the frontend. Control grid gaps and global properties here.<br /><br /> ## CSS Custom Properties */ .gform-theme--foundation, .gform-theme--api { /** @cssprop Name: --gf-form-gap-x Description: Column gap for the form grid. Default: --gform-theme-spacer-4 */ --gf-form-gap-x: 16px; /** @cssprop Name: --gf-form-gap-y Description: Row gap for the form grid. Default: --gform-theme-spacer-10 */ --gf-form-gap-y: 40px; /** @cssprop Name: --gf-field-gap-x Default: --gform-theme-spacer-3 Description: Column gap for a field. */ --gf-field-gap-x: 12px; /** @cssprop Description: Row gap for a field on the grid. Default: --gform-theme-spacer-3 Name: --gf-field-gap-y */ --gf-field-gap-y: 12px; /** @cssprop Name: --gf-label-width Description: Width of the label in a horizontal layout. Default: 30% */ --gf-label-width: 30%; /** @cssprop Name: --gf-label-req-gap Description: Gap between the label and the required indicator. Default: 6px */ --gf-label-req-gap: 6px; /** @cssprop Name: --gf-form-footer-margin-y-start Description: Margin top for the form footer. Default: --gform-theme-spacer-6 */ --gf-form-footer-margin-y-start: 24px; /** @cssprop Name: --gf-form-footer-gap Description: Gap between the form footer and the form. Default: --gform-theme-spacer-2 */ --gf-form-footer-gap: 8px; /** @cssprop Name: --gf-field-date-width Description: Width of the date field in an inline layout. Default: 168px */ --gf-field-date-width: 168px; /** @cssprop Name: --gf-field-time-width Description: Width of the time field in an inline layout. Default: 110px */ --gf-field-time-width: 110px; /** @cssprop Name: --gf-field-list-btns-gap Description: Gap between the buttons in a list field. Default: --gform-theme-spacer-2 */ --gf-field-list-btns-gap: 8px; /** @cssprop Name: --gf-field-list-btns-width Description: Width of the buttons in a list field in an inline layout. 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 Name: --gf-field-pg-steps-gap-y Description: Row gap for the page steps. Default: --gform-theme-spacer-2 */ --gf-field-pg-steps-gap-y: 8px; /** @cssprop Name: --gf-field-pg-steps-gap-x Description: Column gap for the page steps. Default: --gform-theme-spacer-6 */ --gf-field-pg-steps-gap-x: 24px; } /* 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_anchor:focus-visible { outline: none; } /* * Hide screen reader text. */ .gform-theme--foundation .screen-reader-text, .gform-theme--foundation .hidden_label .gfield_label, .gform-theme--foundation .hidden_sub_label { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .gform-theme--foundation button.screen-reader-text:focus { border: 0; clip: auto; -webkit-clip-path: none; clip-path: none; height: auto; margin: 0; position: static !important; width: auto; } /** # Base: Utility Classes Utility classes to handle styles across various contexts. ## Selectors Apply these with enough specificity to override the default styles. @cssselector .gform-ul-reset A list of items with no bullets or padding. @cssselector div #yes [class*="gform-test"] > .gform-ul-reset @cssselector [class*="gform-test"] @cssselector #pound-it Example usage (this seems to work for the JS based readme.md files for the code highlighting too): @cssexample .gform-ul-reset { list-style-type: none; margin: 0; padding: 0; list-style-type: none; margin: 0; padding: 0; list-style-type: none; margin: 0; padding: 0; 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. */ .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 .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 .right_label .gfield > .ginput_container, .gform-theme--foundation .right_label .gfield .gfield_password_strength, .gform-theme--foundation .right_label .gfield .gfield_creditcard_warning_message { float: right; } /* RTL styles */ .rtl .gform-theme--foundation .left_label .gfield > .ginput_container, .rtl .gform-theme--foundation .left_label .gfield .gfield_password_strength, .rtl .gform-theme--foundation .left_label .gfield .gfield_creditcard_warning_message, .rtl .gform-theme--foundation .right_label .gfield > .ginput_container, .rtl .gform-theme--foundation .right_label .gfield .gfield_password_strength, .rtl .gform-theme--foundation .right_label .gfield .gfield_creditcard_warning_message { float: left; } .gform-theme--foundation .left_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) > div:where(:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gform-grid-row)), .gform-theme--foundation .left_label .gfield > .ginput_container:where(:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gform-grid-row)), .gform-theme--foundation .right_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) > div:where(:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gform-grid-row)), .gform-theme--foundation .right_label .gfield > .ginput_container:where(:not(.ui-resizable-handle):not(.gfield-admin-icons):not(.gform-grid-row)) { inline-size: calc(100% - var(--gf-label-width)); } .gform-theme--foundation .left_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) > div:where(.gform-grid-row), .gform-theme--foundation .left_label .gfield > .ginput_container:where(.gform-grid-row), .gform-theme--foundation .right_label .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) > div:where(.gform-grid-row), .gform-theme--foundation .right_label .gfield > .ginput_container:where(.gform-grid-row) { inline-size: calc((100% - var(--gf-label-width)) + var(--gf-field-gap-x)); } .gform-theme--foundation .left_label .gfield_html_formatted, .gform-theme--foundation .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); grid-template-rows: repeat(auto-fill, auto); 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 { display: flex; flex-wrap: wrap; gap: var(--gf-form-footer-gap); margin-block-start: var(--gf-form-footer-margin-y-start); } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full { inline-size: 100%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-full, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-full { inline-size: 100%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-eleven-twelfths, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-eleven-twelfths { inline-size: 91.6666%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-five-sixths, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-five-sixths { inline-size: 83.3333%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-three-quarter, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-three-quarter { inline-size: 75%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-two-thirds, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-two-thirds { inline-size: 66.6666%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-seven-twelfths, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-seven-twelfths { inline-size: 58.3333%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-half, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-half { inline-size: 50%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-five-twelfths, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-five-twelfths { inline-size: 41.6666%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-third, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-third { inline-size: 33.3333%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-quarter, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-quarter { inline-size: 25%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-one-sixth, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-one-sixth { inline-size: 16.6666%; } .gform-theme--foundation .gform_footer input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-one-twelfth, .gform-theme--foundation #field_submit input[type="submit"][id*="gform_submit_button_"].button.gform-button--width-full.gfield--width-one-twelfth { inline-size: 8.3333%; } @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); } } /* * 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)) { align-items: baseline; display: flex; flex-wrap: wrap; gap: var(--gf-label-req-gap); } /* All other label handling */ .gform-theme--foundation .gform-field-label:where([class*="gform-field-label--type-"]) { display: inline-block; } /* Left and right label alignment */ @media (min-width: 640px) { .gform-theme--foundation .left_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label)), .gform-theme--foundation .right_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label)) { flex-direction: column; float: left; gap: calc(var(--gf-label-req-gap) / 3); inline-size: var(--gf-label-width) /* RTL styles */ } .rtl .gform-theme--foundation .left_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label)), .rtl .gform-theme--foundation .right_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label)) { float: right; } } @media (min-width: 640px) { .gform-theme--foundation .right_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_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: right; margin-left: auto; } /* RTL styles */ .rtl .gform-theme--foundation .left_label .gfield_description, .rtl .gform-theme--foundation .right_label .gfield_description { clear: left; margin-left: 0; margin-right: auto; } } /* 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. * * ----------------------------------------------------------------------------- */ /** @navlabel File Upload */ .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; } /** @navsection Controls */ .gform-theme--foundation.ui-datepicker { background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); display: none; z-index: 9999 !important; } .gform-theme--foundation.ui-datepicker .ui-icon { background-repeat: no-repeat; display: block; inset-block-start: 0.3em; inset-inline-start: 0.5em; margin-block-start: -0.25em; overflow: hidden; position: relative; text-indent: -99999px; vertical-align: middle; } .gform-theme--foundation.ui-datepicker .ui-datepicker-header { padding-block: 0.2em; position: relative; } .gform-theme--foundation.ui-datepicker .ui-datepicker-prev, .gform-theme--foundation.ui-datepicker .ui-datepicker-next { block-size: 1.8em; inline-size: 1.8em; inset-block-start: 2px; position: absolute; } .gform-theme--foundation.ui-datepicker .ui-datepicker-prev::before, .gform-theme--foundation.ui-datepicker .ui-datepicker-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.ui-datepicker .ui-datepicker-prev span, .gform-theme--foundation.ui-datepicker .ui-datepicker-next span { display: block; inset-block-start: 50%; inset-inline-start: 50%; margin-block-start: -8px; margin-inline-start: -8px; position: absolute; } .gform-theme--foundation.ui-datepicker .ui-datepicker-prev-hover, .gform-theme--foundation.ui-datepicker .ui-datepicker-next-hover { inset-block-start: 1px; } .gform-theme--foundation.ui-datepicker .ui-datepicker-prev { inset-inline-start: 2px; } .gform-theme--foundation.ui-datepicker .ui-datepicker-next { inset-inline-end: 2px; } .gform-theme--foundation.ui-datepicker .ui-datepicker-next::before { transform: translate(-50%, -50%) rotate(-90deg); } .gform-theme--foundation.ui-datepicker .ui-datepicker-prev-hover { inset-inline-start: 1px; } .gform-theme--foundation.ui-datepicker .ui-datepicker-next-hover { inset-inline-end: 1px; } .gform-theme--foundation.ui-datepicker .ui-datepicker-title { line-height: 1.8em; margin-inline: 2.3em; text-align: center; } .gform-theme--foundation.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin-block: 1px; } .gform-theme--foundation.ui-datepicker select.ui-datepicker-month, .gform-theme--foundation.ui-datepicker select.ui-datepicker-year { background-color: transparent; background-image: url(../../../images/theme/down-arrow.svg); background-position: 100% 50%; background-repeat: no-repeat; background-size: 24px; padding-inline-end: 24px; } .gform-theme--foundation.ui-datepicker table { border-collapse: collapse; font-size: 0.9em; inline-size: 100%; margin-block-end: 0.4em; table-layout: fixed; } .gform-theme--foundation.ui-datepicker th { border: 0; font-weight: bold; padding-block: 0.7em; padding-inline: 0.3em; text-align: center; } .gform-theme--foundation.ui-datepicker td { border: 0; padding: 1px; } .gform-theme--foundation.ui-datepicker td span, .gform-theme--foundation.ui-datepicker td a { display: block; padding: 0.2em; text-align: center; text-decoration: none; } /* RTL support */ .gform-theme--foundation.ui-datepicker.ui-datepicker-rtl { direction: rtl; } .gform-theme--foundation.ui-datepicker.ui-datepicker-rtl .ui-datepicker-prev::before { transform: translate(50%, -50%) rotate(-90deg); } .gform-theme--foundation.ui-datepicker.ui-datepicker-rtl .ui-datepicker-next::before { transform: translate(50%, -50%) rotate(90deg); } .gform-theme--foundation.ui-datepicker.ui-datepicker-rtl select.ui-datepicker-month, .gform-theme--foundation.ui-datepicker.ui-datepicker-rtl select.ui-datepicker-year { background-position: 0 50%; } /* 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. */ /** @navsection Controls @navlabel Select */ /* 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); -webkit-clip-path: inset(100% 100%); 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; -webkit-clip-path: none; 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); -webkit-clip-path: inset(100% 100%); 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; padding-block: 5px; padding-inline: 6px; -webkit-touch-callout: none; word-wrap: break-word; } .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: left; 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-choices li { float: right; } .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 (-webkit-min-device-pixel-ratio: 1.5), 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_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; } /** @navsection Fields @navlabel Address */ @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%; } } /** @navsection Fields @navlabel Credit Card */ .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: left; } .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%; } } .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; } .gform-theme--foundation .gf_hidden, .gform-theme--foundation .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-break: break-word; } .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-captcha iframe { inline-size: 100%; } .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; } /* 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 */ /* list item heights */ } .gform-theme--foundation .gfield.gf_list_2col .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_2col .gfield_radio { display: grid; grid-template-columns: repeat( 2, 1fr ); grid-template-rows: repeat( auto-fill, auto ); grid-column-gap: 2rem; } .gform-theme--foundation .gfield.gf_list_3col .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_3col .gfield_radio { display: grid; grid-template-columns: repeat( 3, 1fr ); grid-template-rows: repeat( auto-fill, auto ); grid-column-gap: 2rem; } .gform-theme--foundation .gfield.gf_list_4col .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_4col .gfield_radio { display: grid; grid-template-columns: repeat( 4, 1fr ); grid-template-rows: repeat( auto-fill, auto ); grid-column-gap: 2rem; } .gform-theme--foundation .gfield.gf_list_5col .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_5col .gfield_radio { display: grid; grid-template-columns: repeat( 5, 1fr ); grid-template-rows: repeat( auto-fill, auto ); grid-column-gap: 2rem; } .gform-theme--foundation .gfield.gf_list_inline .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_inline .gfield_radio { display: block; } .gform-theme--foundation .gfield.gf_list_inline .gfield_checkbox .gchoice, .gform-theme--foundation .gfield.gf_list_inline .gfield_radio .gchoice { display: inline-grid; padding-block-end: 12px; padding-inline-end: 1rem; } .gform-theme--foundation .gfield.gf_list_inline .gfield_checkbox .gchoice label, .gform-theme--foundation .gfield.gf_list_inline .gfield_radio .gchoice label { max-inline-size: none; } .gform-theme--foundation .gf_list_2col_vertical .ginput_container .gfield_checkbox, .gform-theme--foundation .gf_list_2col_vertical .ginput_container .gfield_radio { -moz-column-count: 2; column-count: 2; grid-column-gap: 2rem; display: block; } .gform-theme--foundation .gf_list_2col_vertical .ginput_container .gfield_checkbox .gchoice, .gform-theme--foundation .gf_list_2col_vertical .ginput_container .gfield_radio .gchoice { display: grid; margin-block-end: 12px; } .gform-theme--foundation .gf_list_3col_vertical .gfield_checkbox, .gform-theme--foundation .gf_list_3col_vertical .gfield_radio { -moz-column-count: 3; column-count: 3; grid-column-gap: 2rem; display: block; } .gform-theme--foundation .gf_list_4col_vertical .gfield_checkbox, .gform-theme--foundation .gf_list_4col_vertical .gfield_radio { -moz-column-count: 4; column-count: 4; grid-column-gap: 2rem; display: block; } .gform-theme--foundation .gf_list_5col_vertical .gfield_checkbox, .gform-theme--foundation .gf_list_5col_vertical .gfield_radio { -moz-column-count: 5; column-count: 5; grid-column-gap: 2rem; display: block; } .gform-theme--foundation .gfield.gf_list_height_25 .gfield_checkbox .gchoice, .gform-theme--foundation .gfield.gf_list_height_25 .gfield_radio .gchoice { block-size: 25px; } .gform-theme--foundation .gfield.gf_list_height_50 .gfield_checkbox .gchoice, .gform-theme--foundation .gfield.gf_list_height_50 .gfield_radio .gchoice { block-size: 50px; } .gform-theme--foundation .gfield.gf_list_height_75 .gfield_checkbox .gchoice, .gform-theme--foundation .gfield.gf_list_height_75 .gfield_radio .gchoice { block-size: 75px; } .gform-theme--foundation .gfield.gf_list_height_100 .gfield_checkbox .gchoice, .gform-theme--foundation .gfield.gf_list_height_100 .gfield_radio .gchoice { block-size: 100px; } .gform-theme--foundation .gfield.gf_list_height_125 .gfield_checkbox .gchoice, .gform-theme--foundation .gfield.gf_list_height_125 .gfield_radio .gchoice { block-size: 125px; } .gform-theme--foundation .gfield.gf_list_height_150 .gfield_checkbox .gchoice, .gform-theme--foundation .gfield.gf_list_height_150 .gfield_radio .gchoice { block-size: 150px; } .gform-theme--foundation .gfield.gf_inline { /* need to figure out how to do this */ } } .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 */ Submit