/* ---------------------------------------------------------------- gravity-forms-theme-framework.css Gravity Forms Theme Framework & CSS API https://www.gravityforms.com Theme dependencies: - Gravity Forms Theme Reset: gravity-forms-theme-reset.css - Gravity Forms Theme Foundation: gravity-forms-theme-foundation.css Gravity Forms is a Rocketgenius project copyright 2008-2022 Rocketgenius Inc. https://www.rocketgenius.com this may not be re-distributed without the express written permission of the author. NOTE: DO NOT EDIT THIS FILE! THIS FILE IS REPLACED DURING AUTO UPGRADE AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. ---------------------------------------------------------------- */ /* Global API: Handles the top-level global CSS API */ /* ----------------------------------------------------------------------------- * * Global API * * This file is just a clearing-house. * Make partials (start with an underscore) elsewhere for actual code. * * ----------------------------------------------------------------------------- */ /* Gravity Forms Theme Framework | Global CSS API: Theme */ .gform-theme--framework { /* Typography */ --gform-theme-font-family: initial; --gform-theme-font-style-base: normal; /* Miscellaneous */ --gform-theme-border-radius: 3px; --gform-theme-border-radius-max-sm: 2px; --gform-theme-border-radius-max-md: 3px; --gform-theme-border-radius-max-lg: 8px; --gform-theme-transition-duration: 0.15s; --gform-theme-transition-control: var(--gform-theme-transition-duration); /* ----------------------------------------------------------------------------- * Color: Primary * The primary accent color used for various form elements. * ----------------------------------------------------------------------------- */ /* Color: Primary Used by: * --gform-theme-control-accent-color * --gform-theme-control-border-color-focus * --gform-theme-control-button-background-color-primary * --gform-theme-control-file-drop-area-icon-color * --gform-theme-control-file-upload-progress-bar-background-color-loading * --gform-theme-control-select-dropdown-option-box-shadow-hover * --gform-theme-control-multiselect-selected-item-background-color * --gform-theme-control-date-datepicker-table-cell-content-background-color-selected * --gform-theme-control-date-datepicker-table-cell-content-border * --gform-theme-control-choice-check-color * --gform-theme-field-page-steps-number-background-color-complete * --gform-theme-field-page-steps-number-border-color-complete * --gform-theme-form-spinner-foreground-color This global CSS API color property is set at the form block theme level using the following setting: Primary button background color */ --gform-theme-color-primary: #204ce5; /* Color: Primary (rgb channels) Used by: * --gform-theme-control-box-shadow-color-focus * --gform-theme-form-spinner-background-color This global CSS API color property is set at the form block theme level using the following setting: Primary button background color */ --gform-theme-color-primary-rgb: 45, 127, 251; /* Color: Primary - Contrast The contrasting color to be used against the primary color. Used by: * --gform-theme-control-button-color-primary * --gform-theme-control-multiselect-selected-item-color * --gform-theme-control-multiselect-selected-item-remove-icon-color * --gform-theme-control-date-datepicker-table-cell-content-color-selected * --gform-theme-field-page-steps-number-color-complete This global CSS API color property is set at the form block theme level using the following setting: Primary button color */ --gform-theme-color-primary-contrast: #fff; /* Color: Primary - Contrast (rgb channels) The contrasting color to be used against the primary color. This global CSS API color property is set at the form block theme level using the following setting: Primary button color */ --gform-theme-color-primary-contrast-rgb: 255, 255, 255; /* Color: Primary - Darker A slightly darker version of the primary color. Used by: * --gform-theme-control-button-background-color-hover-primary This global CSS API color property is dynamically generated at the form block theme level using the following setting: Primary button background color */ --gform-theme-color-primary-darker: #044ad3; /* Color: Primary - Lighter A slightly lighter version of the primary color. This global CSS API color property is dynamically generated at the form block theme level using the following setting: Primary button background color */ --gform-theme-color-primary-lighter: #044ad3; /* ----------------------------------------------------------------------------- * Color: Secondary * The secondary accent color used for various form elements. * ----------------------------------------------------------------------------- */ /* Color: Secondary Used by: * --gform-theme-control-button-background-color-secondary * --gform-theme-control-file-button-background-color-hover This global CSS API color property is set at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-secondary: #fff; /* Color: Secondary (rgb channels) This global CSS API color property is set at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-secondary-rgb: 255, 255, 255; /* Color: Secondary - Contrast The contrasting color to be used against the secondary color. Used by: * --gform-theme-control-button-color-secondary * --gform-theme-control-date-datepicker-title-color * --gform-theme-control-date-datepicker-table-cell-content-color This global CSS API color property is set at the form block theme level using the following setting (inside of form control context): Input color */ --gform-theme-color-secondary-contrast: #112337; /* Color: Secondary - Contrast (rgb channels) The contrasting color to be used against the secondary color. Used by: * --gform-theme-control-file-button-color This global CSS API color property is set at the form block theme level using the following setting (inside of form control context): Input color */ --gform-theme-color-secondary-contrast-rgb: 17, 35, 55; /* Color: Secondary - Darker A slightly darker version of the secondary color. Used by: * --gform-theme-control-file-button-background-color * --gform-theme-control-button-background-color-hover-secondary This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-secondary-darker: #f2f3f5; /* Color: Secondary - Lighter A slightly lighter version of the secondary color. This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-secondary-lighter: #f2f3f5; /* ----------------------------------------------------------------------------- * Color: Form UI - Dark * Used for the various form element text and UI that * live outside of form controls. * ----------------------------------------------------------------------------- */ /* Color: Form UI - Dark Used by: * --gform-theme-control-button-color-hover-simple * --gform-theme-control-description-color * --gform-theme-control-label-color-tertiary * --gform-theme-control-label-color-quaternary * --gform-theme-field-page-progress-color * --gform-theme-field-page-progress-bar-background-color-gray * --gform-theme-field-page-steps-number-color * --gform-theme-field-password-strength-color This global CSS API color property is set at the form block theme level using the following setting (outside of form control context): Description color */ --gform-theme-color-outside-control-dark: #585e6a; /* Color: Form UI - Dark (rgb channels) Used by: * --gform-theme-control-button-color-simple This global CSS API color property is set at the form block theme level using the following setting (outside of form control context): Description color */ --gform-theme-color-outside-control-dark-rgb: 88, 94, 106; /* Color: Form UI - Dark - Darker A slightly darker version of the dark form UI color. Used by: * --gform-theme-control-label-color-primary * --gform-theme-control-label-color-secondary This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input color */ --gform-theme-color-outside-control-dark-darker: #112337; /* Color: Form UI - Dark - Lighter A slightly lighter version of the dark form UI color. This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input color */ --gform-theme-color-outside-control-dark-lighter: #686e77; /* ----------------------------------------------------------------------------- * Color: Form UI - Light * Used for the various form element text and UI that * live outside of form controls. * ----------------------------------------------------------------------------- */ /* Color: Form UI - Light Used by: * --gform-theme-control-file-upload-progress-bar-background-color * --gform-theme-field-page-progress-bar-background-color * --gform-theme-field-page-steps-number-background-color-active * --gform-theme-field-password-strength-indicator-background-color This global CSS API color property is dynamically generated at the form block theme level using the following setting (outside of form control context): Label color */ --gform-theme-color-outside-control-light: #e5e7eb; /* Color: Form UI - Light (rgb channels) This global CSS API color property is dynamically generated at the form block theme level using the following setting (outside of form control context): Label color */ --gform-theme-color-outside-control-light-rgb: 229, 231, 235; /* Color: Form UI - Light - Darker A slightly darker version of the light form UI color. Used by: * --gform-theme-control-description-border-color-consent * --gform-theme-field-section-border-color * --gform-theme-field-repeater-nested-border-color * --gform-theme-field-page-steps-number-border-color * --gform-theme-field-repeater-separator-color This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input border color */ --gform-theme-color-outside-control-light-darker: #d2d5db; /* Color: Form UI - Light - Lighter A slightly lighter version of the light form UI color. This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-outside-control-light-lighter: #f2f3f5; /* ----------------------------------------------------------------------------- * Color: Control * Used for the various form element controls and UI that * live inside of form controls. * ----------------------------------------------------------------------------- */ /* Color: Control Used by: * --gform-theme-control-background-color This global CSS API color property is set at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-inside-control: #fff; /* Color: Control (rgb channels) This global CSS API color property is set at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-inside-control-rgb: 255, 255, 255; /* Color: Control - Contrast The contrasting color to be used against the control color. Used by: * --gform-theme-control-color This global CSS API color property is set at the form block theme level using the following setting (inside of form control context): Input color */ --gform-theme-color-inside-control-contrast: #112337; /* Color: Control - Contrast (rgb channels) The contrasting color to be used against the control color. Used by: * --gform-theme-control-color-disabled * --gform-theme-control-placeholder-color * --gform-theme-control-choice-check-color-disabled * --gform-theme-control-file-drop-area-color This global CSS API color property is set at the form block theme level using the following setting (inside of form control context): Input color */ --gform-theme-color-inside-control-contrast-rgb: 17, 35, 55; /* Color: Control - Darker A slightly darker version of the control color. This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-inside-control-darker: #f2f3f5; /* Color: Control - Lighter A slightly lighter version of the control color. This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-inside-control-lighter: #f2f3f5; /* ----------------------------------------------------------------------------- * Color: Control UI - Dark * Used for the various form element controls and UI that * live inside of form controls. * ----------------------------------------------------------------------------- */ /* Color: Control UI - Dark This global CSS API color property is set at the form block theme level using the following setting (outside of form control context): Description color */ --gform-theme-color-inside-control-dark: #585e6a; /* Color: Control UI - Dark (rgb channels) This global CSS API color property is set at the form block theme level using the following setting (outside of form control context): Description color */ --gform-theme-color-inside-control-dark-rgb: 88, 94, 106; /* Color: Control UI - Dark - Darker A slightly darker version of the dark control UI color. Used by: * --gform-theme-control-icon-color-hover This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input color */ --gform-theme-color-inside-control-dark-darker: #112337; /* Color: Control UI - Dark - Lighter A slightly lighter version of the dark control UI color. Used by: * --gform-theme-control-border-color * --gform-theme-control-icon-color This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input color */ --gform-theme-color-inside-control-dark-lighter: #686e77; /* ----------------------------------------------------------------------------- * Color: Control UI - Light * Used for the various form element controls and UI that * live inside of form controls. * ----------------------------------------------------------------------------- */ /* Color: Control UI - Light Used by: * select[multiple] option:checked background color This global CSS API color property is dynamically generated at the form block theme level using the following setting (outside of form control context): Label color */ --gform-theme-color-inside-control-light: #e5e7eb; /* Color: Control UI - Light (rgb channels) This global CSS API color property is dynamically generated at the form block theme level using the following setting (outside of form control context): Label color */ --gform-theme-color-inside-control-light-rgb: 229, 231, 235; /* Color: Control UI - Light - Darker A slightly darker version of the light control UI color. Used by: * --gform-theme-control-border-color-disabled * --gform-theme-control-button-border-color-secondary * --gform-theme-control-date-datepicker-dropdown-border-color This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input border color */ --gform-theme-color-inside-control-light-darker: #d2d5db; /* Color: Control UI - Light - Lighter A slightly lighter version of the light control UI color. Used by: * --gform-theme-control-background-color-disabled * --gform-theme-control-select-dropdown-option-background-color-hover This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input background color */ --gform-theme-color-inside-control-light-lighter: #f2f3f5; /* ----------------------------------------------------------------------------- * Color: Danger * Used for form element error text and UI. * ----------------------------------------------------------------------------- */ /* Color: Danger Used by: * --gform-theme-control-border-color-error * --gform-theme-control-description-color-error * --gform-theme-control-label-color-required * --gform-theme-form-validation-color * .gform_required_legend .gfield_required color */ --gform-theme-color-danger: #c02b0a; /* Color: Danger (rgb channels) Used by: * --gform-theme-form-validation-background-color * --gform-theme-form-validation-border-color * --gform-theme-form-validation-heading-icon-background-color */ --gform-theme-color-danger-rgb: 192, 43, 10; /* Color: Danger - Contrast The contrasting color to be used against the danger color. */ --gform-theme-color-danger-contrast: #fff; /* Color: Danger - Contrast (rgb channels) The contrasting color to be used against the danger color. */ --gform-theme-color-danger-contrast-rgb: 255, 255, 255; /* ----------------------------------------------------------------------------- * Color: Success * Used for form success error text and UI. * ----------------------------------------------------------------------------- */ /* Color: Success Used by: * --gform-theme-control-file-upload-progress-button-icon-color-complete */ --gform-theme-color-success: #399f4b; /* Color: Success (rgb channels) Used by: * Nothing at the moment */ --gform-theme-color-success-rgb: 57, 159, 75; /* Color: Success - Contrast The contrasting color to be used against the success color. */ --gform-theme-color-success-contrast: #fff; /* Color: Success - Contrast (rgb channels) The contrasting color to be used against the success color. */ --gform-theme-color-success-contrast-rgb: 255, 255, 255; } /* Gravity Forms Theme Framework | Global CSS API: Theme (DEPRECATED) */ .gform-theme--framework { /* DEPRECATION NOTICE: These global CSS API color properties are deprecated as of version 2.7.2 Deprecated version: 2.7.2 End of support version: 2.8.0 */ /* ----------------------------------------------------------------------------- * Color: Primary * ----------------------------------------------------------------------------- */ /* Color: Primary - Darker Used for various form elements which require a darker primary color. This global CSS API color property is dynamically generated at the form block theme level using the following setting: Primary button background Deprecated: --gform-theme-color-primary-shade Replaced with: --gform-theme-color-primary-darker */ --gform-theme-color-primary-shade: var(--gform-theme-color-primary-darker); /* ----------------------------------------------------------------------------- * Color: Secondary * ----------------------------------------------------------------------------- */ /* Color: Secondary - Darker Used for controls/inputs and secondary button variation. This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input background color Deprecated: --gform-theme-color-secondary-shade Replaced with: --gform-theme-color-secondary-darker */ --gform-theme-color-secondary-shade: var(--gform-theme-color-secondary-darker); /* ----------------------------------------------------------------------------- * Color: Neutral - Light * ----------------------------------------------------------------------------- */ /* Color: Neutral - Light Used for various form element text and ui. This global CSS API color property is dynamically generated at the form block theme level using the following setting (outside of form control context): Label color Deprecated: --gform-theme-color-light Replaced with: --gform-theme-color-outside-control-light */ --gform-theme-color-light: var(--gform-theme-color-outside-control-light); /* Color: Neutral - Light - Darker Used for various form element text and ui. This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input border color Deprecated: --gform-theme-color-light-shade Replaced with: --gform-theme-color-inside-control-light-darker */ --gform-theme-color-light-shade: var(--gform-theme-color-inside-control-light-darker); /* Color: Neutral - Light - Lighter Used for various form element text and ui. This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input background color Deprecated: --gform-theme-color-light-tint Replaced with: --gform-theme-color-inside-control-light-lighter */ --gform-theme-color-light-tint: var(--gform-theme-color-inside-control-light-lighter); /* ----------------------------------------------------------------------------- * Color: Neutral - Dark * ----------------------------------------------------------------------------- */ /* Color: Neutral - Dark Used for various form element text and ui. This global CSS API color property is set at the form block theme level using the following setting (outside of form control context): Description color Deprecated: --gform-theme-color-dark Replaced with: --gform-theme-color-outside-control-dark */ --gform-theme-color-dark: var(--gform-theme-color-outside-control-dark); /* Color: Neutral - Dark (rgb channels) Used for various form element text and ui. This global CSS API color property is dynamically generated at the form block theme level using the following setting (outside of form control context): Description color Deprecated: --gform-theme-color-dark-rgb Replaced with: --gform-theme-color-outside-control-dark-rgb */ --gform-theme-color-dark-rgb: var(--gform-theme-color-outside-control-dark-rgb); /* Color: Neutral - Dark - Darker Used for various form element text and ui. This global CSS API color property is set at the form block theme level using the following setting (inside of form control context): Input color Deprecated: --gform-theme-color-dark-shade Replaced with: --gform-theme-color-inside-control-dark-darker */ --gform-theme-color-dark-shade: var(--gform-theme-color-inside-control-dark-darker); /* Color: Neutral - Dark - Lighter Used for various form element text and ui. This global CSS API color property is dynamically generated at the form block theme level using the following setting (inside of form control context): Input color Deprecated: --gform-theme-color-dark-tint Replaced with: --gform-theme-color-inside-control-dark-lighter */ --gform-theme-color-dark-tint: var(--gform-theme-color-inside-control-dark-lighter); } /* Gravity Forms Theme Framework | Global CSS API: Spacing */ .gform-theme--framework { --gform-theme-padding-inline: 12px; --gform-theme-padding-block: 12px; } /* Gravity Forms Theme Framework | Global CSS API: Typography */ .gform-theme--framework { /* Primary Typography: Controls */ --gform-theme-font-family-primary: var(--gform-theme-font-family); --gform-theme-font-size-primary: 14px; --gform-theme-font-style-primary: var(--gform-theme-font-style-base); --gform-theme-font-weight-primary: 400; --gform-theme-letter-spacing-primary: 0; --gform-theme-line-height-primary: 1.5; /* Secondary Typography: Labels */ --gform-theme-font-family-secondary: var(--gform-theme-font-family); --gform-theme-font-size-secondary: 14px; --gform-theme-font-style-secondary: var(--gform-theme-font-style-base); --gform-theme-font-weight-secondary: 500; --gform-theme-letter-spacing-secondary: 0; --gform-theme-line-height-secondary: 1.43; /* Tertiary Typography: Descriptions & Sub-labels (labels for complex fields/fieldsets) */ --gform-theme-font-family-tertiary: var(--gform-theme-font-family); --gform-theme-font-size-tertiary: 14px; --gform-theme-font-style-tertiary: var(--gform-theme-font-style-base); --gform-theme-font-weight-tertiary: 400; --gform-theme-letter-spacing-tertiary: 0; --gform-theme-line-height-tertiary: 1.43; } /* Gravity Forms Theme Framework | Global CSS API: Icons */ .gform-theme--framework { --gform-theme-icon-font-family: "gform-icons-orbital"; --gform-theme-icon-font-size: 20px; --gform-theme-icon-control-checkbox: "\e900"; --gform-theme-icon-control-select-down: "\e901"; --gform-theme-icon-control-select-up: "\e902"; --gform-theme-icon-control-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='%23686E77'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */ --gform-theme-icon-control-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='%23686E77'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */ --gform-theme-icon-control-search: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='%23686E77'/%3E%3C/svg%3E"); /* stylelint-disable-line function-url-quotes */ --gform-theme-icon-control-password-hidden: "\e90a"; --gform-theme-icon-control-password-visible: "\e909"; --gform-theme-icon-control-list-item-add: "\e90f"; --gform-theme-icon-control-list-item-remove: "\e90e"; --gform-theme-icon-control-save-continue: "\e910"; --gform-theme-icon-control-page-numbers-complete: "\e90b"; --gform-theme-icon-control-cancel: "\e918"; --gform-theme-icon-control-file-upload: "\e911"; --gform-theme-icon-control-file-upload-completed: "\e90c"; --gform-theme-icon-control-file-upload-cancel: "\e904"; --gform-theme-icon-control-file-upload-remove: "\e919"; --gform-theme-icon-tooltip-error: "\e906"; --gform-theme-icon-control-datepicker: "\e91a"; --gform-theme-icon-control-datepicker-left: "\e91b"; --gform-theme-icon-control-datepicker-right: "\e91c"; } /* Gravity Forms Theme Framework | Global CSS API: Layout */ .gform-theme--framework { /* Primary Labels: Labels for fields */ --gform-theme-label-spacing-primary: 8px; --gform-theme-label-choice-field-spacing-primary: 12px; /* Secondary Labels: Labels for radio, checkbox, and consent fields */ --gform-theme-label-spacing-horizontal-secondary: 12px; --gform-theme-label-spacing-vertical-sm-secondary: -1px; --gform-theme-label-spacing-vertical-md-secondary: 0; --gform-theme-label-spacing-vertical-lg-secondary: 1px; --gform-theme-label-spacing-vertical-xl-secondary: 4px; --gform-theme-label-spacing-vertical-secondary: var(--gform-theme-label-spacing-vertical-md-secondary); /* Tertiary Labels: Labels for complex fields/fieldsets */ --gform-theme-label-spacing-tertiary: 8px; /* Descriptions */ --gform-theme-description-spacing: 8px; --gform-theme-description-choice-field-spacing: 12px; } /* Controls */ /* Gravity Forms Theme Framework | Global CSS API: Controls - Default For All Types */ .gform-theme--framework { --gform-theme-control-accent-color: var(--gform-theme-color-primary); --gform-theme-control-appearance: none; --gform-theme-control-background-color: var(--gform-theme-color-inside-control); --gform-theme-control-background-color-hover: var(--gform-theme-control-background-color); --gform-theme-control-background-color-focus: var(--gform-theme-control-background-color); --gform-theme-control-background-color-disabled: var(--gform-theme-color-inside-control-light-lighter); --gform-theme-control-background-color-error: var(--gform-theme-control-background-color); --gform-theme-control-border-color: var(--gform-theme-color-inside-control-dark-lighter); --gform-theme-control-border-color-hover: var(--gform-theme-control-border-color); --gform-theme-control-border-color-focus: var(--gform-theme-color-primary); --gform-theme-control-border-color-disabled: var(--gform-theme-color-inside-control-light-darker); --gform-theme-control-border-color-error: var(--gform-theme-color-danger); --gform-theme-control-border-style: solid; --gform-theme-control-border-width: 1px; --gform-theme-control-border-radius: var(--gform-theme-border-radius); --gform-theme-control-border-radius-max-sm: min(var(--gform-theme-control-border-radius), var(--gform-theme-border-radius-max-sm)); --gform-theme-control-border-radius-max-md: min(var(--gform-theme-control-border-radius), var(--gform-theme-border-radius-max-md)); --gform-theme-control-border-radius-max-lg: min(var(--gform-theme-control-border-radius), var(--gform-theme-border-radius-max-lg)); --gform-theme-control-box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552); --gform-theme-control-box-shadow-color-focus: rgba(var(--gform-theme-color-primary-rgb), 0.3); --gform-theme-control-box-shadow-size-focus: 3px; --gform-theme-control-box-shadow-offset-color-focus: transparent; --gform-theme-control-box-shadow-offset-size-focus: 0; --gform-theme-control-box-shadow-focus: 0 0 0 var(--gform-theme-control-box-shadow-offset-size-focus) var(--gform-theme-control-box-shadow-offset-color-focus), 0 0 0 var(--gform-theme-control-box-shadow-size-focus) var(--gform-theme-control-box-shadow-color-focus); --gform-theme-control-color: var(--gform-theme-color-inside-control-contrast); --gform-theme-control-color-hover: var(--gform-theme-control-color); --gform-theme-control-color-focus: var(--gform-theme-control-color); --gform-theme-control-color-disabled: rgba(var(--gform-theme-color-inside-control-contrast-rgb), 0.6); --gform-theme-control-color-error: var(--gform-theme-control-color); --gform-theme-control-icon-color: var(--gform-theme-color-inside-control-dark-lighter); --gform-theme-control-icon-color-hover: var(--gform-theme-color-inside-control-dark-darker); --gform-theme-control-icon-color-focus: var(--gform-theme-control-icon-color-hover); --gform-theme-control-icon-color-disabled: var(--gform-theme-control-icon-color); --gform-theme-control-size-sm: 35px; --gform-theme-control-size-md: 38px; --gform-theme-control-size-lg: 47px; --gform-theme-control-size-xl: 54px; --gform-theme-control-size: var(--gform-theme-control-size-md); --gform-theme-control-padding-inline: var(--gform-theme-padding-inline); --gform-theme-control-padding-block: 0; --gform-theme-control-font-family: var(--gform-theme-font-family-primary); --gform-theme-control-font-size: var(--gform-theme-font-size-primary); --gform-theme-control-font-style: var(--gform-theme-font-style-base); --gform-theme-control-font-weight: var(--gform-theme-font-weight-primary); --gform-theme-control-letter-spacing: var(--gform-theme-letter-spacing-primary); --gform-theme-control-line-height: var(--gform-theme-control-size); --gform-theme-control-outline: none; --gform-theme-control-outline-offset: 0; --gform-theme-control-transition: var(--gform-theme-transition-control); /* Placeholder */ --gform-theme-control-placeholder-color: rgba(var(--gform-theme-color-inside-control-contrast-rgb), 0.7); --gform-theme-control-placeholder-font-family: var(--gform-theme-control-font-family); --gform-theme-control-placeholder-font-size: var(--gform-theme-control-font-size); --gform-theme-control-placeholder-font-style: var(--gform-theme-control-font-style); --gform-theme-control-placeholder-font-weight: var(--gform-theme-control-font-weight); --gform-theme-control-placeholder-letter-spacing: var(--gform-theme-control-letter-spacing); --gform-theme-control-placeholder-opacity: 1; /* Read Only */ --gform-theme-control-readonly-color: var(--gform-theme-control-color); --gform-theme-control-readonly-font-family: var(--gform-theme-control-font-family); --gform-theme-control-readonly-font-size: var(--gform-theme-control-font-size); --gform-theme-control-readonly-font-style: var(--gform-theme-control-font-style); --gform-theme-control-readonly-font-weight: 500; --gform-theme-control-readonly-letter-spacing: var(--gform-theme-control-letter-spacing); --gform-theme-control-readonly-line-height: 1; } /* Gravity Forms Theme Framework | Global CSS API: Control - Button */ .gform-theme--framework { /* Button Base */ --gform-theme-control-button-border-radius: var(--gform-theme-border-radius); --gform-theme-control-button-box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552); --gform-theme-control-button-box-shadow-hover: var(--gform-theme-control-button-box-shadow); --gform-theme-control-button-box-shadow-focus: var(--gform-theme-control-box-shadow-focus); --gform-theme-control-button-box-shadow-disabled: var(--gform-theme-control-button-box-shadow); --gform-theme-control-button-font-family: var(--gform-theme-font-family); --gform-theme-control-button-font-size-xs: 12px; --gform-theme-control-button-font-size-sm: 14px; --gform-theme-control-button-font-size-md: 14px; --gform-theme-control-button-font-size-lg: 16px; --gform-theme-control-button-font-size-xl: 16px; --gform-theme-control-button-font-size: var(--gform-theme-control-button-font-size-md); --gform-theme-control-button-font-style: var(--gform-theme-font-style-base); --gform-theme-control-button-font-weight: 500; --gform-theme-control-button-letter-spacing: var(--gform-theme-letter-spacing-primary); --gform-theme-control-button-line-height: 1; --gform-theme-control-button-opacity: 1; --gform-theme-control-button-opacity-disabled: 0.5; --gform-theme-control-button-padding-block: 0; --gform-theme-control-button-padding-inline-xs: 8px; --gform-theme-control-button-padding-inline-sm: 12px; --gform-theme-control-button-padding-inline-md: 16px; --gform-theme-control-button-padding-inline-lg: 20px; --gform-theme-control-button-padding-inline-xl: 24px; --gform-theme-control-button-padding-inline: var(--gform-theme-control-button-padding-inline-md); --gform-theme-control-button-size-xs: 30px; --gform-theme-control-button-size-sm: var(--gform-theme-control-size-sm); --gform-theme-control-button-size-md: var(--gform-theme-control-size-md); --gform-theme-control-button-size-lg: var(--gform-theme-control-size-lg); --gform-theme-control-button-size-xl: var(--gform-theme-control-size-xl); --gform-theme-control-button-size: var(--gform-theme-control-button-size-md); --gform-theme-control-button-text-decoration: none; --gform-theme-control-button-text-transform: none; /* Button Icons */ --gform-theme-control-button-icon: none; --gform-theme-control-button-icon-font-size: var(--gform-theme-icon-font-size); --gform-theme-control-button-icon-gap: 6px; --gform-theme-control-button-transition: var(--gform-theme-control-transition); /* Primary Button */ --gform-theme-control-button-background-color-primary: var(--gform-theme-color-primary); --gform-theme-control-button-background-color-hover-primary: var(--gform-theme-color-primary-darker); --gform-theme-control-button-background-color-focus-primary: var(--gform-theme-control-button-background-color-primary); --gform-theme-control-button-background-color-disabled-primary: var(--gform-theme-control-button-background-color-primary); --gform-theme-control-button-border-color-primary: transparent; --gform-theme-control-button-border-color-hover-primary: transparent; --gform-theme-control-button-border-color-focus-primary: var(--gform-theme-control-button-background-color-hover-primary); --gform-theme-control-button-border-color-disabled-primary: transparent; --gform-theme-control-button-border-style-primary: solid; --gform-theme-control-button-border-width-primary: 1px; --gform-theme-control-button-color-primary: var(--gform-theme-color-primary-contrast); --gform-theme-control-button-color-hover-primary: var(--gform-theme-control-button-color-primary); --gform-theme-control-button-color-focus-primary: var(--gform-theme-control-button-color-primary); --gform-theme-control-button-color-disabled-primary: var(--gform-theme-control-button-color-primary); --gform-theme-control-button-icon-color-primary: var(--gform-theme-control-button-color-primary); --gform-theme-control-button-icon-color-hover-primary: var(--gform-theme-control-button-icon-color-primary); --gform-theme-control-button-icon-color-focus-primary: var(--gform-theme-control-button-icon-color-primary); --gform-theme-control-button-icon-color-disabled-primary: var(--gform-theme-control-button-icon-color-primary); /* Secondary Button */ --gform-theme-control-button-background-color-secondary: var(--gform-theme-color-secondary); --gform-theme-control-button-background-color-hover-secondary: var(--gform-theme-color-secondary-darker); --gform-theme-control-button-background-color-focus-secondary: var(--gform-theme-control-button-background-color-secondary); --gform-theme-control-button-background-color-disabled-secondary: var(--gform-theme-control-button-background-color-secondary); --gform-theme-control-button-border-color-secondary: var(--gform-theme-color-inside-control-light-darker); --gform-theme-control-button-border-color-hover-secondary: var(--gform-theme-control-button-border-color-secondary); --gform-theme-control-button-border-color-focus-secondary: var(--gform-theme-control-button-background-color-hover-primary); --gform-theme-control-button-border-color-disabled-secondary: var(--gform-theme-control-button-border-color-secondary); --gform-theme-control-button-border-style-secondary: solid; --gform-theme-control-button-border-width-secondary: 1px; --gform-theme-control-button-color-secondary: var(--gform-theme-color-secondary-contrast); --gform-theme-control-button-color-hover-secondary: var(--gform-theme-control-button-color-secondary); --gform-theme-control-button-color-focus-secondary: var(--gform-theme-control-button-color-secondary); --gform-theme-control-button-color-disabled-secondary: var(--gform-theme-control-button-color-secondary); --gform-theme-control-button-icon-color-secondary: var(--gform-theme-control-icon-color); --gform-theme-control-button-icon-color-hover-secondary: var(--gform-theme-control-button-icon-color-secondary); --gform-theme-control-button-icon-color-focus-secondary: var(--gform-theme-control-button-icon-color-secondary); --gform-theme-control-button-icon-color-disabled-secondary: var(--gform-theme-control-button-icon-color-secondary); /* Simple Button (note defaults to outside of form control color system, see password vis button for how to update to be inside context) */ --gform-theme-control-button-background-color-simple: transparent; --gform-theme-control-button-background-color-hover-simple: var(--gform-theme-control-button-background-color-simple); --gform-theme-control-button-background-color-focus-simple: var(--gform-theme-control-button-background-color-simple); --gform-theme-control-button-background-color-disabled-simple: var(--gform-theme-control-button-background-color-simple); --gform-theme-control-button-border-color-simple: transparent; --gform-theme-control-button-border-color-hover-simple: var(--gform-theme-control-button-border-color-simple); --gform-theme-control-button-border-color-focus-simple: var(--gform-theme-control-border-color-focus); --gform-theme-control-button-border-color-disabled-simple: var(--gform-theme-control-button-border-color-simple); --gform-theme-control-button-border-style-simple: solid; --gform-theme-control-button-border-width-simple: 1px; --gform-theme-control-button-box-shadow-simple: none; --gform-theme-control-button-box-shadow-hover-simple: var(--gform-theme-control-button-box-shadow-simple); --gform-theme-control-button-box-shadow-focus-simple: var(--gform-theme-control-box-shadow-focus); --gform-theme-control-button-box-shadow-disabled-simple: var(--gform-theme-control-button-box-shadow-simple); --gform-theme-control-button-color-simple: rgba(var(--gform-theme-color-outside-control-dark-rgb), 0.65); --gform-theme-control-button-color-hover-simple: var(--gform-theme-color-outside-control-dark); --gform-theme-control-button-color-focus-simple: var(--gform-theme-control-button-color-hover-simple); --gform-theme-control-button-color-disabled-simple: var(--gform-theme-control-button-color-simple); --gform-theme-control-button-size-simple: 24px; --gform-theme-control-button-icon-color-simple: var(--gform-theme-control-button-color-simple); --gform-theme-control-button-icon-color-hover-simple: var(--gform-theme-control-button-color-hover-simple); --gform-theme-control-button-icon-color-focus-simple: var(--gform-theme-control-button-color-focus-simple); --gform-theme-control-button-icon-color-disabled-simple: var(--gform-theme-control-button-color-disabled-simple); } /* Gravity Forms Theme Framework | Global CSS API: Control - Choice (Checkbox, Radio, & Consent) */ .gform-theme--framework { --gform-theme-control-choice-check-color: var(--gform-theme-color-primary); --gform-theme-control-choice-check-color-disabled: rgba(var(--gform-theme-color-inside-control-contrast-rgb), 0.2); --gform-theme-control-choice-size-sm: 18px; --gform-theme-control-choice-size-md: 20px; --gform-theme-control-choice-size-lg: 22px; --gform-theme-control-choice-size-xl: 28px; --gform-theme-control-choice-size: var(--gform-theme-control-choice-size-md); /* Checkbox Control */ --gform-theme-control-checkbox-check-border-radius: var(--gform-theme-control-border-radius-max-sm); --gform-theme-control-checkbox-check-size-sm: 12px; --gform-theme-control-checkbox-check-size-md: initial; --gform-theme-control-checkbox-check-size-lg: 15px; --gform-theme-control-checkbox-check-size-xl: 19px; --gform-theme-control-checkbox-check-size: var(--gform-theme-control-checkbox-check-size-md); /* Radio Control */ --gform-theme-control-radio-check-border-radius: 50%; --gform-theme-control-radio-check-content: ""; --gform-theme-control-radio-check-size-sm: 6px; --gform-theme-control-radio-check-size-md: 7px; --gform-theme-control-radio-check-size-lg: 8px; --gform-theme-control-radio-check-size-xl: 10px; --gform-theme-control-radio-check-size: var(--gform-theme-control-radio-check-size-md); } .gform-theme--framework { --gform-theme-control-date-datepicker-background-color: var(--gform-theme-control-background-color); --gform-theme-control-date-datepicker-box-shadow: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03); --gform-theme-control-date-datepicker-padding-block: 16px; --gform-theme-control-date-datepicker-padding-inline: 16px; --gform-theme-control-date-datepicker-border-radius: var(--gform-theme-control-border-radius-max-md); --gform-theme-control-date-datepicker-inline-size: 300px; --gform-theme-control-date-datepicker-margin-block-start: 12px; --gform-theme-control-date-datepicker-header-icons-inline-size: 20px; --gform-theme-control-date-datepicker-header-icons-color: var(--gform-theme-control-icon-color); --gform-theme-control-date-datepicker-header-icons-color-hover: var(--gform-theme-control-icon-color-hover); --gform-theme-control-date-datepicker-header-icons-font-size: 20px; --gform-theme-control-date-datepicker-title-color: var(--gform-theme-color-secondary-contrast); --gform-theme-control-date-datepicker-title-font-size: 14px; --gform-theme-control-date-datepicker-title-font-weight: 500; --gform-theme-control-date-datepicker-title-line-height: 1.5; --gform-theme-control-date-datepicker-dropdown-background-image: var(--gform-theme-icon-control-select); --gform-theme-control-date-datepicker-dropdown-background-position: var(--gform-theme-control-select-icon-position); --gform-theme-control-date-datepicker-dropdown-background-size: var(--gform-theme-control-select-icon-size); --gform-theme-control-date-datepicker-dropdown-border-color: var(--gform-theme-color-inside-control-light-darker); --gform-theme-control-date-datepicker-dropdown-border-style: var(--gform-theme-control-border-style); --gform-theme-control-date-datepicker-dropdown-border-width: var(--gform-theme-control-border-width); --gform-theme-control-date-datepicker-dropdown-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); --gform-theme-control-date-datepicker-dropdown-text-align: start; --gform-theme-control-date-datepicker-table-margin-block-start: 16px; --gform-theme-control-date-datepicker-table-margin-block-end: 0; --gform-theme-control-date-datepicker-table-head-cell-font-size: 12px; --gform-theme-control-date-datepicker-table-head-cell-font-weight: 600; --gform-theme-control-date-datepicker-table-head-cell-line-height: 1.33; --gform-theme-control-date-datepicker-table-head-cell-vertical-align: middle; --gform-theme-control-date-datepicker-table-cell-padding: 1px; --gform-theme-control-date-datepicker-table-cell-block-size: 40px; --gform-theme-control-date-datepicker-table-cell-font-size: 14px; --gform-theme-control-date-datepicker-table-cell-font-weight: 400; --gform-theme-control-date-datepicker-table-cell-line-height: 1.43; --gform-theme-control-date-datepicker-table-cell-content-align-items: center; --gform-theme-control-date-datepicker-table-cell-content-background-color-disabled: transparent; --gform-theme-control-date-datepicker-table-cell-content-background-color-hover: #f4f8ff; --gform-theme-control-date-datepicker-table-cell-content-background-color-selected: var(--gform-theme-color-primary); --gform-theme-control-date-datepicker-table-cell-content-border: var(--gform-theme-control-border-width) var(--gform-theme-control-border-style) var(--gform-theme-color-primary); --gform-theme-control-date-datepicker-table-cell-content-border-radius: var(--gform-theme-control-border-radius-max-md); --gform-theme-control-date-datepicker-table-cell-content-color: var(--gform-theme-color-secondary-contrast); --gform-theme-control-date-datepicker-table-cell-content-color-disabled: #cfd3d9; --gform-theme-control-date-datepicker-table-cell-content-color-hover: var(--gform-theme-control-date-datepicker-table-cell-content-color); --gform-theme-control-date-datepicker-table-cell-content-color-selected: var(--gform-theme-color-primary-contrast); } /* Gravity Forms Theme Framework | Global CSS API: Control - Description */ .gform-theme--framework { --gform-theme-control-description-color: var(--gform-theme-color-outside-control-dark); --gform-theme-control-description-font-family: var(--gform-theme-font-family-tertiary); --gform-theme-control-description-font-size: var(--gform-theme-font-size-tertiary); --gform-theme-control-description-font-style: var(--gform-theme-font-style-tertiary); --gform-theme-control-description-font-weight: var(--gform-theme-font-weight-tertiary); --gform-theme-control-description-letter-spacing: var(--gform-theme-letter-spacing-tertiary); --gform-theme-control-description-line-height: var(--gform-theme-line-height-tertiary); /* Error Description */ --gform-theme-control-description-color-error: var(--gform-theme-color-danger); --gform-theme-control-description-font-family-error: var(--gform-theme-control-description-font-family); --gform-theme-control-description-font-size-error: var(--gform-theme-control-description-font-size); --gform-theme-control-description-font-style-error: var(--gform-theme-control-description-font-style); --gform-theme-control-description-font-weight-error: var(--gform-theme-control-description-font-weight); --gform-theme-control-description-letter-spacing-error: var(--gform-theme-control-description-letter-spacing); --gform-theme-control-description-line-height-error: var(--gform-theme-control-description-line-height); /* Consent Description */ --gform-theme-control-description-border-color-consent: var(--gform-theme-color-outside-control-light-darker); --gform-theme-control-description-border-style-consent: solid; --gform-theme-control-description-border-width-consent: 1px; --gform-theme-control-description-max-height-consent: 456px; } /* Gravity Forms Theme Framework | Global CSS API: Control - File */ .gform-theme--framework { --gform-theme-control-file-padding-inline: 0 var(--gform-theme-control-padding-inline); /* File input "button" */ --gform-theme-control-file-button-background-color: var(--gform-theme-color-secondary-darker); --gform-theme-control-file-button-background-color-hover: var(--gform-theme-color-secondary); --gform-theme-control-file-button-background-color-focus: var(--gform-theme-control-file-button-background-color); --gform-theme-control-file-button-background-color-disabled: var(--gform-theme-control-file-button-background-color); --gform-theme-control-file-button-border-inline-end-width: 1px; --gform-theme-control-file-button-border-inline-end-style: solid; --gform-theme-control-file-button-border-inline-end-color: var(--gform-theme-control-border-color); --gform-theme-control-file-button-border-inline-end-color-hover: var(--gform-theme-control-file-button-border-inline-end-color); --gform-theme-control-file-button-border-inline-end-color-focus: var(--gform-theme-control-file-button-border-inline-end-color); --gform-theme-control-file-button-border-inline-end-color-disabled: var(--gform-theme-control-file-button-border-inline-end-color); --gform-theme-control-file-button-border-radius: var(--gform-theme-control-border-radius); --gform-theme-control-file-button-color: rgba(var(--gform-theme-color-secondary-contrast-rgb), 0.725); --gform-theme-control-file-button-color-hover: var(--gform-theme-control-file-button-color); --gform-theme-control-file-button-color-focus: var(--gform-theme-control-file-button-color); --gform-theme-control-file-button-color-disabled: var(--gform-theme-control-file-button-color); --gform-theme-control-file-button-font-family: var(--gform-theme-font-family); --gform-theme-control-file-button-font-size: 14px; --gform-theme-control-file-button-font-style: var(--gform-theme-font-style-base); --gform-theme-control-file-button-font-weight: 500; --gform-theme-control-file-button-letter-spacing: var(--gform-theme-letter-spacing-primary); --gform-theme-control-file-button-line-height: 1.43; --gform-theme-control-file-button-margin-inline: 0 12px; --gform-theme-control-file-button-padding-inline: 12px; --gform-theme-control-file-button-text-decoration: none; --gform-theme-control-file-button-text-transform: none; --gform-theme-control-file-button-transition: var(--gform-theme-control-transition); /* Enhanced UI File Upload Drop Area */ --gform-theme-control-file-drop-area-block-size: auto; --gform-theme-control-file-drop-area-border-style: dashed; --gform-theme-control-file-drop-area-border-radius: var(--gform-theme-control-border-radius-max-lg); --gform-theme-control-file-drop-area-color: rgba(var(--gform-theme-color-inside-control-contrast-rgb), 0.725); --gform-theme-control-file-drop-area-font-weight: 500; --gform-theme-control-file-drop-area-line-height: 1; --gform-theme-control-file-drop-area-padding-inline: 40px; --gform-theme-control-file-drop-area-padding-block: 40px; --gform-theme-control-file-drop-area-icon-color: var(--gform-theme-color-primary); --gform-theme-control-file-drop-area-icon-font-size: 36px; --gform-theme-control-file-drop-area-icon-margin-block-end: 8px; --gform-theme-control-file-drop-area-instructions-margin-block-end: 12px; /* Enhanced UI File Upload Progress UI */ --gform-theme-control-file-upload-progress-ui-gap: 12px; --gform-theme-control-file-upload-progress-ui-size: var(--gform-theme-icon-font-size); --gform-theme-control-file-upload-progress-bar-background-color: var(--gform-theme-color-outside-control-light); --gform-theme-control-file-upload-progress-bar-background-color-loading: var(--gform-theme-color-primary); --gform-theme-control-file-upload-progress-bar-block-size: 6px; --gform-theme-control-file-upload-progress-bar-border-radius: var(--gform-theme-border-radius); --gform-theme-control-file-upload-progress-bar-transition: var(--gform-theme-transition-control); --gform-theme-control-file-upload-progress-text-color: var(--gform-theme-control-description-color); --gform-theme-control-file-upload-progress-text-min-inline-size: 33px; --gform-theme-control-file-upload-progress-text-font-size: 12px; --gform-theme-control-file-upload-progress-button-inset-block-start: -2px; --gform-theme-control-file-upload-progress-button-inset-inline-end: -2px; --gform-theme-control-file-upload-progress-button-position: absolute; --gform-theme-control-file-upload-progress-button-font-size-cancel: 0; --gform-theme-control-file-upload-progress-button-icon-size: var(--gform-theme-icon-font-size); --gform-theme-control-file-upload-progress-button-icon-color-complete: var(--gform-theme-color-success); /* Enhanced UI Files Preview */ --gform-theme-control-file-preview-area-gap: 16px; --gform-theme-control-file-preview-area-margin-block-start: 16px; --gform-theme-control-file-preview-file-font-family: var(--gform-theme-font-family-secondary); --gform-theme-control-file-preview-file-font-size: var(--gform-theme-font-size-secondary); --gform-theme-control-file-preview-file-font-style: var(--gform-theme-font-style-secondary); --gform-theme-control-file-preview-file-font-weight: var(--gform-theme-font-weight-secondary); --gform-theme-control-file-preview-file-letter-spacing: var(--gform-theme-letter-spacing-secondary); --gform-theme-control-file-preview-file-line-height: 1; --gform-theme-control-file-preview-file-gap: 4px; --gform-theme-control-file-preview-file-name-color: var(--gform-theme-control-label-color-primary); --gform-theme-control-file-preview-file-name-line-height: var(--gform-theme-line-height-secondary); --gform-theme-control-file-preview-file-name-overflow: hidden; --gform-theme-control-file-preview-file-name-padding-inline-end: calc(var(--gform-theme-control-file-upload-progress-button-icon-size) + var(--gform-theme-control-file-upload-progress-text-min-inline-size) + calc(var(--gform-theme-control-file-upload-progress-ui-gap) * 2)); --gform-theme-control-file-preview-file-name-text-overflow: ellipsis; --gform-theme-control-file-preview-file-name-white-space: nowrap; --gform-theme-control-file-preview-file-size-color: var(--gform-theme-control-description-color); } /* Gravity Forms Theme Framework | Global CSS API: Control - Label */ .gform-theme--framework { /* Primary Labels: Labels for fields */ --gform-theme-control-label-color-primary: var(--gform-theme-color-outside-control-dark-darker); --gform-theme-control-label-font-family-primary: var(--gform-theme-font-family-secondary); --gform-theme-control-label-font-size-primary: var(--gform-theme-font-size-secondary); --gform-theme-control-label-font-style-primary: var(--gform-theme-font-style-secondary); --gform-theme-control-label-font-weight-primary: var(--gform-theme-font-weight-secondary); --gform-theme-control-label-letter-spacing-primary: var(--gform-theme-letter-spacing-secondary); --gform-theme-control-label-line-height-primary: var(--gform-theme-line-height-secondary); /* Secondary Labels: Labels for radio, checkbox, and consent fields */ --gform-theme-control-label-color-secondary: var(--gform-theme-color-outside-control-dark-darker); --gform-theme-control-label-font-family-secondary: var(--gform-theme-font-family-secondary); --gform-theme-control-label-font-size-secondary: var(--gform-theme-font-size-secondary); --gform-theme-control-label-font-style-secondary: var(--gform-theme-font-style-secondary); --gform-theme-control-label-font-weight-secondary: 400; --gform-theme-control-label-letter-spacing-secondary: var(--gform-theme-letter-spacing-secondary); --gform-theme-control-label-line-height-secondary: var(--gform-theme-line-height-secondary); /* Tertiary Labels: Labels for complex fields/fieldsets */ --gform-theme-control-label-color-tertiary: var(--gform-theme-color-outside-control-dark); --gform-theme-control-label-font-family-tertiary: var(--gform-theme-font-family-tertiary); --gform-theme-control-label-font-size-tertiary: var(--gform-theme-font-size-tertiary); --gform-theme-control-label-font-style-tertiary: var(--gform-theme-font-style-tertiary); --gform-theme-control-label-font-weight-tertiary: var(--gform-theme-font-weight-tertiary); --gform-theme-control-label-letter-spacing-tertiary: var(--gform-theme-letter-spacing-tertiary); --gform-theme-control-label-line-height-tertiary: var(--gform-theme-line-height-tertiary); /* Quaternary Labels: Labels for product pricing */ --gform-theme-control-label-color-quaternary: var(--gform-theme-color-outside-control-dark); --gform-theme-control-label-font-family-quaternary: var(--gform-theme-font-family-tertiary); --gform-theme-control-label-font-size-quaternary: var(--gform-theme-font-size-secondary); --gform-theme-control-label-font-style-quaternary: var(--gform-theme-font-style-tertiary); --gform-theme-control-label-font-weight-quaternary: var(--gform-theme-font-weight-secondary); --gform-theme-control-label-letter-spacing-quaternary: var(--gform-theme-letter-spacing-tertiary); --gform-theme-control-label-line-height-quaternary: var(--gform-theme-line-height-tertiary); /* Required Label */ --gform-theme-control-label-color-required: var(--gform-theme-color-danger); --gform-theme-control-label-font-family-required: var(--gform-theme-control-label-font-family-primary); --gform-theme-control-label-font-size-required: 12px; --gform-theme-control-label-font-style-required: var(--gform-theme-control-label-font-style-primary); --gform-theme-control-label-font-weight-required: var(--gform-theme-control-label-font-weight-primary); --gform-theme-control-label-letter-spacing-required: var(--gform-theme-control-label-letter-spacing-primary); --gform-theme-control-label-line-height-required: var(--gform-theme-control-label-line-height-primary); } /* Gravity Forms Theme Framework | Global CSS API: Control - Number */ .gform-theme--framework { --gform-theme-control-number-spin-button-appearance: var(--gform-theme-control-appearance); --gform-theme-control-number-spin-button-background-position: center center; --gform-theme-control-number-spin-button-background-size: 8px 14px; --gform-theme-control-number-spin-button-inline-size: 8px; --gform-theme-control-number-spin-button-opacity: 1; } /* Gravity Forms Theme Framework | Global CSS API: Control - Select */ .gform-theme--framework { --gform-theme-control-select-icon-position: calc(100% - var(--gform-theme-control-padding-inline)) center; --gform-theme-control-select-icon-size: 10px; --gform-theme-control-select-ms-expand: none; --gform-theme-control-select-padding-inline: var(--gform-theme-control-padding-inline) calc(var(--gform-theme-control-select-search-icon-size) + var(--gform-theme-control-padding-inline)); /* Enhanced UI Select */ --gform-theme-control-select-dropdown-shadow: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03); --gform-theme-control-select-dropdown-border-color: transparent; --gform-theme-control-select-dropdown-border-radius: var(--gform-theme-control-border-radius-max-md); --gform-theme-control-select-dropdown-option-background-color-hover: var(--gform-theme-color-inside-control-light-lighter); --gform-theme-control-select-dropdown-option-box-shadow-hover: inset 3px 0 0 var(--gform-theme-color-primary); --gform-theme-control-select-search-icon-size: var(--gform-theme-icon-font-size); --gform-theme-control-select-search-icon-position: var(--gform-theme-control-padding-inline) center; --gform-theme-control-select-search-padding-inline: calc(var(--gform-theme-control-select-search-icon-size) + var(--gform-theme-control-padding-inline) + 8px) var(--gform-theme-control-padding-inline); /* Multi Select */ --gform-theme-control-multiselect-block-size: 130px; --gform-theme-control-multiselect-border-radius: var(--gform-theme-control-border-radius-max-lg); --gform-theme-control-multiselect-line-height: 1.5; --gform-theme-control-multiselect-padding-block: var(--gform-theme-padding-block); /* Enhanced UI Multi Select */ --gform-theme-control-multiselect-close-icon-size: var(--gform-theme-icon-font-size); --gform-theme-control-multiselect-close-icon-inset-block-start: calc(50% - (var(--gform-theme-control-multiselect-close-icon-size) / 2)); --gform-theme-control-multiselect-close-icon-inset-inline-end: calc((var(--gform-theme-control-padding-inline) / 2) + 2px); --gform-theme-control-multiselect-selected-item-background-color: var(--gform-theme-color-primary); --gform-theme-control-multiselect-selected-item-border-radius: 33px; --gform-theme-control-multiselect-selected-item-color: var(--gform-theme-color-primary-contrast); --gform-theme-control-multiselect-selected-item-font-size: var(--gform-theme-control-font-size); --gform-theme-control-multiselect-selected-item-font-weight: 600; --gform-theme-control-multiselect-selected-item-remove-icon-color: var(--gform-theme-color-primary-contrast); } html[dir="rtl"] .gform-theme--framework { --gform-theme-control-select-icon-position: var(--gform-theme-control-padding-inline) center; --gform-theme-control-select-search-icon-position: calc(100% - var(--gform-theme-padding-inline)) center; } /* Gravity Forms Theme Framework | Global CSS API: Control - Textarea */ .gform-theme--framework { --gform-theme-control-textarea-block-size: 130px; --gform-theme-control-textarea-border-radius: var(--gform-theme-control-border-radius-max-lg); --gform-theme-control-textarea-line-height: 1.5; --gform-theme-control-textarea-padding-block: var(--gform-theme-padding-block); --gform-theme-control-textarea-resize: vertical; } /* Fields */ /* Gravity Forms Theme Framework | Global CSS API: Field - Date */ .gform-theme--framework { --gform-theme-field-date-icon-color: var(--gform-theme-control-icon-color); --gform-theme-field-date-icon-color-hover: var(--gform-theme-control-icon-color-hover); --gform-theme-field-date-custom-icon-max-block-size: 20px; --gform-theme-field-date-custom-icon-max-inline-size: 20px; } /* Gravity Forms Theme Framework | Global CSS API: Field - Choice (Checkbox, Radio, & Consent) */ .gform-theme--framework { --gform-theme-field-choice-spacing: var(--gform-theme-label-spacing-horizontal-secondary); --gform-theme-field-choice-meta-margin-block-start: 4px; --gform-theme-field-choice-meta-spacing: 16px; --gform-theme-field-choice-other-control-max-inline-size: 256px; } /* Gravity Forms Theme Framework | Global CSS API: Field - List */ .gform-theme--framework { /* List Item Add/Remove Buttons */ --gform-theme-field-list-button-size: 16px; --gform-theme-field-list-button-border-radius: 50%; --gform-theme-field-list-button-font-size: 0; --gform-theme-field-list-button-padding-block: 0; --gform-theme-field-list-button-padding-inline: 0; } /* Gravity Forms Theme Framework | Global CSS API: Field - Page */ .gform-theme--framework { --gform-theme-field-page-progress-color: var(--gform-theme-color-outside-control-dark); --gform-theme-field-page-progress-font-family: var(--gform-theme-font-family); --gform-theme-field-page-progress-font-size: 14px; --gform-theme-field-page-progress-font-style: var(--gform-theme-font-style-base); --gform-theme-field-page-progress-font-weight: 600; --gform-theme-field-page-progress-letter-spacing: 0; --gform-theme-field-page-progress-line-height: 1; --gform-theme-field-page-progress-text-transform: uppercase; --gform-theme-field-page-progress-margin-block-end: 24px; --gform-theme-field-page-progress-title-margin-block-end: 16px; /* Progress Bar */ --gform-theme-field-page-progress-bar-background-color: var(--gform-theme-color-outside-control-light); --gform-theme-field-page-progress-bar-background-color-blue: #204ce5; --gform-theme-field-page-progress-bar-background-color-gray: var(--gform-theme-color-outside-control-dark); --gform-theme-field-page-progress-bar-background-color-green: #31c48d; --gform-theme-field-page-progress-bar-background-color-orange: #ff5a1f; --gform-theme-field-page-progress-bar-background-color-red: #c02b0a; --gform-theme-field-page-progress-bar-background-gradient-spring: linear-gradient(270deg, #9cd790 0%, #76d7db 100%); --gform-theme-field-page-progress-bar-background-gradient-blues: linear-gradient(270deg, #00c2ff 0%, #7838e2 100%); --gform-theme-field-page-progress-bar-background-gradient-rainbow: linear-gradient(274.73deg, #74b551 -5.58%, #f3ca30 44.81%, #cd302b 93.15%); --gform-theme-field-page-progress-bar-block-size: 10px; --gform-theme-field-page-progress-bar-border-radius: 100px; /* Steps */ --gform-theme-field-page-steps-step-gap: 12px; --gform-theme-field-page-steps-number-background-color: transparent; --gform-theme-field-page-steps-number-background-color-active: var(--gform-theme-color-outside-control-light); --gform-theme-field-page-steps-number-background-color-complete: var(--gform-theme-color-primary); --gform-theme-field-page-steps-number-border-color: var(--gform-theme-color-outside-control-light-darker); --gform-theme-field-page-steps-number-border-color-active: transparent; --gform-theme-field-page-steps-number-border-color-complete: var(--gform-theme-color-primary); --gform-theme-field-page-steps-number-border-radius: 50%; --gform-theme-field-page-steps-number-border-style: solid; --gform-theme-field-page-steps-number-border-width: 2px; --gform-theme-field-page-steps-number-color: var(--gform-theme-color-outside-control-dark); --gform-theme-field-page-steps-number-color-active: var(--gform-theme-field-page-steps-number-color); --gform-theme-field-page-steps-number-color-complete: var(--gform-theme-color-primary-contrast); --gform-theme-field-page-steps-number-size: 32px; --gform-theme-field-page-steps-icon-font-size: var(--gform-theme-icon-font-size); } /* Gravity Forms Theme Framework | Global CSS API: Field - Password */ .gform-theme--framework { /* Strength Indicator Label */ --gform-theme-field-password-strength-background-color: transparent; --gform-theme-field-password-strength-background-color-mismatch: transparent; --gform-theme-field-password-strength-background-color-short: transparent; --gform-theme-field-password-strength-background-color-bad: transparent; --gform-theme-field-password-strength-background-color-good: transparent; --gform-theme-field-password-strength-background-color-strong: transparent; --gform-theme-field-password-strength-border-color: transparent; --gform-theme-field-password-strength-border-color-mismatch: transparent; --gform-theme-field-password-strength-border-color-short: transparent; --gform-theme-field-password-strength-border-color-bad: transparent; --gform-theme-field-password-strength-border-color-good: transparent; --gform-theme-field-password-strength-border-color-strong: transparent; --gform-theme-field-password-strength-border-radius: 0; --gform-theme-field-password-strength-border-style: var(--gform-theme-control-border-style); --gform-theme-field-password-strength-border-width: 0; --gform-theme-field-password-strength-color: var(--gform-theme-color-outside-control-dark); --gform-theme-field-password-strength-color-mismatch: #c02b0a; --gform-theme-field-password-strength-color-short: #c02b0a; --gform-theme-field-password-strength-color-bad: #ff5a1f; --gform-theme-field-password-strength-color-good: #8b6c32; --gform-theme-field-password-strength-color-strong: #399f4b; --gform-theme-field-password-strength-font-family: var(--gform-theme-font-family-secondary); --gform-theme-field-password-strength-font-size: var(--gform-theme-font-size-primary); --gform-theme-field-password-strength-font-style: var(--gform-theme-font-style-secondary); --gform-theme-field-password-strength-font-weight: var(--gform-theme-font-weight-secondary); --gform-theme-field-password-strength-letter-spacing: var(--gform-theme-letter-spacing-secondary); --gform-theme-field-password-strength-line-height: 1; --gform-theme-field-password-strength-margin-block-start: 16px; --gform-theme-field-password-strength-padding-block: 0; --gform-theme-field-password-strength-padding-inline: calc(65px + 8px) 0; --gform-theme-field-password-strength-text-align: left; --gform-theme-field-password-strength-transition: var(--gform-theme-transition-control); /* Strength Indicator */ --gform-theme-field-password-strength-indicator-background-color: var(--gform-theme-color-outside-control-light); --gform-theme-field-password-strength-indicator-background-color-mismatch: var(--gform-theme-field-password-strength-color-mismatch); --gform-theme-field-password-strength-indicator-background-color-short: var(--gform-theme-field-password-strength-color-short); --gform-theme-field-password-strength-indicator-background-color-bad: var(--gform-theme-field-password-strength-color-bad); --gform-theme-field-password-strength-indicator-background-color-good: var(--gform-theme-field-password-strength-color-good); --gform-theme-field-password-strength-indicator-background-color-strong: var(--gform-theme-field-password-strength-color-strong); --gform-theme-field-password-strength-indicator-block-size: 6px; --gform-theme-field-password-strength-indicator-border-radius: var(--gform-theme-border-radius); --gform-theme-field-password-strength-indicator-content: ""; --gform-theme-field-password-strength-indicator-display: inline-block; --gform-theme-field-password-strength-indicator-inline-size: 65px; --gform-theme-field-password-strength-indicator-inline-size-blank: 0; --gform-theme-field-password-strength-indicator-inline-size-mismatch: 65px; --gform-theme-field-password-strength-indicator-inline-size-short: 22px; --gform-theme-field-password-strength-indicator-inline-size-bad: 37px; --gform-theme-field-password-strength-indicator-inline-size-good: 46px; --gform-theme-field-password-strength-indicator-inline-size-strong: 65px; --gform-theme-field-password-strength-indicator-inset-block-start: 50%; --gform-theme-field-password-strength-indicator-inset-inline-start: 0; --gform-theme-field-password-strength-indicator-position: absolute; --gform-theme-field-password-strength-indicator-transform: translateY(-50%); --gform-theme-field-password-strength-indicator-transition: var(--gform-theme-transition-control); } /* Gravity Forms Theme Framework | Global CSS API: Field - Product */ .gform-theme--framework { --gform-theme-field-product-quantity-inline-size: 150px; --gform-theme-field-product-quantity-margin-block-end: var(--gform-theme-field-row-gap); --gform-theme-field-product-price-color: var(--gform-theme-control-label-color-primary); } /* Gravity Forms Theme Framework | Global CSS API: Field - Repeater */ .gform-theme--framework { --gform-theme-field-repeater-row-gap: var(--gform-theme-form-row-gap); --gform-theme-field-repeater-button-inline-gap: var(--gform-theme-form-col-gap); --gform-theme-field-repeater-separator-color: var(--gform-theme-color-outside-control-light-darker); --gform-theme-field-repeater-separator-size: 1px; --gform-theme-field-repeater-nested-border-color: var(--gform-theme-color-outside-control-light-darker); --gform-theme-field-repeater-nested-border-size: 1px; --gform-theme-field-repeater-nested-border-style: solid; --gform-theme-field-repeater-nested-padding-inline-start: 20px; } /* Gravity Forms Theme Framework | Global CSS API: Field - Section */ .gform-theme--framework { --gform-theme-field-section-border-color: var(--gform-theme-color-outside-control-light-darker); --gform-theme-field-section-border-style: solid; --gform-theme-field-section-border-width: 1px; --gform-theme-field-section-padding-block-end: 8px; } /* Form */ /* Gravity Forms Theme Framework | Global CSS API: Form - Validation */ .gform-theme--framework { --gform-theme-form-validation-background-color: rgba(var(--gform-theme-color-danger-rgb), 0.03); --gform-theme-form-validation-border-color: rgba(var(--gform-theme-color-danger-rgb), 0.25); --gform-theme-form-validation-border-width: 1px; --gform-theme-form-validation-border-style: solid; --gform-theme-form-validation-border-radius: var(--gform-theme-control-border-radius-max-md); --gform-theme-form-validation-box-shadow: 0 1px 4px rgba(18, 25, 97, 0.0779552); --gform-theme-form-validation-color: var(--gform-theme-color-danger); --gform-theme-form-validation-font-family: var(--gform-theme-font-family-primary); --gform-theme-form-validation-font-size: var(--gform-theme-font-size-primary); --gform-theme-form-validation-gap: 8px; --gform-theme-form-validation-line-height: 1.43; --gform-theme-form-validation-margin-block: 0 var(--gform-theme-form-row-gap); --gform-theme-form-validation-padding-block: 20px; --gform-theme-form-validation-padding-inline: 16px; /* Validation Heading */ --gform-theme-form-validation-heading-color: var(--gform-theme-form-validation-color); --gform-theme-form-validation-heading-font-family: var(--gform-theme-form-validation-font-family); --gform-theme-form-validation-heading-font-size: var(--gform-theme-form-validation-font-size); --gform-theme-form-validation-heading-font-weight: 500; --gform-theme-form-validation-heading-line-height: var(--gform-theme-form-validation-line-height); --gform-theme-form-validation-heading-gap: 12px; /* Validation Heading Icon */ --gform-theme-form-validation-heading-icon-background-color: rgba(var(--gform-theme-color-danger-rgb), 0.05); --gform-theme-form-validation-heading-icon-border-color: var(--gform-theme-form-validation-border-color); --gform-theme-form-validation-heading-icon-border-width: 2px; --gform-theme-form-validation-heading-icon-border-style: var(--gform-theme-form-validation-border-style); --gform-theme-form-validation-heading-icon-border-radius: 50%; --gform-theme-form-validation-heading-icon-color: var(--gform-theme-form-validation-heading-color); --gform-theme-form-validation-heading-icon-font-size: 18px; --gform-theme-form-validation-heading-icon-size: 20px; /* Validation List Summary */ --gform-theme-form-validation-summary-block-start: 4px; --gform-theme-form-validation-summary-color: var(--gform-theme-form-validation-color); --gform-theme-form-validation-summary-font-family: var(--gform-theme-form-validation-font-family); --gform-theme-form-validation-summary-font-size: var(--gform-theme-form-validation-font-size); --gform-theme-form-validation-summary-font-weight: 400; --gform-theme-form-validation-summary-line-height: var(--gform-theme-form-validation-line-height); --gform-theme-form-validation-summary-padding-inline: 48px; --gform-theme-form-validation-summary-item-link-text-decoration: underline; } /* Gravity Forms Theme Framework | Global CSS API: Form - Spinner */ .gform-theme--framework { --gform-theme-form-spinner-foreground-color: var(--gform-theme-color-primary); --gform-theme-form-spinner-background-color: rgba(var(--gform-theme-color-primary-rgb), 0.1); } /* 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. * * ----------------------------------------------------------------------------- */ /* stylelint-disable */ .gform-theme--framework { /*** The new CSS reset - version 1.6.0 (last updated 29.4.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ } /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ .gform-theme--framework *:where( :not(html):not(iframe):not(canvas):not(img):not(svg):not(video) :not(svg *):not(symbol *) :not(.gform-theme__no-reset--el):not(.gform-theme__no-reset--children *):not(.gform_heading *):not(.gfield--type-html *):not(.gfield--type-section *):not(.form_saved_message > *):not(.form_saved_message_sent > *):not(.gform_confirmation_message *):not(.wp-editor-container):not(.mce-tinymce):not(.mce-tinymce *):not(.wp-editor-area):not(.gfield_description > *):not(.gform-field-label--type-inline > *:not(span)) ) { all: unset; display: revert; } /* Preferred box-sizing value */ .gform-theme--framework *, .gform-theme--framework *::before, .gform-theme--framework *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ .gform-theme--framework a, .gform-theme--framework button { cursor: revert; } /* Remove list styles (bullets/numbers) */ .gform-theme--framework ol, .gform-theme--framework ul, .gform-theme--framework menu { list-style: none; } /* For images to not be able to exceed their container */ .gform-theme--framework img { max-width: 100%; } /* removes spacing between cells in tables */ .gform-theme--framework table { border-collapse: collapse; } /* revert the 'white-space' property for textarea elements on Safari */ .gform-theme--framework textarea { white-space: revert; } /* minimum style to allow to style meter element */ .gform-theme--framework meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ .gform-theme--framework ::-moz-placeholder { color: unset; } .gform-theme--framework ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ .gform-theme--framework :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. */ .gform-theme--framework :where([contenteditable]) { -moz-user-modify: read-write; -webkit-user-modify: read-write; word-wrap: break-word; -webkit-line-break: after-white-space; } /* apply back the draggable feature - exist only in Chromium and Safari */ .gform-theme--framework :where([draggable="true"]) { -webkit-user-drag: element; } /* * More targeted, theme based reset */ .gform-theme--framework input[type="radio"]::before, .gform-theme--framework input[type="checkbox"]::before { height: auto; margin-block: 0; margin-inline: 0; position: static; width: auto; } .gform-theme--framework input[type="radio"]::after, .gform-theme--framework input[type="checkbox"]::after { content: none; } /* stylelint-enable */ /* Icons: Handles icon styles */ /* stylelint-disable */ /* ----------------------------------------------------------------------------- * * Orbital Font Icons (via IcoMoon) * * This file is generated using the `gulp icons` task. Do not edit it directly. * * ----------------------------------------------------------------------------- */ @font-face { font-family: 'gform-icons-orbital'; src: url('../../../fonts/gform-icons-orbital.woff2?a4fc9t') format('woff2'), url('../../../fonts/gform-icons-orbital.ttf?a4fc9t') format('truetype'), url('../../../fonts/gform-icons-orbital.woff?a4fc9t') format('woff'), url('../../../fonts/gform-icons-orbital.svg?a4fc9t#gform-icons-orbital') format('svg'); font-weight: normal; font-style: normal; font-display: block; } .gform-orbital-icon { /* use !important to prevent issues with browser extensions that change fonts */ font-family: var(--gform-theme-icon-font-family) !important; speak: never; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gform-orbital-icon--arrow-back:before { content: "\e921"; } .gform-orbital-icon--calendar-alt:before { content: "\e91a"; } .gform-orbital-icon--selector:before { content: "\e90d"; } .gform-orbital-icon--search:before { content: "\e917"; } .gform-orbital-icon--trash:before { content: "\e919"; } .gform-orbital-icon--cloud-upload-alt:before { content: "\e911"; } .gform-orbital-icon--arrow-up:before { content: "\e912"; } .gform-orbital-icon--arrow-down:before { content: "\e914"; } .gform-orbital-icon--arrow-left:before { content: "\e915"; } .gform-orbital-icon--arrow-right:before { content: "\e916"; } .gform-orbital-icon--arrow-narrow-right:before { content: "\e913"; } .gform-orbital-icon--arrow-sm-left:before { content: "\e91f"; } .gform-orbital-icon--arrow-sm-right:before { content: "\e920"; } .gform-orbital-icon--save-as:before { content: "\e910"; } .gform-orbital-icon--minus-alt:before { content: "\e90e"; } .gform-orbital-icon--plus-alt:before { content: "\e90f"; } .gform-orbital-icon--eye-off:before { content: "\e90a"; } .gform-orbital-icon--eye:before { content: "\e909"; } .gform-orbital-icon--check-circle:before { content: "\e90c"; } .gform-orbital-icon--check-mark:before { content: "\e900"; } .gform-orbital-icon--check:before { content: "\e90b"; } .gform-orbital-icon--check-mark-simple:before { content: "\e905"; } .gform-orbital-icon--exclamation-simple:before { content: "\e906"; } .gform-orbital-icon--information-simple:before { content: "\e907"; } .gform-orbital-icon--question-mark-simple:before { content: "\e908"; } .gform-orbital-icon--chevron-down:before { content: "\e901"; } .gform-orbital-icon--chevron-up:before { content: "\e902"; } .gform-orbital-icon--chevron-left:before { content: "\e91b"; } .gform-orbital-icon--chevron-right:before { content: "\e91c"; } .gform-orbital-icon--chevron-double-left:before { content: "\e91d"; } .gform-orbital-icon--chevron-double-right:before { content: "\e91e"; } .gform-orbital-icon--minus:before { content: "\e903"; } .gform-orbital-icon--x-circle:before { content: "\e918"; } .gform-orbital-icon--x:before { content: "\e904"; } /* Controls: Handles native form input and control-level styles */ /* ----------------------------------------------------------------------------- * * Controls * * This file is just a clearing-house. * Make partials (start with an underscore) elsewhere for actual code. * * ----------------------------------------------------------------------------- */ .gform-theme--framework ::-moz-placeholder { /* Styles */ color: var(--gform-theme-control-placeholder-color); font-family: var(--gform-theme-control-placeholder-font-family); font-size: var(--gform-theme-control-placeholder-font-size); font-style: var(--gform-theme-control-placeholder-font-style); font-weight: var(--gform-theme-control-placeholder-font-weight); letter-spacing: var(--gform-theme-control-placeholder-letter-spacing); opacity: var(--gform-theme-control-placeholder-opacity); } .gform-theme--framework ::placeholder { /* Styles */ color: var(--gform-theme-control-placeholder-color); font-family: var(--gform-theme-control-placeholder-font-family); font-size: var(--gform-theme-control-placeholder-font-size); font-style: var(--gform-theme-control-placeholder-font-style); font-weight: var(--gform-theme-control-placeholder-font-weight); letter-spacing: var(--gform-theme-control-placeholder-letter-spacing); opacity: var(--gform-theme-control-placeholder-opacity); } /* Utility Class: apply the theme framework form control styles/api if this class is present */ .gform-theme--framework .gform-theme-field-control, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])), .gform-theme--framework textarea, .gform-theme--framework select, .gform-theme--framework select[multiple], .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"], .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)), .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)) { /* Local CSS API */ --gform-theme-local-appearance: var(--gform-theme-control-appearance); --gform-theme-local-background-color: var(--gform-theme-control-background-color); --gform-theme-local-block-size: var(--gform-theme-control-size); --gform-theme-local-border-radius: var(--gform-theme-control-border-radius); --gform-theme-local-border-color: var(--gform-theme-control-border-color); --gform-theme-local-border-width: var(--gform-theme-control-border-width); --gform-theme-local-border-style: var(--gform-theme-control-border-style); --gform-theme-local-border-block-start: var(--gform-theme-local-border-width) var(--gform-theme-local-border-style) var(--gform-theme-local-border-color); --gform-theme-local-border-block-end: var(--gform-theme-local-border-width) var(--gform-theme-local-border-style) var(--gform-theme-local-border-color); --gform-theme-local-border-inline-start: var(--gform-theme-local-border-width) var(--gform-theme-local-border-style) var(--gform-theme-local-border-color); --gform-theme-local-border-inline-end: var(--gform-theme-local-border-width) var(--gform-theme-local-border-style) var(--gform-theme-local-border-color); --gform-theme-local-box-shadow: var(--gform-theme-control-box-shadow); --gform-theme-local-color: var(--gform-theme-control-color); --gform-theme-local-display: block; --gform-theme-local-font-family: var(--gform-theme-control-font-family); --gform-theme-local-font-size: var(--gform-theme-control-font-size); --gform-theme-local-font-style: var(--gform-theme-control-font-style); --gform-theme-local-font-weight: var(--gform-theme-control-font-weight); --gform-theme-local-inline-size: 100%; --gform-theme-local-letter-spacing: var(--gform-theme-control-letter-spacing); --gform-theme-local-line-height: var(--gform-theme-control-line-height); --gform-theme-local-min-block-size: auto; --gform-theme-local-outline: var(--gform-theme-control-outline); --gform-theme-local-outline-offset: var(--gform-theme-control-outline-offset); --gform-theme-local-padding-inline: var(--gform-theme-control-padding-inline); --gform-theme-local-padding-block: var(--gform-theme-control-padding-block); --gform-theme-local-transition: var(--gform-theme-control-transition); /* Styles */ -webkit-appearance: var(--gform-theme-local-appearance); -moz-appearance: var(--gform-theme-local-appearance); appearance: var(--gform-theme-local-appearance); background-color: var(--gform-theme-local-background-color); block-size: var(--gform-theme-local-block-size); -webkit-border-after: var(--gform-theme-local-border-block-end); border-block-end: var(--gform-theme-local-border-block-end); -webkit-border-before: var(--gform-theme-local-border-block-start); border-block-start: var(--gform-theme-local-border-block-start); -webkit-border-end: var(--gform-theme-local-border-inline-end); border-inline-end: var(--gform-theme-local-border-inline-end); -webkit-border-start: var(--gform-theme-local-border-inline-start); border-inline-start: var(--gform-theme-local-border-inline-start); border-radius: var(--gform-theme-local-border-radius); box-shadow: var(--gform-theme-local-box-shadow); color: var(--gform-theme-local-color); display: var(--gform-theme-local-display); font-family: var(--gform-theme-local-font-family); font-size: var(--gform-theme-local-font-size); font-style: var(--gform-theme-local-font-style); font-weight: var(--gform-theme-local-font-weight); inline-size: var(--gform-theme-local-inline-size); letter-spacing: var(--gform-theme-local-letter-spacing); line-height: var(--gform-theme-local-line-height); margin-block: 0; margin-inline: 0; min-block-size: var(--gform-theme-local-min-block-size); outline: var(--gform-theme-local-outline); outline-offset: var(--gform-theme-local-outline-offset); padding-block: var(--gform-theme-local-padding-block); padding-inline: var(--gform-theme-local-padding-inline); transition: var(--gform-theme-local-transition); } .gform-theme--framework .gform-theme-field-control:hover, .gform-theme--framework .gform-theme-field-control .gform-theme-field-control--hover, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):hover, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])) .gform-theme-field-control--hover, .gform-theme--framework textarea:hover, .gform-theme--framework textarea .gform-theme-field-control--hover, .gform-theme--framework select:hover, .gform-theme--framework select .gform-theme-field-control--hover, .gform-theme--framework select[multiple]:hover, .gform-theme--framework select[multiple] .gform-theme-field-control--hover, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:hover, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single .gform-theme-field-control--hover, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:hover, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"] .gform-theme-field-control--hover, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:hover, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .gform-theme-field-control--hover, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):hover, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--hover, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):hover, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--hover, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):hover, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)) .gform-theme-field-control--hover, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):hover, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--hover, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):hover, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)) .gform-theme-field-control--hover, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):hover, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--hover, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):hover, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--hover { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-background-color-hover); --gform-theme-local-border-color: var(--gform-theme-control-border-color-hover); --gform-theme-local-color: var(--gform-theme-control-color-hover); } .gform-theme--framework .gform-theme-field-control:focus, .gform-theme--framework .gform-theme-field-control .gform-theme-field-control--focus, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):focus, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])) .gform-theme-field-control--focus, .gform-theme--framework textarea:focus, .gform-theme--framework textarea .gform-theme-field-control--focus, .gform-theme--framework select:focus, .gform-theme--framework select .gform-theme-field-control--focus, .gform-theme--framework select[multiple]:focus, .gform-theme--framework select[multiple] .gform-theme-field-control--focus, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:focus, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single .gform-theme-field-control--focus, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:focus, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"] .gform-theme-field-control--focus, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:focus, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .gform-theme-field-control--focus, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):focus, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--focus, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):focus, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--focus, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):focus, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)) .gform-theme-field-control--focus, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):focus, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--focus, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):focus, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)) .gform-theme-field-control--focus, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):focus, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--focus, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):focus, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--focus { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-background-color-focus); --gform-theme-local-border-color: var(--gform-theme-control-border-color-focus); --gform-theme-local-box-shadow: var(--gform-theme-control-box-shadow-focus); --gform-theme-local-color: var(--gform-theme-control-color-focus); } .gform-theme--framework .gform-theme-field-control:disabled, .gform-theme--framework .gform-theme-field-control .gform-theme-field-control--disabled, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):disabled, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])) .gform-theme-field-control--disabled, .gform-theme--framework textarea:disabled, .gform-theme--framework textarea .gform-theme-field-control--disabled, .gform-theme--framework select:disabled, .gform-theme--framework select .gform-theme-field-control--disabled, .gform-theme--framework select[multiple]:disabled, .gform-theme--framework select[multiple] .gform-theme-field-control--disabled, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:disabled, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single .gform-theme-field-control--disabled, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:disabled, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"] .gform-theme-field-control--disabled, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:disabled, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .gform-theme-field-control--disabled, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):disabled, .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--disabled, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):disabled, .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--disabled, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):disabled, .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)) .gform-theme-field-control--disabled, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):disabled, .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--disabled, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):disabled, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)) .gform-theme-field-control--disabled, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):disabled, .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--disabled, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):disabled, .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)) .gform-theme-field-control--disabled { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-background-color-disabled); --gform-theme-local-border-color: var(--gform-theme-control-border-color-disabled); --gform-theme-local-color: var(--gform-theme-control-color-disabled); } /* Control State: Error */ .gform-theme--framework .gfield_error .gform-theme-field-control, .gform-theme--framework .gfield_error input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])), .gform-theme--framework .gfield_error textarea, .gform-theme--framework .gfield_error select, .gform-theme--framework .gfield_error select[multiple] { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-background-color-error); --gform-theme-local-border-color: var(--gform-theme-control-border-color-error); --gform-theme-local-color: var(--gform-theme-control-color-error); } /* Control Size: Small */ .gform-theme--framework .gform-field--size-sm input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])), .gform-theme--framework .gform-field--size-sm textarea, .gform-theme--framework .gform-field--size-sm select, .gform-theme--framework .gform-field--size-sm select[multiple] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-size-sm); --gform-theme-local-line-height: var(--gform-theme-control-size-sm); } /* Control Size: Medium */ .gform-theme--framework .gform-field--size-md input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])), .gform-theme--framework .gform-field--size-md textarea, .gform-theme--framework .gform-field--size-md select, .gform-theme--framework .gform-field--size-md select[multiple] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-size-md); --gform-theme-local-line-height: var(--gform-theme-control-size-md); } /* Control Size: Large */ .gform-theme--framework .gform-field--size-lg input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])), .gform-theme--framework .gform-field--size-lg textarea, .gform-theme--framework .gform-field--size-lg select, .gform-theme--framework .gform-field--size-lg select[multiple] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-size-lg); --gform-theme-local-line-height: var(--gform-theme-control-size-lg); } /* Control Size: Extra Large */ .gform-theme--framework .gform-field--size-xl input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])), .gform-theme--framework .gform-field--size-xl textarea, .gform-theme--framework .gform-field--size-xl select, .gform-theme--framework .gform-field--size-xl select[multiple] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-size-xl); --gform-theme-local-line-height: var(--gform-theme-control-size-xl); } .gform-theme--framework input[type].gform-text-input-reset { /* Local CSS API */ --gform-theme-local-block-size: auto; --gform-theme-local-color: var(--gform-theme-control-readonly-color); --gform-theme-local-font-family: var(--gform-theme-control-readonly-font-family); --gform-theme-local-font-size: var(--gform-theme-control-readonly-font-size); --gform-theme-local-font-style: var(--gform-theme-control-readonly-font-style); --gform-theme-local-font-weight: var(--gform-theme-control-readonly-font-weight); --gform-theme-local-letter-spacing: var(--gform-theme-control-readonly-letter-spacing); --gform-theme-local-line-height: var(--gform-theme-control-readonly-line-height); /* Styles */ block-size: var(--gform-theme-local-block-size); color: var(--gform-theme-local-color); font-family: var(--gform-theme-local-font-family); font-size: var(--gform-theme-local-font-size); font-style: var(--gform-theme-local-font-style); font-weight: var(--gform-theme-local-font-weight); letter-spacing: var(--gform-theme-local-letter-spacing); line-height: var(--gform-theme-local-line-height); } .gform-theme--framework input[type="number"]::-webkit-inner-spin-button, .gform-theme--framework input[type="number"]::-webkit-outer-spin-button { /* Styles */ opacity: var(--gform-theme-control-number-spin-button-opacity); } .gform-theme--framework input[type="number"]::-webkit-inner-spin-button { /* Styles */ -webkit-appearance: var(--gform-theme-control-number-spin-button-appearance); appearance: var(--gform-theme-control-number-spin-button-appearance); background-image: var(--gform-theme-icon-control-number); background-position: var(--gform-theme-control-number-spin-button-background-position); background-repeat: no-repeat; background-size: var(--gform-theme-control-number-spin-button-background-size); cursor: pointer; width: var(--gform-theme-control-number-spin-button-inline-size); } .gform-theme--framework textarea { /* Local CSS API Overrides */ --gform-theme-local-border-radius: var(--gform-theme-control-textarea-border-radius); --gform-theme-local-block-size: var(--gform-theme-control-textarea-block-size); --gform-theme-local-line-height: var(--gform-theme-control-textarea-line-height); --gform-theme-local-padding-block: var(--gform-theme-control-textarea-padding-block); /* Styles */ resize: var(--gform-theme-control-textarea-resize); } /* WYSIWYG Editor */ .gform-theme--framework .wp-editor-container { /* Styles */ border: var(--gform-theme-control-border-width) var(--gform-theme-control-border-style) var(--gform-theme-control-border-color); border-radius: var(--gform-theme-control-textarea-border-radius); overflow: hidden; /* Note there isn't currently a way to apply focus styles to tinymce as what receives focus is inside of an iframe */ } .gform-theme--framework input[type="radio"], .gform-theme--framework input[type="checkbox"] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-choice-size); --gform-theme-local-display: inline-grid; --gform-theme-local-inline-size: var(--gform-theme-control-choice-size); --gform-theme-local-line-height: var(--gform-theme-control-choice-size); --gform-theme-local-padding-block: 0; --gform-theme-local-padding-inline: 0; /* Styles */ accent-color: var(--gform-theme-control-accent-color); opacity: 1; align-content: center; justify-content: center; place-content: center; } .gform-theme--framework input[type="radio"]::before, .gform-theme--framework input[type="checkbox"]::before { /* Styles */ opacity: 0; } .gform-theme--framework input[type="radio"]:checked::before, .gform-theme--framework input[type="checkbox"]:checked::before { /* Styles */ opacity: 1; } /* Field Size: Small */ .gform-theme--framework .gform-field--size-sm input[type="radio"], .gform-theme--framework .gform-field--size-sm input[type="checkbox"] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-choice-size-sm); --gform-theme-local-inline-size: var(--gform-theme-control-choice-size-sm); --gform-theme-local-line-height: var(--gform-theme-control-choice-size-sm); } /* Field Size: Medium */ .gform-theme--framework .gform-field--size-md input[type="radio"], .gform-theme--framework .gform-field--size-md input[type="checkbox"] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-choice-size-md); --gform-theme-local-inline-size: var(--gform-theme-control-choice-size-md); --gform-theme-local-line-height: var(--gform-theme-control-choice-size-md); } /* Field Size: Large */ .gform-theme--framework .gform-field--size-lg input[type="radio"], .gform-theme--framework .gform-field--size-lg input[type="checkbox"] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-choice-size-lg); --gform-theme-local-inline-size: var(--gform-theme-control-choice-size-lg); --gform-theme-local-line-height: var(--gform-theme-control-choice-size-lg); } /* Field Size: Extra Large */ .gform-theme--framework .gform-field--size-xl input[type="radio"], .gform-theme--framework .gform-field--size-xl input[type="checkbox"] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-choice-size-xl); --gform-theme-local-inline-size: var(--gform-theme-control-choice-size-xl); --gform-theme-local-line-height: var(--gform-theme-control-choice-size-xl); } .gform-theme--framework input[type="checkbox"] { /* Local CSS API Overrides */ --gform-theme-local-border-radius: var(--gform-theme-control-checkbox-check-border-radius); } .gform-theme--framework input[type="checkbox"]::before { /* Styles */ font-family: var(--gform-theme-icon-font-family) !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: never; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--gform-theme-control-choice-check-color); content: var(--gform-theme-icon-control-checkbox); font-size: var(--gform-theme-control-checkbox-check-size); } .gform-theme--framework input[type="checkbox"]:disabled::before { /* Styles */ color: var(--gform-theme-control-choice-check-color-disabled); } /* Field Size: Small */ .gform-theme--framework .gform-field--size-sm input[type="checkbox"]::before { /* Styles */ font-size: var(--gform-theme-control-checkbox-check-size-sm); } /* Field Size: Medium */ .gform-theme--framework .gform-field--size-md input[type="checkbox"]::before { /* Styles */ font-size: var(--gform-theme-control-checkbox-check-size-md); } /* Field Size: Large */ .gform-theme--framework .gform-field--size-lg input[type="checkbox"]::before { /* Styles */ font-size: var(--gform-theme-control-checkbox-check-size-lg); } /* Field Size: Extra Large */ .gform-theme--framework .gform-field--size-xl input[type="checkbox"]::before { /* Styles */ font-size: var(--gform-theme-control-checkbox-check-size-xl); } .gform-theme--framework input[type="radio"] { /* Local CSS API Overrides */ --gform-theme-local-border-radius: var(--gform-theme-control-radio-check-border-radius); } .gform-theme--framework input[type="radio"]::before { /* Styles */ background-color: var(--gform-theme-control-choice-check-color); block-size: var(--gform-theme-control-radio-check-size); border-radius: var(--gform-theme-control-radio-check-border-radius); content: var(--gform-theme-control-radio-check-content); inline-size: var(--gform-theme-control-radio-check-size); } .gform-theme--framework input[type="radio"]:disabled::before { /* Styles */ background-color: var(--gform-theme-control-choice-check-color-disabled); } /* Field Size: Small */ .gform-theme--framework .gform-field--size-sm input[type="radio"]::before { /* Styles */ block-size: var(--gform-theme-control-radio-check-size-sm); inline-size: var(--gform-theme-control-radio-check-size-sm); } /* Field Size: Medium */ .gform-theme--framework .gform-field--size-md input[type="radio"]::before { /* Styles */ block-size: var(--gform-theme-control-radio-check-size-md); inline-size: var(--gform-theme-control-radio-check-size-md); } /* Field Size: Large */ .gform-theme--framework .gform-field--size-lg input[type="radio"]::before { /* Styles */ block-size: var(--gform-theme-control-radio-check-size-lg); inline-size: var(--gform-theme-control-radio-check-size-lg); } /* Field Size: Extra Large */ .gform-theme--framework .gform-field--size-xl input[type="radio"]::before { /* Styles */ block-size: var(--gform-theme-control-radio-check-size-xl); inline-size: var(--gform-theme-control-radio-check-size-xl); } /* Select Icon */ .gform-theme--framework select:where(:not([multiple])) { /* Local CSS API Overrides */ --gform-theme-local-padding-inline: var(--gform-theme-control-select-padding-inline); /* Styles */ background-image: var(--gform-theme-icon-control-select); background-position: var(--gform-theme-control-select-icon-position); background-repeat: no-repeat; background-size: var(--gform-theme-control-select-icon-size); } .gform-theme--framework select::-ms-expand { display: var(--gform-theme-control-select-ms-expand); } /* Styles for multiple select */ .gform-theme--framework select[multiple] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-multiselect-block-size); --gform-theme-local-border-radius: var(--gform-theme-control-multiselect-border-radius); --gform-theme-local-line-height: var(--gform-theme-control-multiselect-line-height); --gform-theme-local-padding-block: var(--gform-theme-control-multiselect-padding-block); /* Styles */ overflow-y: auto; } .gform-theme--framework select[multiple] option:checked { background: var(--gform-theme-color-inside-control-light); } /* Styles for select with enhanced UI */ /* Select input */ .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-single { /* Styles */ background-image: var(--gform-theme-icon-control-select); background-position: var(--gform-theme-control-select-icon-position); background-repeat: no-repeat; background-size: var(--gform-theme-control-select-icon-size); } .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-single span { /* Styles */ -webkit-margin-end: var(--gform-theme-control-select-search-icon-size); margin-inline-end: var(--gform-theme-control-select-search-icon-size); } .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-single abbr, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-single div b { /* Styles */ background-image: none !important; } /* Active / Focus state */ /* Select input */ .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active .chosen-single, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-background-color-focus); --gform-theme-local-border-color: var(--gform-theme-control-border-color-focus); --gform-theme-local-box-shadow: var(--gform-theme-control-box-shadow-focus); --gform-theme-local-color: var(--gform-theme-control-color-focus); } .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single { /* Styles / TODO: clean this up so don't have to duplicate above here... */ border-bottom-left-radius: var(--gform-theme-control-border-radius); border-bottom-right-radius: var(--gform-theme-control-border-radius); border-color: var(--gform-theme-control-border-color-focus); box-shadow: var(--gform-theme-control-box-shadow-focus); } /* Search */ .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-search { /* Styles */ padding-block: var(--gform-theme-padding-block) 0; padding-inline: var(--gform-theme-control-padding-inline); } .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container-single .chosen-search input[type="text"] { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-size-md); --gform-theme-local-padding-inline: var(--gform-theme-control-select-search-padding-inline); /* Styles */ background-image: var(--gform-theme-icon-control-search) !important; /* Chosen uses !important, so we have to use it too */ background-position: var(--gform-theme-control-select-search-icon-position); background-size: var(--gform-theme-control-select-search-icon-size) !important; } /* Styles for multiple select with enhanced UI */ .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi { /* Local CSS API Overrides */ --gform-theme-local-block-size: auto; --gform-theme-local-border-radius: var(--gform-theme-control-multiselect-border-radius); /* Styles */ padding-inline: 0; } /* Active / Focus state */ .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi.chosen-container-active { /* Styles */ border-color: var(--gform-theme-control-border-color-focus); box-shadow: var(--gform-theme-control-box-shadow-focus); } .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi.chosen-container-active .chosen-choices { box-shadow: none; } /* Dropdown */ .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices { /* Styles */ align-content: center; background: none; border: none; display: flex; flex-flow: row wrap; gap: calc(var(--gform-theme-padding-block) / 2); min-height: calc(var(--gform-theme-control-size) - 2px); padding-block: 4px; padding-inline: var(--gform-theme-control-padding-inline); } /* Search - Placeholder styles */ .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-field input[type="text"].chosen-search-input { /* Styles */ color: var(--gform-theme-control-placeholder-color); font-family: var(--gform-theme-control-placeholder-font-family); font-size: var(--gform-theme-control-placeholder-font-size); font-style: var(--gform-theme-control-placeholder-font-style); font-weight: var(--gform-theme-control-placeholder-font-weight); letter-spacing: var(--gform-theme-control-placeholder-letter-spacing); opacity: var(--gform-theme-control-placeholder-opacity); } /* Search - Non-placeholder styles */ .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices .search-choice + li.search-field input[type="text"].chosen-search-input { /* TODO: clean this up so don't have to repeat and don't have to declare styles (mixins, helper class, etc)... Styles (Local CSS API Overrides) */ color: var(--gform-theme-control-color-focus); font-family: var(--gform-theme-control-font-family); font-size: var(--gform-theme-control-font-size); font-style: var(--gform-theme-control-font-style); font-weight: var(--gform-theme-control-font-weight); letter-spacing: var(--gform-theme-control-letter-spacing); opacity: 1; } /* Selected choices */ .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice { /* Styles */ align-self: flex-start; background: none; background-color: var(--gform-theme-control-multiselect-selected-item-background-color); border: none; border-radius: var(--gform-theme-control-multiselect-selected-item-border-radius); box-shadow: none; color: var(--gform-theme-control-multiselect-selected-item-color); flex-shrink: 0; font-size: var(--gform-theme-control-multiselect-selected-item-font-size); font-weight: var(--gform-theme-control-multiselect-selected-item-font-weight); margin: 0; padding-block: 8px; padding-inline: var(--gform-theme-control-padding-inline) calc((var(--gform-theme-control-padding-inline) * 1.25) + var(--gform-theme-control-multiselect-close-icon-size)); } /* Unselect a selected choice button */ .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { /* Styles */ background: none; height: var(--gform-theme-control-multiselect-close-icon-size); inset-block-start: var(--gform-theme-control-multiselect-close-icon-inset-block-start); inset-inline-end: var(--gform-theme-control-multiselect-close-icon-inset-inline-end); opacity: 70%; transition: var(--gform-theme-local-transition); width: var(--gform-theme-control-multiselect-close-icon-size); } .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before { /* Styles */ font-family: var(--gform-theme-icon-font-family) !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: never; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--gform-theme-control-multiselect-selected-item-remove-icon-color); content: var(--gform-theme-icon-control-cancel); display: inline-block; font-size: var(--gform-theme-control-multiselect-close-icon-size); height: 100%; width: 100%; } .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover, .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus { /* Styles */ opacity: 1; } /* Dropdown for single and multiple select */ .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-drop, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-drop { /* Styles */ background-color: var(--gform-theme-control-background-color); border: var(--gform-theme-control-select-dropdown-border-color); border-radius: var(--gform-theme-control-select-dropdown-border-radius); box-shadow: var(--gform-theme-control-select-dropdown-shadow); overflow: hidden; padding-block: 0; padding-inline: 0; top: calc(100% + 8px); } /* Options */ .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results { /* Styles */ margin-block: 0; margin-inline: 0; padding-block: var(--gform-theme-padding-block); padding-inline: 0; } .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li { /* Styles */ color: var(--gform-theme-control-color); padding: var(--gform-theme-padding-block) var(--gform-theme-control-padding-inline); } .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li.highlighted, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li.highlighted { /* Styles */ background: none; background-color: var(--gform-theme-control-select-dropdown-option-background-color-hover); } .gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container .chosen-results li.result-selected, .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-container .chosen-results li.result-selected { /* Styles */ background: none; background-color: var(--gform-theme-control-select-dropdown-option-background-color-hover); box-shadow: var(--gform-theme-control-select-dropdown-option-box-shadow-hover); } /* Labels & Legends */ /* * Primary Labels (labels for fields) */ .gform-theme--framework .gform-field-label, .gform-theme--framework .gfield_list_group_item::before { /* Local CSS API */ --gform-theme-local-color: var(--gform-theme-control-label-color-primary); --gform-theme-local-display: flex; --gform-theme-local-font-family: var(--gform-theme-control-label-font-family-primary); --gform-theme-local-font-size: var(--gform-theme-control-label-font-size-primary); --gform-theme-local-font-style: var(--gform-theme-control-label-font-style-primary); --gform-theme-local-font-weight: var(--gform-theme-control-label-font-weight-primary); --gform-theme-local-letter-spacing: var(--gform-theme-control-label-letter-spacing-primary); --gform-theme-local-line-height: var(--gform-theme-control-label-line-height-primary); --gform-theme-local-margin-block: 0; --gform-theme-local-margin-inline: 0; /* Styles */ color: var(--gform-theme-local-color); display: var(--gform-theme-local-display); font-family: var(--gform-theme-local-font-family); font-size: var(--gform-theme-local-font-size); font-style: var(--gform-theme-local-font-style); font-weight: var(--gform-theme-local-font-weight); letter-spacing: var(--gform-theme-local-letter-spacing); line-height: var(--gform-theme-local-line-height); margin-block: var(--gform-theme-local-margin-block); margin-inline: var(--gform-theme-local-margin-inline); } /* * Secondary Labels (labels for radio, checkbox, and consent fields) */ .gform-theme--framework .gform-field-label--type-inline { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-label-color-secondary); --gform-theme-local-display: block; --gform-theme-local-font-family: var(--gform-theme-control-label-font-family-secondary); --gform-theme-local-font-size: var(--gform-theme-control-label-font-size-secondary); --gform-theme-local-font-style: var(--gform-theme-control-label-font-style-secondary); --gform-theme-local-font-weight: var(--gform-theme-control-label-font-weight-secondary); --gform-theme-local-letter-spacing: var(--gform-theme-control-label-letter-spacing-secondary); --gform-theme-local-line-height: var(--gform-theme-control-label-line-height-secondary); } /* * Tertiary Labels (labels for complex fields / fieldsets) */ .gform-theme--framework .gform-field-label--type-sub { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-label-color-tertiary); --gform-theme-local-display: block; --gform-theme-local-font-family: var(--gform-theme-control-label-font-family-tertiary); --gform-theme-local-font-size: var(--gform-theme-control-label-font-size-tertiary); --gform-theme-local-font-style: var(--gform-theme-control-label-font-style-tertiary); --gform-theme-local-font-weight: var(--gform-theme-control-label-font-weight-tertiary); --gform-theme-local-letter-spacing: var(--gform-theme-control-label-letter-spacing-tertiary); --gform-theme-local-line-height: var(--gform-theme-control-label-line-height-tertiary); } /* * Quaternary Labels (labels for product pricing) */ .gform-theme--framework .gform-field-label--type-sub-large { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-label-color-quaternary); --gform-theme-local-display: inline-block; --gform-theme-local-font-family: var(--gform-theme-control-label-font-family-quaternary); --gform-theme-local-font-size: var(--gform-theme-control-label-font-size-quaternary); --gform-theme-local-font-style: var(--gform-theme-control-label-font-style-quaternary); --gform-theme-local-font-weight: var(--gform-theme-control-label-font-weight-quaternary); --gform-theme-local-letter-spacing: var(--gform-theme-control-label-letter-spacing-quaternary); --gform-theme-local-line-height: var(--gform-theme-control-label-line-height-quaternary); } /* * Required Label */ .gform-theme--framework .gform-field-label > .gfield_required { /* Styles */ color: var(--gform-theme-control-label-color-required); display: inline-block; font-family: var(--gform-theme-control-label-font-family-required); font-size: var(--gform-theme-control-label-font-size-required); font-style: var(--gform-theme-control-label-font-style-required); font-weight: var(--gform-theme-control-label-font-weight-required); letter-spacing: var(--gform-theme-control-label-letter-spacing-required); line-height: var(--gform-theme-control-label-line-height-required); } .gform-theme--framework .gfield_description { /* Local CSS API */ --gform-theme-local-color: var(--gform-theme-control-description-color); --gform-theme-local-font-family: var(--gform-theme-control-description-font-family); --gform-theme-local-font-size: var(--gform-theme-control-description-font-size); --gform-theme-local-font-style: var(--gform-theme-control-description-font-style); --gform-theme-local-font-weight: var(--gform-theme-control-description-font-weight); --gform-theme-local-letter-spacing: var(--gform-theme-control-description-letter-spacing); --gform-theme-local-line-height: var(--gform-theme-control-description-line-height); /* Styles */ color: var(--gform-theme-local-color); display: block; font-family: var(--gform-theme-local-font-family); font-size: var(--gform-theme-local-font-size); font-style: var(--gform-theme-local-font-style); font-weight: var(--gform-theme-local-font-weight); letter-spacing: var(--gform-theme-local-letter-spacing); line-height: var(--gform-theme-local-line-height); } /* Error Description */ .gform-theme--framework .gfield_validation_message { /* Local CSS API overrides */ --gform-theme-local-color: var(--gform-theme-control-description-color-error); --gform-theme-local-font-family: var(--gform-theme-control-description-font-family-error); --gform-theme-local-font-size: var(--gform-theme-control-description-font-size-error); --gform-theme-local-font-style: var(--gform-theme-control-description-font-style-error); --gform-theme-local-font-weight: var(--gform-theme-control-description-font-weight-error); --gform-theme-local-letter-spacing: var(--gform-theme-control-description-letter-spacing-error); --gform-theme-local-line-height: var(--gform-theme-control-description-line-height-error); } /* Consent Description */ .gform-theme--framework .gfield_consent_description { /* Styles */ border: var(--gform-theme-control-description-border-width-consent) var(--gform-theme-control-description-border-style-consent) var(--gform-theme-control-description-border-color-consent); max-height: var(--gform-theme-control-description-max-height-consent); overflow-y: auto; padding: 16px; } /* Utility Class: exclude buttons from the theme framework if this class is present */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)), .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)), .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)) { /* Local CSS API Overrides */ --gform-theme-local-block-size: auto; --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-primary); --gform-theme-local-border-radius: var(--gform-theme-control-button-border-radius); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-primary); --gform-theme-local-border-style: var(--gform-theme-control-button-border-style-primary); --gform-theme-local-border-width: var(--gform-theme-control-button-border-width-primary); --gform-theme-local-border-block-start: var(--gform-theme-local-border-width) var(--gform-theme-local-border-style) var(--gform-theme-local-border-color); --gform-theme-local-border-block-end: var(--gform-theme-local-border-width) var(--gform-theme-local-border-style) var(--gform-theme-local-border-color); --gform-theme-local-border-inline-start: var(--gform-theme-local-border-width) var(--gform-theme-local-border-style) var(--gform-theme-local-border-color); --gform-theme-local-border-inline-end: var(--gform-theme-local-border-width) var(--gform-theme-local-border-style) var(--gform-theme-local-border-color); --gform-theme-local-box-shadow: var(--gform-theme-control-button-box-shadow); --gform-theme-local-color: var(--gform-theme-control-button-color-primary); --gform-theme-local-column-gap: var(--gform-theme-control-button-icon-gap); --gform-theme-local-cursor: pointer; --gform-theme-local-display: inline-flex; --gform-theme-local-font-style: var(--gform-theme-control-button-font-style); --gform-theme-local-font-weight: var(--gform-theme-control-button-font-weight); --gform-theme-local-font-size: var(--gform-theme-control-button-font-size); --gform-theme-local-font-family: var(--gform-theme-control-button-font-family); --gform-theme-local-inline-size: auto; --gform-theme-local-letter-spacing: var(--gform-theme-control-button-letter-spacing); --gform-theme-local-line-height: var(--gform-theme-control-button-line-height); --gform-theme-local-min-block-size: var(--gform-theme-control-button-size); --gform-theme-local-min-inline-size: auto; --gform-theme-local-opacity: var(--gform-theme-control-button-opacity); --gform-theme-local-padding-block: var(--gform-theme-control-button-padding-block); --gform-theme-local-padding-inline: var(--gform-theme-control-button-padding-inline); --gform-theme-local-text-decoration: var(--gform-theme-control-button-text-decoration); --gform-theme-local-text-transform: var(--gform-theme-control-button-text-transform); /* Styles */ align-items: center; -moz-column-gap: var(--gform-theme-local-column-gap); column-gap: var(--gform-theme-local-column-gap); cursor: var(--gform-theme-local-cursor); justify-content: center; min-inline-size: var(--gform-theme-local-min-inline-size); opacity: var(--gform-theme-local-opacity); text-align: center; -webkit-text-decoration: var(--gform-theme-local-text-decoration); text-decoration: var(--gform-theme-local-text-decoration); text-transform: var(--gform-theme-local-text-transform); vertical-align: top; } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework))::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework))::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework))::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework))::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework))::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework))::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework))::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework))::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework))::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework))::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework))::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework))::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)) .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)) .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework))::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework))::after { /* Local CSS API */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-primary); --gform-theme-local-content: var(--gform-theme-control-button-icon); --gform-theme-local-font-size: var(--gform-theme-control-button-icon-font-size); --gform-theme-local-transition: var(--gform-theme-control-button-transition); /* Styles */ font-family: var(--gform-theme-icon-font-family) !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: never; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--gform-theme-local-color); content: var(--gform-theme-local-content); font-size: var(--gform-theme-local-font-size); transition: var(--gform-theme-local-transition); } .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):hover { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-hover-primary); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-hover-primary); --gform-theme-local-box-shadow: var(--gform-theme-control-button-box-shadow-hover); --gform-theme-local-color: var(--gform-theme-control-button-color-hover-primary); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):hover::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-hover-primary); } .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):focus { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-focus-primary); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-focus-primary); --gform-theme-local-box-shadow: var(--gform-theme-control-button-box-shadow-focus); --gform-theme-local-color: var(--gform-theme-control-button-color-focus-primary); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):focus::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-focus-primary); } .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):disabled { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-disabled-primary); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-disabled-primary); --gform-theme-local-box-shadow: var(--gform-theme-control-button-box-shadow-disabled); --gform-theme-local-color: var(--gform-theme-control-button-color-disabled-primary); --gform-theme-local-cursor: default; --gform-theme-local-opacity: var(--gform-theme-control-button-opacity-disabled); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):disabled::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-disabled-primary); } /* Secondary Button */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-secondary); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-secondary); --gform-theme-local-border-style: var(--gform-theme-control-button-border-style-secondary); --gform-theme-local-border-width: var(--gform-theme-control-button-border-width-secondary); --gform-theme-local-color: var(--gform-theme-control-button-color-secondary); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-secondary); } .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-hover-secondary); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-hover-secondary); --gform-theme-local-color: var(--gform-theme-control-button-color-hover-secondary); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:hover::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-hover-secondary); } .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-focus-secondary); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-focus-secondary); --gform-theme-local-color: var(--gform-theme-control-button-color-focus-secondary); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:focus::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-focus-secondary); } .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-disabled-secondary); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-disabled-secondary); --gform-theme-local-color: var(--gform-theme-control-button-color-disabled-secondary); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--secondary:disabled::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-disabled-secondary); } /* Simple Button: transparent background, no border, w/ icon only (password visibility & file upload cancel / remove) */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-simple); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-simple); --gform-theme-local-border-width: var(--gform-theme-control-button-border-width-simple); --gform-theme-local-box-shadow: var(--gform-theme-control-button-box-shadow-simple); --gform-theme-local-color: var(--gform-theme-control-button-color-simple); --gform-theme-local-column-gap: 0; --gform-theme-local-line-height: var(--gform-theme-control-button-size-simple); --gform-theme-local-min-block-size: var(--gform-theme-control-button-size-simple); --gform-theme-local-min-inline-size: var(--gform-theme-control-button-size-simple); --gform-theme-local-padding-block: 0; --gform-theme-local-padding-inline: 0; } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-simple); } .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-hover-simple); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-hover-simple); --gform-theme-local-box-shadow: var(--gform-theme-control-button-box-shadow-hover-simple); --gform-theme-local-color: var(--gform-theme-control-button-color-hover-simple); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:hover::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-hover-simple); } .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-focus-simple); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-focus-simple); --gform-theme-local-box-shadow: var(--gform-theme-control-button-box-shadow-focus-simple); --gform-theme-local-color: var(--gform-theme-control-button-color-focus-simple); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:focus::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-focus-simple); } .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-button-background-color-disabled-simple); --gform-theme-local-border-color: var(--gform-theme-control-button-border-color-disabled-simple); --gform-theme-local-box-shadow: var(--gform-theme-control-button-box-shadow-disabled-simple); --gform-theme-local-color: var(--gform-theme-control-button-color-disabled-simple); } /* Icons */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::after, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled .dashicons::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::before, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--simple:disabled::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-button-icon-color-disabled-simple); } /* Button Size: Extra Small */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xs, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xs { /* Local CSS API Overrides */ --gform-theme-local-font-size: var(--gform-theme-control-button-font-size-xs); --gform-theme-local-min-block-size: var(--gform-theme-control-button-size-xs); --gform-theme-local-padding-inline: var(--gform-theme-control-button-padding-inline-xs); } /* Button Size: Small */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-sm, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-sm { /* Local CSS API Overrides */ --gform-theme-local-font-size: var(--gform-theme-control-button-font-size-sm); --gform-theme-local-min-block-size: var(--gform-theme-control-button-size-sm); --gform-theme-local-padding-inline: var(--gform-theme-control-button-padding-inline-sm); } /* Button Size: Medium */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-md, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-md { /* Local CSS API Overrides */ --gform-theme-local-font-size: var(--gform-theme-control-button-font-size-md); --gform-theme-local-min-block-size: var(--gform-theme-control-button-size-md); --gform-theme-local-padding-inline: var(--gform-theme-control-button-padding-inline-md); } /* Button Size: Large */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-lg, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-lg { /* Local CSS API Overrides */ --gform-theme-local-font-size: var(--gform-theme-control-button-font-size-lg); --gform-theme-local-min-block-size: var(--gform-theme-control-button-size-lg); --gform-theme-local-padding-inline: var(--gform-theme-control-button-padding-inline-lg); } /* Button Size: Extra Large */ .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xl, .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)).gform-theme-button--size-xl { /* Local CSS API Overrides */ --gform-theme-local-font-size: var(--gform-theme-control-button-font-size-xl); --gform-theme-local-min-block-size: var(--gform-theme-control-button-size-xl); --gform-theme-local-padding-inline: var(--gform-theme-control-button-padding-inline-xl); } .gform-theme--framework input[type="file"] { /* Local CSS API Overrides */ --gform-theme-local-padding-inline: var(--gform-theme-control-file-padding-inline); /* Styles */ text-overflow: ellipsis; white-space: nowrap; } .gform-theme--framework input[type="file"]:hover::file-selector-button { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-file-button-background-color-hover); --gform-theme-local-border-inline-end-color: var(--gform-theme-control-file-button-border-inline-end-color-hover); --gform-theme-local-color: var(--gform-theme-control-file-button-color-hover); } .gform-theme--framework input[type="file"]:focus::file-selector-button { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-file-button-background-color-focus); --gform-theme-local-border-inline-end-color: var(--gform-theme-control-file-button-border-inline-end-color-focus); --gform-theme-local-color: var(--gform-theme-control-file-button-color-focus); } .gform-theme--framework input[type="file"]:disabled::file-selector-button { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-file-button-background-color-disabled); --gform-theme-local-border-inline-end-color: var(--gform-theme-control-file-button-border-inline-end-color-disabled); --gform-theme-local-color: var(--gform-theme-control-file-button-color-disabled); } .gform-theme--framework input[type="file"]::file-selector-button { /* Local CSS API */ --gform-theme-local-background-color: var(--gform-theme-control-file-button-background-color); --gform-theme-local-border-inline-end-color: var(--gform-theme-control-file-button-border-inline-end-color); --gform-theme-local-border-inline-end-style: var(--gform-theme-control-file-button-border-inline-end-style); --gform-theme-local-border-inline-end-width: var(--gform-theme-control-file-button-border-inline-end-width); --gform-theme-local-border-inline-end: var(--gform-theme-local-border-inline-end-width) var(--gform-theme-local-border-inline-end-style) var(--gform-theme-local-border-inline-end-color); --gform-theme-local-color: var(--gform-theme-control-file-button-color); /* Styles */ background-color: var(--gform-theme-local-background-color); block-size: 100%; border: 0; border-end-start-radius: var(--gform-theme-control-file-button-border-radius); -webkit-border-end: var(--gform-theme-local-border-inline-end); border-inline-end: var(--gform-theme-local-border-inline-end); border-start-start-radius: var(--gform-theme-control-file-button-border-radius); color: var(--gform-theme-local-color); font-family: var(--gform-theme-control-file-button-font-family); font-size: var(--gform-theme-control-file-button-font-size); font-style: var(--gform-theme-control-file-button-font-style); font-weight: var(--gform-theme-control-file-button-font-weight); inset-block-start: calc(var(--gform-theme-control-border-width) * -1); letter-spacing: var(--gform-theme-control-file-button-letter-spacing); line-height: var(--gform-theme-control-file-button-line-height); margin-inline: var(--gform-theme-control-file-button-margin-inline); padding-block: 0; padding-inline: var(--gform-theme-control-file-button-padding-inline); position: relative; -webkit-text-decoration: var(--gform-theme-control-file-button-text-decoration); text-decoration: var(--gform-theme-control-file-button-text-decoration); text-transform: var(--gform-theme-control-file-button-text-transform); transition: var(--gform-theme-control-file-button-transition); } /* Drop Zone Area */ .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-file-drop-area-block-size); --gform-theme-local-border-radius: var(--gform-theme-control-file-drop-area-border-radius); --gform-theme-local-border-style: var(--gform-theme-control-file-drop-area-border-style); --gform-theme-local-color: var(--gform-theme-control-file-drop-area-color); --gform-theme-local-font-weight: var(--gform-theme-control-file-drop-area-font-weight); --gform-theme-local-line-height: var(--gform-theme-control-file-drop-area-line-height); --gform-theme-local-padding-inline: var(--gform-theme-control-file-drop-area-padding-inline); --gform-theme-local-padding-block: var(--gform-theme-control-file-drop-area-padding-block); } /* Icon */ .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before { /* Styles */ font-family: var(--gform-theme-icon-font-family) !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: never; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--gform-theme-control-file-drop-area-icon-color); content: var(--gform-theme-icon-control-file-upload); display: block; font-size: var(--gform-theme-control-file-drop-area-icon-font-size); -webkit-margin-after: var(--gform-theme-control-file-drop-area-icon-margin-block-end); margin-block-end: var(--gform-theme-control-file-drop-area-icon-margin-block-end); } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_instructions { /* Styles */ -webkit-margin-after: var(--gform-theme-control-file-drop-area-instructions-margin-block-end); margin-block-end: var(--gform-theme-control-file-drop-area-instructions-margin-block-end); } /* Uploaded Files Preview */ .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview_list { /* Styles */ display: flex; flex-direction: column; gap: var(--gform-theme-control-file-preview-area-gap); -webkit-margin-before: var(--gform-theme-control-file-preview-area-margin-block-start); margin-block-start: var(--gform-theme-control-file-preview-area-margin-block-start); width: 100%; } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview_list:empty { /* Styles */ -webkit-margin-before: 0; margin-block-start: 0; } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview { /* Styles */ display: flex; flex-direction: column; font-family: var(--gform-theme-control-file-preview-file-font-family); font-size: var(--gform-theme-control-file-preview-file-font-size); font-style: var(--gform-theme-control-file-preview-file-font-style); font-weight: var(--gform-theme-control-file-preview-file-font-weight); gap: var(--gform-theme-control-file-preview-file-gap); letter-spacing: var(--gform-theme-control-file-preview-file-letter-spacing); line-height: var(--gform-theme-control-file-preview-file-line-height); position: relative; } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_filename { /* Styles */ color: var(--gform-theme-control-file-preview-file-name-color); line-height: var(--gform-theme-control-file-preview-file-name-line-height); overflow: var(--gform-theme-control-file-preview-file-name-overflow); -webkit-padding-end: var(--gform-theme-control-file-preview-file-name-padding-inline-end); padding-inline-end: var(--gform-theme-control-file-preview-file-name-padding-inline-end); text-overflow: var(--gform-theme-control-file-preview-file-name-text-overflow); white-space: var(--gform-theme-control-file-preview-file-name-white-space); } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_filesize { /* Styles */ color: var(--gform-theme-control-file-preview-file-size-color); } /* Upload Progress UI */ .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progress { /* Styles */ align-items: center; display: flex; gap: var(--gform-theme-control-file-upload-progress-ui-gap); } /* Progress Complete Icon */ .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progress::after { /* Styles */ font-family: var(--gform-theme-icon-font-family) !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: never; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; block-size: var(--gform-theme-control-file-upload-progress-button-icon-size); color: var(--gform-theme-control-file-upload-progress-button-icon-color-complete); content: var(--gform-theme-icon-control-file-upload-completed); font-size: var(--gform-theme-control-file-upload-progress-button-icon-size); inline-size: var(--gform-theme-control-file-upload-progress-button-icon-size); min-inline-size: var(--gform-theme-control-file-upload-progress-button-icon-size); opacity: 0; } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progress_complete::after { /* Styles */ opacity: 1; } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progressbar, .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progressbar_progress { /* Styles */ block-size: var(--gform-theme-control-file-upload-progress-bar-block-size); border-radius: var(--gform-theme-control-file-upload-progress-bar-border-radius); } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progressbar { /* Styles */ background-color: var(--gform-theme-control-file-upload-progress-bar-background-color); inline-size: 100%; position: relative; } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_progressbar_progress { /* Styles */ background-color: var(--gform-theme-control-file-upload-progress-bar-background-color-loading); inline-size: 1%; position: absolute; transition: var(--gform-theme-control-file-upload-progress-bar-transition); } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_percent { /* Styles */ color: var(--gform-theme-control-file-upload-progress-text-color); font-size: var(--gform-theme-control-file-upload-progress-text-font-size); min-inline-size: var(--gform-theme-control-file-upload-progress-text-min-inline-size); } /* User Actions */ .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gform_delete_file, .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_cancel { /* Styles */ inset-block-start: var(--gform-theme-control-file-upload-progress-button-inset-block-start); inset-inline-end: var(--gform-theme-control-file-upload-progress-button-inset-inline-end); position: var(--gform-theme-control-file-upload-progress-button-position); } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gform_delete_file .dashicons::before { /* Local CSS API Overrides */ --gform-theme-control-button-icon: var(--gform-theme-icon-control-file-upload-remove); } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_cancel { /* Local CSS API Overrides */ --gform-theme-local-font-size: var(--gform-theme-control-file-upload-progress-button-font-size-cancel); } .gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .ginput_preview .gfield_fileupload_cancel::before { /* Local CSS API Overrides */ --gform-theme-control-button-icon: var(--gform-theme-icon-control-file-upload-cancel); } .gform-theme--framework.ui-datepicker { background-color: var(--gform-theme-control-date-datepicker-background-color); border-radius: var(--gform-theme-control-date-datepicker-border-radius); box-shadow: var(--gform-theme-control-date-datepicker-box-shadow); display: none; inline-size: var(--gform-theme-control-date-datepicker-inline-size); -webkit-margin-before: var(--gform-theme-control-date-datepicker-margin-block-start); margin-block-start: var(--gform-theme-control-date-datepicker-margin-block-start); padding-block: var(--gform-theme-control-date-datepicker-padding-block); padding-inline: var(--gform-theme-control-date-datepicker-padding-inline); } .gform-theme--framework.ui-datepicker .ui-datepicker-header { align-items: stretch; display: flex; margin-block: unset; margin-inline: unset; padding-block: 0; padding-inline: 0; position: unset; } .gform-theme--framework.ui-datepicker .ui-datepicker-prev, .gform-theme--framework.ui-datepicker .ui-datepicker-next { align-items: center; block-size: auto; cursor: pointer; display: flex; flex: none; inline-size: var(--gform-theme-control-date-datepicker-header-icons-inline-size); inset: unset; justify-content: center; position: relative; } .gform-theme--framework.ui-datepicker .ui-datepicker-prev::before, .gform-theme--framework.ui-datepicker .ui-datepicker-next::before { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-date-datepicker-header-icons-color); /* Styles */ font-family: var(--gform-theme-icon-font-family) !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: never; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image: none; border: none; color: var(--gform-theme-local-color); font-size: var(--gform-theme-control-date-datepicker-header-icons-font-size); inset: unset; transform: unset; } .gform-theme--framework.ui-datepicker .ui-datepicker-prev::before { content: var(--gform-theme-icon-control-datepicker-left); } .gform-theme--framework.ui-datepicker .ui-datepicker-next { order: 1; } .gform-theme--framework.ui-datepicker .ui-datepicker-next::before { content: var(--gform-theme-icon-control-datepicker-right); } .gform-theme--framework.ui-datepicker .ui-datepicker-prev-hover::before, .gform-theme--framework.ui-datepicker .ui-datepicker-next-hover::before { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-date-datepicker-header-icons-color-hover); } .gform-theme--framework.ui-datepicker .ui-datepicker-title { align-items: center; color: var(--gform-theme-control-date-datepicker-title-color); display: flex; flex: auto; font-size: var(--gform-theme-control-date-datepicker-title-font-size); font-weight: var(--gform-theme-control-date-datepicker-title-font-weight); gap: 8px; line-height: var(--gform-theme-control-date-datepicker-title-line-height); margin-block: 0; margin-inline: 8px; } .gform-theme--framework.ui-datepicker select.ui-datepicker-month, .gform-theme--framework.ui-datepicker select.ui-datepicker-year { background-image: var(--gform-theme-icon-control-select); background-position: var(--gform-theme-control-select-icon-position); background-repeat: no-repeat; background-size: var(--gform-theme-control-select-icon-size); box-shadow: var(--gform-theme-local-box-shadow); flex: auto; inline-size: auto; margin: 0; padding-inline: var(--gform-theme-local-padding-inline); text-align: var(--gform-theme-control-date-datepicker-dropdown-text-align); } .gform-theme--framework.ui-datepicker table { -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 16px; margin-block-start: 16px; } .gform-theme--framework.ui-datepicker table th, .gform-theme--framework.ui-datepicker table td { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-date-datepicker-table-cell-color); /* Styles */ block-size: 40px; color: var(--gform-theme-local-color); font-size: var(--gform-theme-local-font-size); font-weight: var(--gform-theme-local-font-weight); line-height: var(--gform-theme-local-line-height); padding-block: var(--gform-theme-control-date-datepicker-table-cell-padding); padding-inline: var(--gform-theme-control-date-datepicker-table-cell-padding); } .gform-theme--framework.ui-datepicker table th { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-date-datepicker-table-head-cell-block-size); --gform-theme-local-font-size: var(--gform-theme-control-date-datepicker-table-head-cell-font-size); --gform-theme-local-font-weight: var(--gform-theme-control-date-datepicker-table-head-cell-font-weight); --gform-theme-local-line-height: var(--gform-theme-control-date-datepicker-table-head-cell-line-height); /* Styles */ vertical-align: middle; } .gform-theme--framework.ui-datepicker table td { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-control-date-datepicker-table-cell-block-size); --gform-theme-local-font-size: var(--gform-theme-control-date-datepicker-table-cell-font-size); --gform-theme-local-font-weight: var(--gform-theme-control-date-datepicker-table-cell-font-weight); --gform-theme-local-line-height: var(--gform-theme-control-date-datepicker-table-cell-line-height); } .gform-theme--framework.ui-datepicker table td:not(.ui-state-disabled) { cursor: pointer; } .gform-theme--framework.ui-datepicker table td span, .gform-theme--framework.ui-datepicker table td a { /* Local CSS API Overrides */ --gform-theme-local-background-color: transparent; --gform-theme-local-border: 0; --gform-theme-local-color: var(--gform-theme-control-date-datepicker-table-cell-content-color); /* Styles */ align-items: center; background-color: var(--gform-theme-local-background-color); block-size: 100%; border: var(--gform-theme-local-border); border-radius: var(--gform-theme-control-date-datepicker-table-cell-content-border-radius); color: var(--gform-theme-local-color); display: flex; inline-size: 100%; justify-content: center; text-decoration: none; } .gform-theme--framework.ui-datepicker table td:not(.ui-state-disabled):not(.ui-datepicker-current-day) a:hover { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-date-datepicker-table-cell-content-background-color-hover); --gform-theme-local-color: var(--gform-theme-control-date-datepicker-table-cell-content-color-hover); } .gform-theme--framework.ui-datepicker table td:not(.ui-state-disabled):not(.ui-datepicker-current-day) a:focus { /* Local CSS API Overrides */ --gform-theme-local-border: var(--gform-theme-control-date-datepicker-table-cell-content-border); } .gform-theme--framework.ui-datepicker table .ui-state-disabled span, .gform-theme--framework.ui-datepicker table .ui-state-disabled a { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-date-datepicker-table-cell-content-background-color-disabled); --gform-theme-local-color: var(--gform-theme-control-date-datepicker-table-cell-content-color-disabled); } .gform-theme--framework.ui-datepicker table .ui-datepicker-today span, .gform-theme--framework.ui-datepicker table .ui-datepicker-today a { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-date-datepicker-table-cell-content-background-color-hover); --gform-theme-local-color: var(--gform-theme-control-date-datepicker-table-cell-content-color-hover); } .gform-theme--framework.ui-datepicker table .ui-datepicker-today.ui-state-disabled span, .gform-theme--framework.ui-datepicker table .ui-datepicker-today.ui-state-disabled a { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-date-datepicker-table-cell-content-background-color-disabled); --gform-theme-local-color: var(--gform-theme-control-date-datepicker-table-cell-content-color-disabled); } .gform-theme--framework.ui-datepicker table .ui-datepicker-current-day span, .gform-theme--framework.ui-datepicker table .ui-datepicker-current-day a { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-date-datepicker-table-cell-content-background-color-selected); --gform-theme-local-color: var(--gform-theme-control-date-datepicker-table-cell-content-color-selected); } .gform-theme--framework.ui-datepicker table .ui-datepicker-current-day a:hover, .gform-theme--framework.ui-datepicker table .ui-datepicker-current-day a:focus { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-date-datepicker-table-cell-content-color-selected); } .gform-theme--framework.ui-datepicker table .ui-datepicker-current-day.ui-state-disabled span, .gform-theme--framework.ui-datepicker table .ui-datepicker-current-day.ui-state-disabled a { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-control-date-datepicker-table-cell-content-background-color-disabled); --gform-theme-local-color: var(--gform-theme-control-date-datepicker-table-cell-content-color-disabled); } .gform-theme--framework.ui-datepicker.ui-datepicker-rtl select.ui-datepicker-month, .gform-theme--framework.ui-datepicker.ui-datepicker-rtl select.ui-datepicker-year { background-position: var(--gform-theme-control-select-icon-position); } .gform-theme--framework.ui-datepicker.ui-datepicker-rtl .ui-datepicker-prev::before, .gform-theme--framework.ui-datepicker.ui-datepicker-rtl .ui-datepicker-next::before { transform: none; } .gform-theme--framework.ui-datepicker.ui-datepicker-rtl .ui-datepicker-prev::before { content: var(--gform-theme-icon-control-datepicker-right); } .gform-theme--framework.ui-datepicker.ui-datepicker-rtl .ui-datepicker-next::before { content: var(--gform-theme-icon-control-datepicker-left); } /* 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. * * ----------------------------------------------------------------------------- */ /* Field wrapper */ .gform-theme--framework .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) { line-height: 1; } .gform-theme--framework .gfield--type-address .copy_values_option_container { /* Styles */ display: inline-grid; gap: var(--gform-theme-field-choice-meta-spacing) 0; grid-template-columns: minmax(var(--gform-theme-control-choice-size), max-content) auto; } .gform-theme--framework .gfield--type-address .copy_values_option_container + .ginput_container_address { -webkit-margin-before: var(--gform-theme-field-row-gap); margin-block-start: var(--gform-theme-field-row-gap); } .gform-theme--framework .gfield--type-choice .gfield_checkbox, .gform-theme--framework .gfield--type-choice .gfield_radio { /* Styles */ display: flex; flex-direction: column; gap: var(--gform-theme-field-choice-spacing); } /* all button */ .gform-theme--framework .gfield--type-choice .gfield_checkbox > *:last-child:where(:not(.gchoice)), .gform-theme--framework .gfield--type-choice .gfield_radio > *:last-child:where(:not(.gchoice)) { align-self: self-start; -webkit-margin-before: var(--gform-theme-field-choice-meta-margin-block-start); margin-block-start: var(--gform-theme-field-choice-meta-margin-block-start); } .gform-theme--framework .gfield--type-choice .gchoice, .gform-theme--framework .gfield--type-choice .ginput_container_consent { /* Styles */ display: inline-grid; gap: var(--gform-theme-field-choice-meta-spacing) 0; grid-template-columns: minmax(var(--gform-theme-control-choice-size), max-content) auto; } .gform-theme--framework .gfield--type-choice .gchoice br, .gform-theme--framework .gfield--type-choice .ginput_container_consent br { display: none; } /* Other Control */ .gform-theme--framework .gfield--type-choice .gchoice_other_control { /* Local CSS API Overrides */ --gform-theme-local-inline-size: auto; /* Styles */ grid-column: span 2; max-inline-size: var(--gform-theme-field-choice-other-control-max-inline-size); } /* Input type: date picker */ .gform-theme--framework .gfield--input-type-datepicker .ginput_container_date { /* Styles */ align-content: flex-start; align-items: center; display: flex; } .gform-theme--framework .gfield--input-type-datepicker .ginput_container_date input { /* Local CSS API Overrides */ --gform-theme-local-inline-size: auto; } /* Don't show legacy icon img element.*/ .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date img.ui-datepicker-trigger { display: none; } .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-field-date-icon-color); font-family: var(--gform-theme-icon-font-family) !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: never; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--gform-theme-local-color); content: var(--gform-theme-icon-control-datepicker); display: inline-block; font-size: var(--gform-theme-icon-font-size); inset-block-start: 0; inset-inline-start: 0; -webkit-margin-start: calc(var(--gform-theme-control-padding-inline) * -1); margin-inline-start: calc(var(--gform-theme-control-padding-inline) * -1); pointer-events: none; transform: translateX(-100%); } html[dir="rtl"] .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date::after { order: 1; transform: translateX(100%); } .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date:focus::after, .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-default-icon .ginput_container_date:hover::after { --gform-theme-local-color: var(--gform-theme-field-date-icon-color-hover); } /* Datepicker icon */ .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date img.ui-datepicker-trigger { /* Styles */ -webkit-margin-start: calc(var(--gform-theme-control-padding-inline) * -1); margin-inline-start: calc(var(--gform-theme-control-padding-inline) * -1); max-block-size: var(--gform-theme-field-date-custom-icon-max-block-size); max-inline-size: var(--gform-theme-field-date-custom-icon-max-inline-size); transform: translateX(-100%); } html[dir="rtl"] .gform-theme--framework .gfield--input-type-datepicker.gfield--datepicker-custom-icon .ginput_container_date img.ui-datepicker-trigger { order: 1; transform: translateX(100%); } /* List Item Add/Remove Buttons */ .gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) button.add_list_item, .gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) button.delete_list_item { /* Local CSS API Overrides */ --gform-theme-local-block-size: var(--gform-theme-field-list-button-size); --gform-theme-local-border-radius: var(--gform-theme-field-list-button-border-radius); --gform-theme-local-column-gap: 0; --gform-theme-local-font-size: var(--gform-theme-field-list-button-font-size); --gform-theme-local-inline-size: var(--gform-theme-field-list-button-size); --gform-theme-local-letter-spacing: 0; --gform-theme-local-line-height: 1; --gform-theme-local-min-block-size: auto; --gform-theme-local-padding-block: var(--gform-theme-field-list-button-padding-block); --gform-theme-local-padding-inline: var(--gform-theme-field-list-button-padding-inline); } .gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) button.add_list_item::before { /* Local CSS API Overrides */ --gform-theme-local-content: var(--gform-theme-icon-control-list-item-add); } .gform-theme--framework.gform-theme.gform_wrapper .gfield:where(.gfield--type-list, .gfield--input-type-list) button.delete_list_item::before { /* Local CSS API Overrides */ --gform-theme-local-content: var(--gform-theme-icon-control-list-item-remove); } .gform-theme--framework .gf_progressbar_wrapper, .gform-theme--framework .gf_page_steps { /* Styles */ -webkit-margin-after: var(--gform-theme-field-page-progress-margin-block-end); margin-block-end: var(--gform-theme-field-page-progress-margin-block-end); } .gform-theme--framework .gf_progressbar_title, .gform-theme--framework .gf_step_number, .gform-theme--framework .gf_step_label { /* Local CSS API */ --gform-theme-local-color: var(--gform-theme-field-page-progress-color); --gform-theme-local-font-family: var(--gform-theme-field-page-progress-font-family); --gform-theme-local-font-size: var(--gform-theme-field-page-progress-font-size); --gform-theme-local-font-style: var(--gform-theme-field-page-progress-font-style); --gform-theme-local-font-weight: var(--gform-theme-field-page-progress-font-weight); --gform-theme-local-letter-spacing: var(--gform-theme-field-page-progress-letter-spacing); --gform-theme-local-line-height: var(--gform-theme-field-page-progress-line-height); --gform-theme-local-text-transform: none; /* Styles */ color: var(--gform-theme-local-color); font-family: var(--gform-theme-local-font-family); font-size: var(--gform-theme-local-font-size); font-style: var(--gform-theme-local-font-style); font-weight: var(--gform-theme-local-font-weight); letter-spacing: var(--gform-theme-local-letter-spacing); line-height: var(--gform-theme-local-line-height); text-transform: var(--gform-theme-local-text-transform); } .gform-theme--framework .gf_progressbar_title { /* Styles */ -webkit-margin-after: var(--gform-theme-field-page-progress-title-margin-block-end); margin-block-end: var(--gform-theme-field-page-progress-title-margin-block-end); } .gform-theme--framework .gf_progressbar { /* Styles */ background-color: var(--gform-theme-field-page-progress-bar-background-color); border-radius: var(--gform-theme-field-page-progress-bar-border-radius); } /* % Complete Label */ .gform-theme--framework .gf_progressbar span { /* TODO: allow for simpler hide/show of this and available API properties */ /* Styles */ border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .gform-theme--framework .gf_progressbar .gf_progressbar_percentage { /* Styles */ block-size: var(--gform-theme-field-page-progress-bar-block-size); border-radius: var(--gform-theme-field-page-progress-bar-border-radius); } .gform-theme--framework .gf_progressbar .percentbar_blue { /* Styles */ background-color: var(--gform-theme-field-page-progress-bar-background-color-blue); } .gform-theme--framework .gf_progressbar .percentbar_gray { /* Styles */ background-color: var(--gform-theme-field-page-progress-bar-background-color-gray); } .gform-theme--framework .gf_progressbar .percentbar_green { /* Styles */ background-color: var(--gform-theme-field-page-progress-bar-background-color-green); } .gform-theme--framework .gf_progressbar .percentbar_orange { /* Styles */ background-color: var(--gform-theme-field-page-progress-bar-background-color-orange); } .gform-theme--framework .gf_progressbar .percentbar_red { /* Styles */ background-color: var(--gform-theme-field-page-progress-bar-background-color-red); } .gform-theme--framework .gf_progressbar .percentbar_spring { /* Styles */ background: var(--gform-theme-field-page-progress-bar-background-gradient-spring); } .gform-theme--framework .gf_progressbar .percentbar_blues { /* Styles */ background: var(--gform-theme-field-page-progress-bar-background-gradient-blues); } .gform-theme--framework .gf_progressbar .percentbar_rainbow { /* Styles */ background: var(--gform-theme-field-page-progress-bar-background-gradient-rainbow); } .gform-theme--framework .gf_step { /* Styles */ align-items: center; display: flex; gap: var(--gform-theme-field-page-steps-step-gap); position: relative; } .gform-theme--framework .gf_step_label { /* Local CSS API Overrides */ --gform-theme-local-text-transform: var(--gform-theme-field-page-progress-text-transform); } .gform-theme--framework .gf_step_number { /* Local CSS API */ --gform-theme-local-background-color: var(--gform-theme-field-page-steps-number-background-color); --gform-theme-local-border-color: var(--gform-theme-field-page-steps-number-border-color); --gform-theme-local-border: var(--gform-theme-field-page-steps-number-border-width) var(--gform-theme-field-page-steps-number-border-style) var(--gform-theme-local-border-color); --gform-theme-local-border-radius: var(--gform-theme-field-page-steps-number-border-radius); --gform-theme-local-color: var(--gform-theme-field-page-steps-number-color); /* Styles */ background-color: var(--gform-theme-local-background-color); block-size: var(--gform-theme-field-page-steps-number-size); border: var(--gform-theme-local-border); border-radius: var(--gform-theme-local-border-radius); color: var(--gform-theme-local-color); display: inline-grid; inline-size: var(--gform-theme-field-page-steps-number-size); min-inline-size: var(--gform-theme-field-page-steps-number-size); align-content: center; justify-content: center; place-content: center; } /* Active Step */ .gform-theme--framework .gf_step_active .gf_step_number { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-page-steps-number-background-color-active); --gform-theme-local-border-color: var(--gform-theme-field-page-steps-number-border-color-active); --gform-theme-local-color: var(--gform-theme-field-page-steps-number-color-active); } /* Completed Step */ .gform-theme--framework .gf_step_completed .gf_step_number { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-page-steps-number-background-color-complete); --gform-theme-local-border-color: var(--gform-theme-field-page-steps-number-border-color-complete); --gform-theme-local-color: var(--gform-theme-field-page-steps-number-color-complete); } .gform-theme--framework .gf_step_completed .gf_step_number::after { /* Styles */ font-family: var(--gform-theme-icon-font-family) !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: never; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: var(--gform-theme-field-page-steps-number-background-color-complete); block-size: var(--gform-theme-field-page-steps-number-size); border: var(--gform-theme-field-page-steps-number-border-width) var(--gform-theme-field-page-steps-number-border-style) var(--gform-theme-field-page-steps-number-border-color-complete); border-radius: var(--gform-theme-field-page-steps-number-border-radius); color: var(--gform-theme-field-page-steps-number-color-complete); content: var(--gform-theme-icon-control-page-numbers-complete); display: inline-grid; font-size: var(--gform-theme-field-page-steps-icon-font-size); inline-size: var(--gform-theme-field-page-steps-number-size); inset-block-start: 0; inset-inline-start: 0; align-content: center; justify-content: center; place-content: center; position: absolute; } /* Show/hide password button */ .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button { /* Local CSS API Overrides TODO: figure out better way to handle this so don't have to redeclare to get to internal form control color scheme */ --gform-theme-local-color: var(--gform-theme-control-icon-color); } /* Icons */ .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button .dashicons, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button .dashicons::before, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button::before, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-icon-color); } .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:hover { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-icon-color-hover); } /* Icons */ .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:hover .dashicons, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:hover .dashicons::before, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:hover::before, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:hover::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-icon-color-hover); } .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:focus { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-icon-color-focus); } /* Icons */ .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:focus .dashicons, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:focus .dashicons::before, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:focus::before, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:focus::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-icon-color-focus); } .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:disabled { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-icon-color-disabled); } /* Icons */ .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:disabled .dashicons, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:disabled .dashicons::before, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:disabled::before, .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button:disabled::after { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-control-icon-color-disabled); } /* End */ .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button .dashicons.dashicons-visibility::before { /* Local CSS API Overrides */ --gform-theme-local-content: var(--gform-theme-icon-control-password-hidden); } .gform-theme--framework.gform-theme.gform_wrapper .gfield--type-password button.gform_show_password.gform-theme-button .dashicons.dashicons-hidden::before { /* Local CSS API Overrides */ --gform-theme-local-content: var(--gform-theme-icon-control-password-visible); } /* Password strength indicator */ .gform-theme--framework .gfield_password_strength { /* Local CSS API */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-background-color); --gform-theme-local-border-color: var(--gform-theme-field-password-strength-border-color); --gform-theme-local-border-style: var(--gform-theme-field-password-strength-border-style); --gform-theme-local-border-width: var(--gform-theme-field-password-strength-border-width); --gform-theme-local-border: var(--gform-theme-local-border-width) var(--gform-theme-local-border-style) var(--gform-theme-local-border-color); --gform-theme-local-color: var(--gform-theme-field-password-strength-color); /* Styles */ background-color: var(--gform-theme-local-background-color); border: var(--gform-theme-local-border); border-radius: var(--gform-theme-field-password-strength-border-radius); color: var(--gform-theme-local-color); font-family: var(--gform-theme-field-password-strength-font-family); font-size: var(--gform-theme-field-password-strength-font-size); font-style: var(--gform-theme-field-password-strength-font-style); font-weight: var(--gform-theme-field-password-strength-font-weight); letter-spacing: var(--gform-theme-field-password-strength-letter-spacing); line-height: var(--gform-theme-field-password-strength-line-height); -webkit-margin-before: var(--gform-theme-field-password-strength-margin-block-start); margin-block-start: var(--gform-theme-field-password-strength-margin-block-start); padding-block: var(--gform-theme-field-password-strength-padding-block); padding-inline: var(--gform-theme-field-password-strength-padding-inline); position: relative; text-align: var(--gform-theme-field-password-strength-text-align); transition: var(--gform-theme-field-password-strength-transition); } .gform-theme--framework .gfield_password_strength::before, .gform-theme--framework .gfield_password_strength::after { /* Local CSS API */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-indicator-background-color); --gform-theme-local-block-size: var(--gform-theme-field-password-strength-indicator-block-size); --gform-theme-local-border-radius: var(--gform-theme-field-password-strength-indicator-border-radius); --gform-theme-local-content: var(--gform-theme-field-password-strength-indicator-content); --gform-theme-local-inline-size: var(--gform-theme-field-password-strength-indicator-inline-size); --gform-theme-local-inset-block-start: var(--gform-theme-field-password-strength-indicator-inset-block-start); --gform-theme-local-inset-inline-start: var(--gform-theme-field-password-strength-indicator-inset-inline-start); --gform-theme-local-position: var(--gform-theme-field-password-strength-indicator-position); --gform-theme-local-transform: var(--gform-theme-field-password-strength-indicator-transform); --gform-theme-local-transition: none; /* Styles */ background-color: var(--gform-theme-local-background-color); block-size: var(--gform-theme-local-block-size); border-radius: var(--gform-theme-local-border-radius); content: var(--gform-theme-local-content); display: var(--gform-theme-field-password-strength-indicator-display); inline-size: var(--gform-theme-local-inline-size); inset-block-start: var(--gform-theme-local-inset-block-start); inset-inline-start: var(--gform-theme-local-inset-inline-start); position: var(--gform-theme-local-position); transform: var(--gform-theme-local-transform); transition: var(--gform-theme-local-transition); } .gform-theme--framework .gfield_password_strength::after { /* Local CSS API Overrides */ --gform-theme-local-inline-size: var(--gform-theme-field-password-strength-indicator-inline-size-blank); --gform-theme-local-transition: var(--gform-theme-field-password-strength-indicator-transition); } .gform-theme--framework .gfield_password_strength.mismatch { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-background-color-mismatch); --gform-theme-local-border-color: var(--gform-theme-field-password-strength-border-color-mismatch); --gform-theme-local-color: var(--gform-theme-field-password-strength-color-mismatch); } .gform-theme--framework .gfield_password_strength.mismatch::after { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-indicator-background-color-mismatch); --gform-theme-local-inline-size: var(--gform-theme-field-password-strength-indicator-inline-size-mismatch); } .gform-theme--framework .gfield_password_strength.short { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-background-color-short); --gform-theme-local-border-color: var(--gform-theme-field-password-strength-border-color-short); --gform-theme-local-color: var(--gform-theme-field-password-strength-color-short); } .gform-theme--framework .gfield_password_strength.short::after { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-indicator-background-color-short); --gform-theme-local-inline-size: var(--gform-theme-field-password-strength-indicator-inline-size-short); } .gform-theme--framework .gfield_password_strength.bad { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-background-color-bad); --gform-theme-local-border-color: var(--gform-theme-field-password-strength-border-color-bad); --gform-theme-local-color: var(--gform-theme-field-password-strength-color-bad); } .gform-theme--framework .gfield_password_strength.bad::after { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-indicator-background-color-bad); --gform-theme-local-inline-size: var(--gform-theme-field-password-strength-indicator-inline-size-bad); } .gform-theme--framework .gfield_password_strength.good { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-background-color-good); --gform-theme-local-border-color: var(--gform-theme-field-password-strength-border-color-good); --gform-theme-local-color: var(--gform-theme-field-password-strength-color-good); } .gform-theme--framework .gfield_password_strength.good::after { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-indicator-background-color-good); --gform-theme-local-inline-size: var(--gform-theme-field-password-strength-indicator-inline-size-good); } .gform-theme--framework .gfield_password_strength.strong { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-background-color-strong); --gform-theme-local-border-color: var(--gform-theme-field-password-strength-border-color-strong); --gform-theme-local-color: var(--gform-theme-field-password-strength-color-strong); } .gform-theme--framework .gfield_password_strength.strong::after { /* Local CSS API Overrides */ --gform-theme-local-background-color: var(--gform-theme-field-password-strength-indicator-background-color-strong); --gform-theme-local-inline-size: var(--gform-theme-field-password-strength-indicator-inline-size-strong); } .gform-theme--framework .gfield--type-product .ginput_product_price { /* Local CSS API Overrides */ --gform-theme-local-color: var(--gform-theme-field-product-price-color); } .gform-theme--framework .gfield--type-product input[type].ginput_product_price { /* Local CSS API Overrides */ --gform-theme-local-display: inline-block; } .gform-theme--framework .gfield--type-product .ginput_quantity { /* Local CSS API Overrides */ --gform-theme-local-inline-size: var(--gform-theme-field-product-quantity-inline-size); /* Styles */ -webkit-margin-after: var(--gform-theme-field-product-quantity-margin-block-end); margin-block-end: var(--gform-theme-field-product-quantity-margin-block-end); } .gform-theme--framework .gfield--type-product .ginput_container_singleproduct, .gform-theme--framework .gfield--type-product .ginput_container_product_calculation { /* Styles */ display: flex; flex-direction: column; } .gform-theme--framework .gfield--type-product .ginput_container_singleproduct .ginput_product_price_wrapper, .gform-theme--framework .gfield--type-product .ginput_container_product_calculation .ginput_product_price_wrapper { /* Styles */ order: 2; } .gform-theme--framework .gfield--type-repeater .gfield_repeater_cell:not(:first-child) { -webkit-margin-before: var(--gform-theme-field-repeater-row-gap); margin-block-start: var(--gform-theme-field-repeater-row-gap); } .gform-theme--framework .gfield--type-repeater .gfield_repeater_item + .gfield_repeater_item { -webkit-margin-before: var(--gform-theme-field-repeater-row-gap); margin-block-start: var(--gform-theme-field-repeater-row-gap); position: relative; } .gform-theme--framework .gfield--type-repeater .gfield_repeater_item + .gfield_repeater_item::before { background-color: var(--gform-theme-field-repeater-separator-color); block-size: 1px; content: ""; display: block; inline-size: 100%; inset-block-start: calc(0px - (var(--gform-theme-field-repeater-row-gap) / 2)); position: absolute; } .gform-theme--framework .gfield--type-repeater .gfield_repeater_buttons { -webkit-margin-before: var(--gform-theme-form-footer-margin-block-start); margin-block-start: var(--gform-theme-form-footer-margin-block-start); } .gform-theme--framework .gfield--type-repeater .gfield_repeater_buttons .gform-theme-button.gform-theme-button--secondary.add_repeater_item { -webkit-margin-end: var(--gform-theme-field-repeater-button-inline-gap); margin-inline-end: var(--gform-theme-field-repeater-button-inline-gap); } .gform-theme--framework .gfield--type-repeater .gfield_repeater_wrapper { -webkit-border-start: var(--gform-theme-field-repeater-nested-border-size) var(--gform-theme-field-repeater-nested-border-style) var(--gform-theme-field-repeater-nested-border-color); border-inline-start: var(--gform-theme-field-repeater-nested-border-size) var(--gform-theme-field-repeater-nested-border-style) var(--gform-theme-field-repeater-nested-border-color); border-inline-start-style: var(--gform-theme-field-repeater-nested-border-style); -webkit-padding-start: var(--gform-theme-field-repeater-nested-padding-inline-start); padding-inline-start: var(--gform-theme-field-repeater-nested-padding-inline-start); } .gform-theme--framework .gfield--type-section { /* Styles */ -webkit-border-after: var(--gform-theme-field-section-border-width) var(--gform-theme-field-section-border-style) var(--gform-theme-field-section-border-color); border-block-end: var(--gform-theme-field-section-border-width) var(--gform-theme-field-section-border-style) var(--gform-theme-field-section-border-color); -webkit-padding-after: var(--gform-theme-field-section-padding-block-end); padding-block-end: var(--gform-theme-field-section-padding-block-end); } /* Form: Handles form-level styles */ /* ----------------------------------------------------------------------------- * * Form * Gravity Form Parts * * This file is just a clearing-house. * Make partials (start with an underscore) elsewhere for actual code. * * ----------------------------------------------------------------------------- */ /* Form Error Validation Summary */ .gform-theme--framework .gform_validation_errors { /* Styles */ background-color: var(--gform-theme-form-validation-background-color); border: var(--gform-theme-form-validation-border-width) var(--gform-theme-form-validation-border-style) var(--gform-theme-form-validation-border-color); border-radius: var(--gform-theme-form-validation-border-radius); box-shadow: var(--gform-theme-form-validation-box-shadow); display: flex; flex-direction: column; gap: var(--gform-theme-form-validation-gap); margin-block: var(--gform-theme-form-validation-margin-block); padding-block: var(--gform-theme-form-validation-padding-block); padding-inline: var(--gform-theme-form-validation-padding-inline); } .gform-theme--framework .gform_validation_errors .gform_submission_error { /* Styles */ color: var(--gform-theme-form-validation-heading-color); display: flex; flex-direction: column; font-family: var(--gform-theme-form-validation-heading-font-family); font-size: var(--gform-theme-form-validation-heading-font-size); font-weight: var(--gform-theme-form-validation-heading-font-weight); gap: var(--gform-theme-form-validation-heading-gap); line-height: var(--gform-theme-form-validation-heading-line-height); } .gform-theme--framework .gform_validation_errors .gform-icon { /* Styles */ font-family: var(--gform-theme-icon-font-family) !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: never; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: var(--gform-theme-form-validation-heading-icon-background-color); block-size: var(--gform-theme-form-validation-heading-icon-size); border-color: var(--gform-theme-form-validation-heading-icon-border-color); border-radius: var(--gform-theme-form-validation-heading-icon-border-radius); border-style: var(--gform-theme-form-validation-heading-icon-border-style); border-width: var(--gform-theme-form-validation-heading-icon-border-width); color: var(--gform-theme-form-validation-heading-icon-color); display: inline-grid; font-size: var(--gform-theme-form-validation-heading-icon-font-size); inline-size: var(--gform-theme-form-validation-heading-icon-size); align-content: center; justify-content: center; place-content: center; } .gform-theme--framework .gform_validation_errors .gform-icon::before { content: var(--gform-theme-icon-tooltip-error); } .gform-theme--framework .gform_validation_errors ol { /* Styles */ color: var(--gform-theme-form-validation-summary-color); font-family: var(--gform-theme-form-validation-summary-font-family); font-size: var(--gform-theme-form-validation-summary-font-size); font-weight: var(--gform-theme-form-validation-summary-font-weight); line-height: var(--gform-theme-form-validation-summary-line-height); list-style-type: disc; margin-block: 0; margin-inline: 0; padding-inline: var(--gform-theme-form-validation-padding-inline); } .gform-theme--framework .gform_validation_errors ol li + li { /* Styles */ -webkit-margin-before: 4px; margin-block-start: 4px; } .gform-theme--framework .gform_validation_errors ol a { color: var(--gform-theme-form-validation-summary-color); -webkit-text-decoration: var(--gform-theme-form-validation-summary-item-link-text-decoration); text-decoration: var(--gform-theme-form-validation-summary-item-link-text-decoration); } @media (min-width: 640px) { .gform-theme--framework .gform_validation_errors .gform_submission_error { /* Styles */ align-items: center; flex-direction: row; } .gform-theme--framework .gform_validation_errors ol { /* Styles */ padding-inline: var(--gform-theme-form-validation-summary-padding-inline); } } /* Form Required Field Legend */ .gform-theme--framework .gform_required_legend .gfield_required { color: var(--gform-theme-color-danger); } .gform-theme--framework .gform-loader { border-block-end-color: var(--gform-theme-form-spinner-foreground-color); border-block-start-color: var(--gform-theme-form-spinner-background-color); border-inline-end-color: var(--gform-theme-form-spinner-background-color); border-inline-start-color: var(--gform-theme-form-spinner-foreground-color); } /* Save & Continue Button */ .gform-theme--framework .gform_save_link svg { /* Styles */ display: none; } .gform-theme--framework .gform_save_link::before { /* Local CSS API Overrides */ --gform-theme-control-button-icon: var(--gform-theme-icon-control-save-continue); } /* 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. * * ----------------------------------------------------------------------------- */ /* * Description below alignment */ .gform-theme--framework .field_description_below .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message)) { /* Styles */ -webkit-margin-before: var(--gform-theme-description-spacing); margin-block-start: var(--gform-theme-description-spacing); } /* Form field control descriptions which remain above only */ .gform-theme--framework .field_description_below .gfield_description:where(.gfield_creditcard_warning_message) { /* Styles */ -webkit-margin-after: var(--gform-theme-description-spacing); margin-block-end: var(--gform-theme-description-spacing); } .gform-theme--framework .field_description_below.gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)) { /* Styles */ -webkit-margin-before: var(--gform-theme-description-choice-field-spacing); margin-block-start: var(--gform-theme-description-choice-field-spacing); } /* * Description above alignment */ /* Form field control description & credit card warning description only */ .gform-theme--framework .field_description_above .gfield_description:where([class="gfield_description"], .gfield_creditcard_warning_message) { /* Styles */ -webkit-margin-after: var(--gform-theme-description-spacing); margin-block-end: var(--gform-theme-description-spacing); } /* Form field control descriptions which remain below only */ .gform-theme--framework .field_description_above .gfield_description:where(:not([class="gfield_description"]):not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message):not(.gfield_consent_description)) { /* Styles */ -webkit-margin-before: var(--gform-theme-description-spacing); margin-block-start: var(--gform-theme-description-spacing); } .gform-theme--framework .field_description_above.gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)) { /* Styles */ -webkit-margin-after: var(--gform-theme-description-choice-field-spacing); margin-block-end: var(--gform-theme-description-choice-field-spacing); } /* * Left and right label description alignment */ .gform-theme--framework .left_label .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message)), .gform-theme--framework .right_label .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message)) { /* Styles */ margin-block: var(--gform-theme-description-spacing) 0; } @media (min-width: 640px) { .gform-theme--framework .left_label .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message)), .gform-theme--framework .right_label .gfield_description:where(:not(.ginput_counter_tinymce):not(.gfield_creditcard_warning_message)) { /* Styles */ margin-block: 0; margin-inline: auto 0; -webkit-padding-before: var(--gform-theme-description-spacing); padding-block-start: var(--gform-theme-description-spacing) } } .gform-theme--framework .left_label .gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .right_label .gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)) { /* Styles */ margin-block: var(--gform-theme-description-choice-field-spacing) 0; } @media (min-width: 640px) { .gform-theme--framework .left_label .gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .right_label .gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)) { /* Styles */ margin-block: 0; -webkit-padding-before: var(--gform-theme-description-choice-field-spacing); padding-block-start: var(--gform-theme-description-choice-field-spacing) } } .gform-theme--framework .left_label .hidden_label.field_description_above .gfield_description:where([class="gfield_description"]), .gform-theme--framework .right_label .hidden_label.field_description_above .gfield_description:where([class="gfield_description"]) { /* Styles */ margin-block: 0 var(--gform-theme-description-spacing); } @media (min-width: 640px) { .gform-theme--framework .left_label .hidden_label.field_description_above .gfield_description:where([class="gfield_description"]), .gform-theme--framework .right_label .hidden_label.field_description_above .gfield_description:where([class="gfield_description"]) { /* Styles */ margin-block: 0; padding-block: 0 var(--gform-theme-description-spacing) } } .gform-theme--framework .left_label .hidden_label.field_description_above.gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .right_label .hidden_label.field_description_above.gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)) { /* Styles */ margin-block: 0 var(--gform-theme-description-choice-field-spacing); } @media (min-width: 640px) { .gform-theme--framework .left_label .hidden_label.field_description_above.gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)), .gform-theme--framework .right_label .hidden_label.field_description_above.gfield--type-choice .gfield_description:where(:not(.gfield_validation_message)) { /* Styles */ margin-block: 0; padding-block: 0 var(--gform-theme-description-choice-field-spacing) } } /* Labels & Legends */ /* * Primary Labels (labels for fields) */ .gform-theme--framework .gform-field-label:where(:not([class*="gform-field-label--type-"])), .gform-theme--framework .gfield_list_group_item::before { /* Local CSS API Overrides */ --gform-theme-local-margin-block: 0 var(--gform-theme-label-spacing-primary); } .gform-theme--framework .gfield--type-choice.field_description_below .gform-field-label:where(:not([class*="gform-field-label--type-"])), .gform-theme--framework .gfield--type-choice.field_description_above.gfield--no-description .gform-field-label:where(:not([class*="gform-field-label--type-"])) { /* Local CSS API Overrides */ --gform-theme-local-margin-block: 0 var(--gform-theme-label-choice-field-spacing-primary); } /* * Primary Labels: left & right alignment */ @media (min-width: 640px) { .gform-theme--framework .left_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label)), .gform-theme--framework .right_label .gform-field-label:where(:not([class*="gform-field-label--type-"]):not(.gfield_header_item):not(.ginput_quantity_label)) { /* Local CSS API Overrides */ --gform-theme-local-margin-block: 0; --gform-theme-local-margin-inline: 0; /* Styles */ -webkit-padding-end: var(--gform-theme-label-spacing-primary); padding-inline-end: var(--gform-theme-label-spacing-primary) } } /* * Secondary Labels (labels for radio, checkbox, and consent fields) */ .gform-theme--framework .gform-field-label--type-inline { /* Local CSS API Overrides */ --gform-theme-local-margin-inline: var(--gform-theme-label-spacing-horizontal-secondary) 0; --gform-theme-local-margin-block: var(--gform-theme-label-spacing-vertical-secondary) 0; } /* Field Size: Small */ .gform-theme--framework .gform-field--size-sm .gform-field-label--type-inline { /* Local CSS API Overrides */ --gform-theme-local-margin-block: var(--gform-theme-label-spacing-vertical-sm-secondary); } /* Field Size: Medium */ .gform-theme--framework .gform-field--size-md .gform-field-label--type-inline { /* Local CSS API Overrides */ --gform-theme-local-margin-block: var(--gform-theme-label-spacing-vertical-md-secondary); } /* Field Size: Large */ .gform-theme--framework .gform-field--size-lg .gform-field-label--type-inline { /* Local CSS API Overrides */ --gform-theme-local-margin-block: var(--gform-theme-label-spacing-vertical-lg-secondary); } /* Field Size: Extra Large */ .gform-theme--framework .gform-field--size-xl .gform-field-label--type-inline { /* Local CSS API Overrides */ --gform-theme-local-margin-block: var(--gform-theme-label-spacing-vertical-xl-secondary); } /* * Tertiary Labels (labels for complex fields / fieldsets) */ .gform-theme--framework .field_sublabel_below .gform-field-label--type-sub { /* Local CSS API Overrides */ --gform-theme-local-margin-block: var(--gform-theme-label-spacing-tertiary) 0; } .gform-theme--framework .field_sublabel_above .gform-field-label--type-sub { /* Local CSS API Overrides */ --gform-theme-local-margin-block: 0 var(--gform-theme-label-spacing-tertiary); } /*# sourceMappingURL=gravity-forms-theme-framework.css.map */