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