/* ---------------------------------------------------------------- Theme Gravity Forms styles NOTE: DO NOT EDIT THIS FILE! THIS FILE IS REPLACED DURING AUTO-UPDATES AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN. ---------------------------------------------------------------- */ .gform_wrapper .gform_fields .gfield select, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price) { font-size: var(--inputs-font-size); padding: 0 var(--inputs-padding, .6em); } .gform_wrapper .gform_fields .gfield textarea { font-size: var(--inputs-font-size); padding: calc( var(--inputs-height, 2em) / 2 + var(--inputs-border-width, 1px) - 0.7em ) var(--inputs-padding, .6em); } @media ( max-width: 641px ) { .gform_wrapper .gform_fields .gfield input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]):not([type=submit]) { line-height: var(--inputs-height, 2em); min-height: var(--inputs-height, 2em); } } .gform_wrapper .ginput_container_select { position: relative; } .gform_wrapper .ginput_container_select > select { -webkit-appearance: none; height: auto; padding-inline-end: calc( var(--inputs-padding, .6em) * 2 + .8em ); background-image: none; } .gform_wrapper .ginput_container_select:not(:has(.chosen-container)):after, .gform_wrapper .ginput_container_select .chosen-container:after { content: ''; position: absolute; top: calc( var(--inputs-height, 2em) / 2 + var(--inputs-border-width, 1px) ); inset-inline-end: 0; font-size: var( --inputs-font-size ); margin: -.2em calc( var(--inputs-padding, .6em) + var(--inputs-border-width, 1px) ); color: var( --inputs-text-color ); pointer-events: none; border: .4em solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-radius: 2px; /* fixed value designed for triangle icon */ } .gform_wrapper .charleft, .gform_wrapper .gfield_date_format, .gform_wrapper input[type=file] + span { display: block; font-size: .85rem; line-height: 1.3rem; padding-top: .4rem; opacity: .65; color: inherit !important; } .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_time_ampm, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { width: 6rem; max-width: none; } .gform_wrapper .gfield_time_hour > input[type=number], .gform_wrapper .gfield_time_minute > input[type=number] { width: 85% !important; } .gform_wrapper input.datepicker { width: auto; } .gform_wrapper .gsection_title + .gsection_description { padding-top: 0 !important; } .gform_wrapper .gfield_radio .gchoice, .gform_wrapper .gfield_checkbox .gchoice { padding: .2em 0; display: flex; } .gform_wrapper input[type="checkbox"], .gform_wrapper input[type="radio"] { box-sizing: content-box; } /* messages */ .gform_confirmation_message, .form_saved_message_sent { font-size: 1.2rem; color: green; } .gform_wrapper .validation_error { font-size: 1.2rem; margin-bottom: 1rem; } .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message, .gform_wrapper .gfield.gfield_error { background: none !important; margin-bottom: 0 !important; border: 0 !important; padding: 0 !important; } .gform_wrapper .gform_validation_errors { border: none !important; box-shadow: var(--box-shadow); } .gform_wrapper .gform_validation_container, .gform_wrapper li.gf_hide_ampm div.gfield_time_ampm, .gform_wrapper li.gf_hide_charleft div.charleft { display: none !important; } .gform_wrapper .gsection { padding: 1.5rem 0 0 !important; } /* multi-page form paging */ .gform_wrapper .gform_page_footer .gform_next_button { width: auto; background: var(--color-content-primary-grad); color: #fff; } .gform_wrapper .gform_page_footer .gform_previous_button { width: auto; box-shadow: none; background-color: var(--color-content-border) !important; color: inherit !important; } .gform_wrapper .gform_page_footer .gform_save_link { padding-left: 0 !important; padding-right: 0 !important; background: none !important; color: inherit !important; } .gform_wrapper .gform_save_link:before, .gform_wrapper .gform_save_link > svg { display: none !important; } .gform_wrapper h3.gf_progressbar_title { color: inherit !important; } .gform_wrapper .gf_progressbar { font-size: 0.8rem; line-height: 1rem !important; height: 1rem; overflow: hidden; border-radius: 9em; box-shadow: 0 1px 0 rgba(0,0,0,0.08) inset; background: var(--color-content-bg-alt-grad); } .gform_wrapper .gf_progressbar_percentage { height: inherit; background: var(--color-content-primary-grad); color: #fff; } .gform_wrapper .gf_progressbar_percentage span { line-height: inherit !important; } .form_saved_message { margin: 2rem 0; padding: 1.5rem 2rem; box-shadow: var(--box-shadow); } .form_saved_message a { word-wrap: break-word; } .form_saved_message br + br { display: none; } .form_saved_message .form_saved_message_emailform { margin-top: 1rem; } .form_saved_message .form_saved_message_emailform input[type=text] { margin: 0 0.5rem 0.5rem 0; max-width: 20rem; } .form_saved_message .form_saved_message_emailform input[type=submit] { margin: 0 0 0.5rem; } /* Color picker */ .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-prev::before, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-next::before { font-family: inherit; } .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select { -webkit-appearance: menulist; } /* Chosen select styles */ .gform_wrapper .ginput_container .chosen-container { font-size: inherit; } .gform_wrapper .ginput_container .chosen-container-single .chosen-single { display: block; position: relative; overflow: hidden; white-space: nowrap; height: auto; outline: none !important; font-family: var( --inputs-font-family, inherit ); font-size: var( --inputs-font-size, inherit ); font-weight: var( --inputs-font-weight, inherit ); letter-spacing: var( --inputs-letter-spacing, inherit ); text-transform: var( --inputs-text-transform, inherit ); border-radius: var( --inputs-border-radius, 0px ) !important; background: var( --inputs-background, transparent ); border-color: var(--inputs-border-color, currentColor); color: var( --inputs-text-color, inherit ); box-shadow: var( --inputs-box-shadow, none ); border-width: var(--inputs-border-width, 1px); min-height: var(--inputs-height, 2em); line-height: var(--inputs-height, 2em); padding: 0 var( --inputs-padding, 1em ); border-style: solid; transition: all 0.2s; } .gform_wrapper .ginput_container .chosen-container-active.chosen-with-drop .chosen-single { background: var( --inputs-focus-background, transparent ); border-color: var( --inputs-focus-border-color, transparent ); color: var( --inputs-focus-text-color, inherit ); box-shadow: var( --inputs-focus-box-shadow, none ); border-width: var(--inputs-border-width, 1px); } .gform_wrapper .ginput_container .chosen-container-single .chosen-single span { line-height: inherit; } .gform_wrapper .ginput_container .chosen-single div { display: none !important; } .gform_wrapper .ginput_container .chosen-container .chosen-drop { border: 0; border-radius: 0; box-shadow: var(--box-shadow); background: var( --inputs-focus-background, transparent ); color: var( --inputs-focus-text-color, inherit ); } .gform_wrapper .ginput_container .chosen-container .chosen-search { padding: .6rem; } .gform_wrapper .ginput_container .chosen-container-single .chosen-search input[type=text] { line-height: var(--inputs-height, 2em); background: none !important; border-color: currentColor; margin: 0; transition: none; } .gform_wrapper .ginput_container .chosen-container .chosen-results { margin: 0; padding: 0; max-height: 16rem; color: inherit; } .gform_wrapper .ginput_container .chosen-container .chosen-results li { line-height: inherit; padding: .2rem .6rem; } .gform_wrapper .ginput_container .chosen-container .chosen-results li.highlighted { background: var(--color-content-primary-grad); color: #fff; } .gform_wrapper .ginput_container .chosen-container .chosen-results li.group-option { padding-left: 1rem; } .gform_wrapper .chosen-choices { display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0 !important; border: 0 !important; box-shadow: 0 1px 0 rgba(0,0,0,0.08) inset !important; background: var(--color-content-bg-alt-grad) !important; } .gform_wrapper .chosen-choices li { flex-shrink: 0; } .gform_wrapper .chosen-choices li.search-field input[type=text] { transition: none; } .gform_wrapper .chosen-choices li.search-choice { margin: .4rem 0 0 .4rem !important; padding: 0 2rem 0 .6rem !important; line-height: 2.2rem !important; border: 0 !important; box-shadow: 0 1px 0 rgba(0,0,0,0.08) !important; background: var(--color-content-bg-grad) !important; } .gform_wrapper .chosen-choices .search-choice-close { top: 0 !important; right: 0 !important; text-align: center; font-size: inherit !important; height: auto !important; width: 2rem !important; border: none !important; opacity: 0.5; } .l-body .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice a.search-choice-close { background: none !important; } .gform_wrapper .chosen-choices .search-choice-close:hover { opacity: 1; } .gform_wrapper .chosen-choices .search-choice-close:before { content: '\f00d'; font-family: fontawesome; font-weight: 400; vertical-align: top; } .gform_wrapper .chosen-container-multi .chosen-drop .result-selected { opacity: 0.33; color: inherit !important; } /* Rounded Corners ========================================================================== */ .gfield_creditcard_warning, .chosen-single, .chosen-choices, .search-choice { border-radius: var(--site-border-radius) !important; } /* Price fields ========================================================================== */ .gform_wrapper .gform_body .gfield .ginput_total, .gform_wrapper .gform_body .gfield .ginput_shipping_price, .gform_wrapper .gform_body .gfield .ginput_product_price { min-height: auto; line-height: inherit; width: auto; background: none; border: none; box-shadow: none; padding: 0; } /* For fix DatePicker in a popup ========================================================================== */ html.us_popup_is_opened .ui-datepicker:not(.gform-legacy-datepicker)[style] { z-index: 99999 !important; }