| Current File : /var/www/e360ban/wp-content/plugins/gravityforms/css/theme.css |
/*
* Our light theme for the front end engineered to get reasonably nice look and feel in all our standard theme targets
*
* Generates the theme.css front-end stylesheet.
*/
/* Variables */
/* -----------------------------------------------------------------------------
*
* Variables
*
* This file is just a clearing-house.
* Make partials (start with an underscore) elsewhere for actual code.
*
* ----------------------------------------------------------------------------- */
/* Colors */
/* -----------------------------------------------------------------------------
*
* Variables: Color
*
* ----------------------------------------------------------------------------- */
/* Box Shadows */
/* -----------------------------------------------------------------------------
*
* Variables: Box Shadow
*
* ----------------------------------------------------------------------------- */
/* Font Icons */
/* -----------------------------------------------------------------------------
*
* Variables: Theme Icons (via IcoMoon)
*
* This file is generated using the `gulp icons` task. Do not edit it directly.
*
* ----------------------------------------------------------------------------- */
/* Transitions */
/* -----------------------------------------------------------------------------
*
* Variables: Transitions
*
* ----------------------------------------------------------------------------- */
/* Typography */
/* -----------------------------------------------------------------------------
*
* Variables: Typography
*
* ----------------------------------------------------------------------------- */
:root {
/* Font Families */
/* Font Weights */
/* Font Sizes */
/* Line Heights */
}
/* Media Queries */
/* -----------------------------------------------------------------------------
*
* Mixins
*
* This file is just a clearing-house.
* Make partials (start with an underscore) elsewhere for actual code.
*
* ----------------------------------------------------------------------------- */
/* Icons */
/* -----------------------------------------------------------------------------
*
* Mixins: Icons
*
* ----------------------------------------------------------------------------- */
/* Gravity Theme */
/*
* Styles for labels and legends, including making legends look like labels.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .gfield_label {
font-size: 16px;
font-weight: 700;
margin-bottom: 8px;
display: inline-block;
padding: 0;
}
.gform_wrapper.gravity-theme .ginput_complex label, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .gfield_header_item {
font-size: 15px;
padding-top: 5px;
}
.gform_wrapper.gravity-theme.left_label fieldset.gfield, .gform_wrapper.gravity-theme.right_label fieldset.gfield {
padding: 16px 16px 16px 30%;
}
.gform_wrapper.gravity-theme.left_label fieldset.gfield .ginput_container:not(.ginput_container_time), .gform_wrapper.gravity-theme.left_label fieldset.gfield .gfield_description, .gform_wrapper.gravity-theme.right_label fieldset.gfield .ginput_container:not(.ginput_container_time), .gform_wrapper.gravity-theme.right_label fieldset.gfield .gfield_description {
width: 100%;
}
.gform_wrapper.gravity-theme.left_label legend.gfield_label, .gform_wrapper.gravity-theme.right_label legend.gfield_label {
left: 0;
}
.gform_wrapper.gravity-theme.left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset), .gform_wrapper.gravity-theme.right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset) {
justify-content: flex-start;
}
.gform_wrapper.gravity-theme.left_label .gfield_html.gfield_html_formatted, .gform_wrapper.gravity-theme.right_label .gfield_html.gfield_html_formatted {
display: flex;
}
.gform_wrapper.gravity-theme.left_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container, .gform_wrapper.gravity-theme.right_label .gfield.gfield_html:not(.gfield_html_formatted) .gf-html-container {
width: 100%;
}
.gform_wrapper.gravity-theme.right_label legend.gfield_label {
text-align: right;
}
.gform_wrapper.gravity-theme:not(.top_label) .ginput_container.ginput_single_email {
margin-left: 0;
}
/*
* Theme css for the validation messages.
*
* Used in the theme.css front-end stylesheet.
*/
.gform_wrapper .gform_validation_errors {
background: #FFF9F9;
border-radius: 5px;
border: 1.5px solid #C02B0A;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.11), 0px 0px 4px rgba(18, 25, 97, 0.0405344);
margin-bottom: 8px;
margin-top: 8px;
padding: 16px 16px 16px 48px;
position: relative;
width: 100%
}
.gform_wrapper .gform_validation_errors > h2 {
color: #C02B0A;
font-size: 13.2px;
font-weight: 500;
line-height: 17.6px;
margin: 0 0 12px 0
}
.gform_wrapper .gform_validation_errors > h2:before {
display: none;
}
.gform_wrapper .gform_validation_errors > h2 .gform-icon {
align-items: center;
display: flex;
font-size: 28px;
height: 100%;
left: 12px;
position: absolute;
top: 0;
}
.gform_wrapper .gform_validation_errors > h2.hide_summary {
margin: 0 ;
}
.gform_wrapper .gform_validation_errors > ol {
padding-left: 20px;
}
.gform_wrapper .gform_validation_errors > ol a {
color: #C02B0A;
font-size: 13.2px;
text-decoration: none;
}
.gform_wrapper .gform_validation_errors > ol li {
color: #C02B0A;
font-size: 13.2px;
list-style-type: disc !important;
margin: 0 0 8px 0
}
.gform_wrapper .gform_validation_errors > ol li:last-of-type {
margin-bottom: 0;
}
.gform_wrapper .gfield_required {
color: #C02B0A;
display: inline-block;
font-size: 13.008px;
padding-left: .125em;
}
.gform_wrapper .gfield_required .gfield_required_text, .gform_wrapper .gfield_required .gfield_required_custom {
font-style: italic;
font-weight: 400;
}
.gform_wrapper .gform_required_legend .gfield_required {
padding-left: 0;
}
.gform_wrapper .validation_error {
border-bottom: 2px solid #C02B0A;
border-top: 2px solid #C02B0A;
color: #C02B0A;
font-size: 1em;
font-weight: 700;
margin-bottom: 32px;
padding: 16px;
text-align: center;
}
.gform_wrapper [aria-invalid="true"] + label, .gform_wrapper label + [aria-invalid="true"], .gform_wrapper .gfield_error legend, .gform_wrapper .gfield_error label, .gform_wrapper .gfield_error .gfield_repeater_cell label, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
color: #C02B0A;
}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
background: #FFF9F9;
border: 1px solid #c02b0a;
font-size: 14.992px;
margin-top: 8px;
padding: 12.992px 24px;
}
.gform_wrapper .gfield_error [aria-invalid="true"] {
border: 1px solid #C02B0A;
}
/* Components */
/*
* Styles for fields with multiple inputs.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .gform_save_link.button, .gform_wrapper.gravity-theme .gform_previous_button.button {
background-color: #fff;
color: #6B7280;
text-decoration: none;
-webkit-appearance: none !important;
}
.gform_wrapper.gravity-theme .gform_save_link.button svg, .gform_wrapper.gravity-theme .gform_previous_button.button svg {
display: inline-block;
margin-right: 4px;
}
.gform_wrapper.gravity-theme button.button:disabled {
opacity: .6;
}
/*
* Styles for fields with multiple inputs.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .ginput_complex {
display: flex;
flex-flow: row wrap;
}
.gform_wrapper.gravity-theme .ginput_complex span, .gform_wrapper.gravity-theme .ginput_complex fieldset {
flex: 1;
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_full {
flex: 0 0 100%;
}
.gform_wrapper.gravity-theme .ginput_complex .clear-multi {
display: flex;
}
.gform_wrapper.gravity-theme .ginput_complex label, .gform_wrapper.gravity-theme .ginput_complex legend {
display: block;
}
.gform_wrapper.gravity-theme .ginput_complex input, .gform_wrapper.gravity-theme .ginput_complex select {
width: 100%;
}
.gform_wrapper.gravity-theme .ginput_container_address span {
flex: 0 0 50%;
}
.gform_wrapper.gravity-theme .gf_browser_ie .ginput_container_address span:not(.ginput_full) {
flex: 0 0 49.3%;
}
@media (min-width:641px) {
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) {
padding-right: 1%;
}
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
padding-left: 1%;
padding-right: 0;
}
.gform_wrapper.gravity-theme .ginput_container_address .ginput_left {
padding-right: 1%;
}
.gform_wrapper.gravity-theme .ginput_container_address .ginput_right {
padding-left: 1%;
}
/* Make sure all fields but the last one have a bottom margin so there's space between them */
.gform_wrapper.gravity-theme .ginput_full:not(:last-of-type), .gform_wrapper.gravity-theme .ginput_container_address span:not(.ginput_full):not(:last-of-type):not(:nth-last-of-type(2)) {
margin-bottom: 8px;
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full), html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full) ~ span:not(.ginput_full) {
padding-right: 1%;
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_address .ginput_left {
padding-left: 1%;
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_address .ginput_right {
padding-right: 1%;
}
}
@media (max-width: 640px) {
.gform_wrapper.gravity-theme .ginput_complex span {
flex: 0 0 100%;
padding-left: 0;
margin-bottom: 8px;
}
}
/*
* Styles for field descriptions.
*
* Used in the theme.css front-end stylesheet.
*/
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
font-size: 15px;
line-height: inherit;
clear: both;
font-family: inherit;
letter-spacing: normal;
padding-top: 13px;
width: 100%;
}
.gform_wrapper.gravity-theme .field_description_above .description, .gform_wrapper.gravity-theme .field_description_above .gfield_description, .gform_wrapper.gravity-theme .field_description_above .gsection_description, .gform_wrapper.gravity-theme .field_description_above .instruction {
padding-top: 0;
padding-bottom: 16px;
}
.gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
margin-top: 9.008px;
}
.gform_wrapper.gravity-theme .top_label .gsection_description {
width: 100%;
margin-bottom: 9.008px;
}
.gform_wrapper.gravity-theme .gfield_consent_description, .gform_wrapper.gravity-theme .field_description_below .gfield_consent_description {
width: 100%;
max-height: 240px;
overflow-y: scroll;
border: 1px solid #ddd;
margin-top: 12.8px;
padding: 6.4px 8px;
font-size: 13.008px;
}
/*
* Credit card field styles.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .ginput_cardextras {
display: flex;
flex-wrap: wrap;
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_cardinfo_right input {
width: 30%;
max-width: 112px;
}
.gform_wrapper.gravity-theme .ginput_card_expiration_container {
display: flex;
flex-wrap: wrap;
}
.gform_wrapper.gravity-theme .ginput_card_expiration_month {
flex: 1;
margin-right: 16px;
}
.gform_wrapper.gravity-theme .ginput_card_expiration_year {
flex: 1;
}
.gform_wrapper.gravity-theme .ginput_cardinfo_right label, .gform_wrapper.gravity-theme .ginput_cardinfo_right legend, .gform_wrapper.gravity-theme .ginput_cardinfo_left label, .gform_wrapper.gravity-theme .ginput_cardinfo_left legend {
flex: 1 1 100%;
}
html[dir="rtl"] .gform_wrapper.gravity-theme .ginput_card_expiration_month {
margin-left: 16px;
margin-right: 0;
}
html[dir="rtl"] .gform_wrapper.gravity-theme .gform_card_icon {
float: right;
}
html[dir="rtl"] .gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span {
display: block;
padding: 0 24px 16px 0;
margin-bottom: 16px;
background-size: 24px 16px;
background-repeat: no-repeat;
background-position: right 3.2px;
}
@media (max-width: 640px) {
.gform_wrapper.gravity-theme .ginput_card_expiration {
flex: none;
}
.gform_wrapper.gravity-theme .ginput_card_expiration_month {
margin-bottom: 8px;
}
}
.gform_wrapper.gravity-theme .gfield_creditcard_warning {
padding: 16px;
border-top: 2px solid #C02B0A;
border-bottom: 4px solid #C02B0A;
background-color: rgba(255, 223, 224, 0.25);
}
.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message {
font-size: 16px;
font-weight: 700;
font-family: inherit;
min-height: 32px;
color: #C02B0A;
position: relative;
}
.gform_wrapper.gravity-theme .gfield_creditcard_warning .gfield_creditcard_warning_message span {
text-transform: uppercase;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMTA2NyAyODY1IDI0IDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMDY3IDI4NjUgMjQgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3OTAwMDA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTA1MywyODY1Yy01LjUsMC0xMCw0LjUtMTAsMTBoNGMwLTMuMywyLjctNiw2LTZjMy4zLDAsNiwyLjcsNiw2djJoLTIwdjE0YzAsMy4zLDIuNyw2LDYsNmgxMg0KCWMzLjMsMCw2LTIuNyw2LTZ2LTE2Qy0xMDQzLDI4NjkuNS0xMDQ3LjUsMjg2NS0xMDUzLDI4NjV6IE0tMTA0OSwyODkzaC0xMmMtMS4xLDAtMi0wLjktMi0ydi0xMGgxNnYxMA0KCUMtMTA0NywyODkyLjEtMTA0Ny45LDI4OTMtMTA0OSwyODkzeiBNLTEwNTMsMjg4N2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJTLTEwNTMsMjg4NS45LTEwNTMsMjg4N3oiLz4NCjwvc3ZnPg0K);;
display: block;
padding: 0 0 16px 24px;
margin-bottom: 16px;
letter-spacing: 0.1pt;
border-bottom: 1px solid #C02B0A;
background-size: 24px 16px;
background-repeat: no-repeat;
background-position: 0 3.2px;
}
/*
* Date field.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .ginput_container_date + .ginput_container_date {
margin-left: 2%;
}
.gform_wrapper.gravity-theme .ginput_container_date[style*='display:none'] + .ginput_container_date {
margin-left: 0;
}
.gform_wrapper.gravity-theme .ginput_container_date label {
display: block;
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date + .ginput_container_date {
margin-left: 0;
margin-right: 16px;
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date[style*='display:none'] + .ginput_container_date {
margin-right: 0;
}
/*
* Date field.
*
* Used in the basic.css front-end stylesheet and admin-theme.css.
*/
.gform-theme-datepicker:not(.gform-legacy-datepicker) {
background: #FFFFFF;
border: 1px solid #D0D1D3;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11), 0 0 4px rgba(18, 25, 97, 0.0405344);
color: #607382;
font-size: 13px;
font-weight: 500;
margin-top: 5px;
padding: 18px 15px;
width: auto;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) table, .gform-theme-datepicker:not(.gform-legacy-datepicker) thead, .gform-theme-datepicker:not(.gform-legacy-datepicker) tr, .gform-theme-datepicker:not(.gform-legacy-datepicker) td, .gform-theme-datepicker:not(.gform-legacy-datepicker) th {
background: none;
border: 0;
margin: 0;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) td, .gform-theme-datepicker:not(.gform-legacy-datepicker) th {
padding: 5px;
text-shadow: none;
text-transform: none;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header {
border: 0;
display: flex;
flex-direction: row;
justify-content: center;
margin: 0 0 5px;
padding: 0;
position: relative;
width: 100%;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next {
align-items: center;
background: none;
border: 0;
color: #607382;
cursor: pointer;
display: flex;
font-family: 'gform-icons-theme' !important;
font-size: 24px;
height: 30px;
justify-content: center;
line-height: 1;
position: absolute;
speak: never;
top: -2px;
text-decoration: none;
transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
width: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:focus, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:hover, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:focus, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:hover {
color: #2F4054;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev .ui-icon, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next .ui-icon {
display: none;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:before, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:before {
border: 0;
height: auto;
position: static;
transform: none;
width: auto;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev {
left: 0
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-prev:before {
content: "\e910";
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next {
right: 0
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header .ui-datepicker-next:before {
content: "\e91b";
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select {
background-color: transparent;
background-image: url(../images/theme/down-arrow.svg);
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: 24px 24px;
border-radius: 0;
border: 0;
box-shadow: none;
color: #585E6A;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
height: auto;
min-height: 0;
padding: 0 22px 0 0;
-webkit-appearance: none;
width: auto
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header select.ui-datepicker-month {
margin-right: 20px;
-moz-text-align-last: right;
text-align-last: right;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar span, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar a {
font-weight: 400;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar th span {
align-items: center;
color: #2F4054;
display: flex;
font-size: 13px;
font-weight: 500;
height: 40px;
justify-content: center;
width: 40px;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar td {
font-size: 13px;
height: 50px;
width: 50px;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default {
align-items: center;
background: none;
border: 1px solid transparent;
border-radius: 100%;
box-shadow: none;
color: #2F4054;
display: flex;
height: 40px;
justify-content: center;
transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
text-decoration: none;
width: 40px
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:hover, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:focus {
background: none;
border-color: #607382;
outline: none;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default:active {
background: #F2F3F5;
border-color: #607382;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
background: #607382;
border-color: #607382;
box-shadow: 0 2px 2px rgba(58, 58, 87, 0.0596411);
color: #FFFFFF
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:hover, .gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:focus {
border-color: #607382;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-disabled {
background: none;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
align-items: center;
background: #F2F3F5;
border: 1px solid rgba(32, 32, 46, 0.079);
border-radius: 100%;
box-shadow: 0 2px 2px rgba(58, 58, 87, 0.0596411);
color: #686E77;
cursor: text;
display: flex;
height: 40px;
justify-content: center;
text-decoration: none;
width: 40px;
}
html[dir=rtl] #ui-datepicker-div.gform-theme-datepicker[style] {
right: auto !important;
}
/*
* Form Footer.
*
* Used in theme.css and admin-theme.css.
*/
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
margin: 6px 0 0;
padding: 16px 0
}
.gform_wrapper.gravity-theme .gform_footer.right_label, .gform_wrapper.gravity-theme .gform_footer.left_label, .gform_wrapper.gravity-theme .gform_page_footer.right_label, .gform_wrapper.gravity-theme .gform_page_footer.left_label {
padding: 16px 0 10px 30%;
}
.gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_page_footer input, .gform_wrapper.gravity-theme .gform_page_footer button {
margin-bottom: 8px
}
.gform_wrapper.gravity-theme .gform_footer input.button:disabled, .gform_wrapper.gravity-theme .gform_footer button.button:disabled, .gform_wrapper.gravity-theme .gform_page_footer input.button:disabled, .gform_wrapper.gravity-theme .gform_page_footer button.button:disabled {
opacity: .6;
}
.gform_wrapper.gravity-theme .gform_footer button + input, .gform_wrapper.gravity-theme .gform_footer input + input, .gform_wrapper.gravity-theme .gform_footer input + button, .gform_wrapper.gravity-theme .gform_page_footer button + input, .gform_wrapper.gravity-theme .gform_page_footer input + input, .gform_wrapper.gravity-theme .gform_page_footer input + button {
margin-left: 8px;
}
html[dir=rtl] .gform_wrapper.gravity-theme button + input, html[dir=rtl] .gform_wrapper.gravity-theme input + input, html[dir=rtl] .gform_wrapper.gravity-theme input + button {
margin-right: 8px;
}
/*
* Styles for basic inputs.
*
* Used in the basic.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
display: inline-block;
font-size: 15px;
}
.gform_wrapper.gravity-theme .gfield_checkbox button, .gform_wrapper.gravity-theme .gfield_checkbox input[type="text"], .gform_wrapper.gravity-theme .gfield_radio button, .gform_wrapper.gravity-theme .gfield_radio input[type="text"] {
margin-top: 16px;
}
.gform_wrapper.gravity-theme .gfield-choice-input {
display: inline-block;
margin-top: 0;
top: 0;
vertical-align: middle;
}
.gform_wrapper.gravity-theme .gfield-choice-input + label {
max-width: calc( 100% - 32px );
margin-bottom: 0;
vertical-align: middle;
}
.gform_wrapper.gravity-theme input[type="number"] {
display: inline-block;
}
.gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme textarea, .gform_wrapper.gravity-theme select {
font-size: 15px;
padding: 8px;
margin-bottom: 0;
margin-top: 0;
}
.gform_wrapper.gravity-theme .chosen-container-multi, .gform_wrapper.gravity-theme .ginput_product_price, .gform_wrapper.gravity-theme .ginput_product_price_label, .gform_wrapper.gravity-theme .ginput_quantity_label {
font-size: 15px;
}
.gform_wrapper.gravity-theme .chosen-choices {
padding: 8px;
}
.gform_wrapper.gravity-theme .ginput_container_date {
display: flex;
align-items: center;
align-content: flex-start;
}
.gform_wrapper.gravity-theme .ginput_container_date input {
width: auto;
}
.gform_wrapper.gravity-theme .ginput_container_date .datepicker_with_icon.large {
width: calc(100% - 48px);
}
.gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger {
display: block;
margin-left: 12.8px;
max-width: 25.6px;
max-height: 25.6px;
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
flex-flow: row wrap;
flex-basis: min-content;
max-width: 30%;
}
.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input, .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
width: 100%;
min-width: 84px;
}
.gform_wrapper.gravity-theme .gfield_chainedselect.horizontal select {
min-width: 100px;
}
.gform_wrapper.gravity-theme .gform_show_password {
color: inherit;
background: transparent;
height: 100%;
display: flex;
align-items: center
}
.gform_wrapper.gravity-theme .gform_show_password:hover, .gform_wrapper.gravity-theme .gform_show_password:focus {
background: transparent;
}
.gform_wrapper.gravity-theme .gfield_consent_description {
max-height: 240px;
overflow-y: scroll;
border: 1px solid #ddd;
margin-top: 8px;
padding: 8px;
font-size: 0.8em;
}
.gform_wrapper.gravity-theme .gfield .ginput_quantity {
width: auto;
}
html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_date img.ui-datepicker-trigger {
margin-right: 12.8px;
margin-left: 0;
order: 1;
}
.gform_wrapper.gravity-theme .gsection {
border-bottom: 1px solid #ccc;
padding: 0 16px 8px 0;
}
html[dir="rtl"] .gform_wrapper.gravity-theme .gsection {
padding: 0 0 8px 16px;
}
/*
* Progress bar.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .gf_progressbar_title {
font-size: 12.992px;
font-weight: normal;
color: #767676;
margin: 0 0 4.8px 0;
}
.gform_wrapper.gravity-theme .gf_progressbar {
position: relative;
border-radius: 10.5px;
background: #e8e8e8;
margin-bottom: 16px;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage {
height: 20.992px;
text-align: right;
border-radius: 10.5px;
vertical-align: middle;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
border-radius: 10.5px 0 0 10.5px;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
display: block;
width: auto;
float: right;
margin-right: 8px;
margin-left: 8px;
line-height: 21px;
font-size: 13px;
min-width: 2em;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span {
color: #959595;
text-shadow: none;
float: none;
margin-left: 9.6px;
}
.gform_wrapper.gravity-theme .gf_progressbar_blue {
background: #D2D6DC;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
background-color: #1E7AC4;
color: #FFF;
}
.gform_wrapper.gravity-theme .gf_progressbar_gray {
background: #D2D6DC;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_gray {
background-color: #6B7280;
color: #FFF;
}
.gform_wrapper.gravity-theme .gf_progressbar_green {
background: #E8E8E8;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_green {
background-color: #AAC138;
color: #FFF;
}
.gform_wrapper.gravity-theme .gf_progressbar_orange {
background: #E8EAEC;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_orange {
background-color: #FF5D38;
color: #FFF;
}
.gform_wrapper.gravity-theme .gf_progressbar_red {
background: #E8EAEC;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_red {
background-color: #EC1E31;
color: #FFF;
}
.gform_wrapper.gravity-theme .gf_progressbar_spring {
background: #D2D6DC;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_spring {
background: linear-gradient(270deg, #9CD790 0%, #76D7DB 100%);
color: #FFF;
}
.gform_wrapper.gravity-theme .gf_progressbar_blues {
background: #D2D6DC;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blues {
background: linear-gradient(270deg, #00C2FF 0%, #7838E2 100%);
color: #FFF;
}
.gform_wrapper.gravity-theme .gf_progressbar_rainbow {
background: #D2D6DC;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_rainbow {
background: linear-gradient(270deg, #1DBEEA 0%, #CD6AD6 50%, #F35160 100%);
color: #FFF;
}
html[dir=rtl] .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
border-radius: 0 10.5px 10.5px 0;
}
/*
* Page steps.
*
* Used in the theme.css.
*/
.gform_wrapper.gravity-theme .gf_page_steps {
border-bottom: 1px solid #E5E7EB;
margin-bottom: 16px;
}
.gform_wrapper.gravity-theme .gf_step {
display: inline-block;
margin: 8px 32px 8px 0;
}
.gform_wrapper.gravity-theme .gf_step_number, .gform_wrapper.gravity-theme .gf_step_label {
display: table-cell;
vertical-align: middle;
}
.gform_wrapper.gravity-theme .gf_step_number {
background: transparent;
border-radius: 20px;
border: 2px solid #CFD3D9;
color: #585E6A;
font-size: 14px;
font-weight: 500;
height: 40px;
text-align: center;
width: 40px;
}
.gform_wrapper.gravity-theme .gf_step_active .gf_step_number {
background: #CFD3D9;
color: #607382;
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number {
position: relative
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
background: #607382;
border-radius: 20px;
border: 2px solid #607382;
content: '';
display: table-cell;
height: 40px;
left: -2px;
position: absolute;
top: -2px;
width: 40px;
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:after {
align-items: center;
color: #fff;
content: '\e917';
display: flex;
font-family: 'gform-icons-theme';
font-size: 24px;
height: 100%;
justify-content: center;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 5;
}
.gform_wrapper.gravity-theme .gf_step_label {
color: inherit;
font-size: 14px;
font-weight: 600;
line-height: 16px;
padding-left: 16px;
}
.gform_wrapper.gravity-theme .gf_step_hidden {
display: none;
}
/*
* Pricing field.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .ginput_product_price_wrapper {
display: inline-block;
}
.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:-moz-read-only {
background: none;
border: none;
padding: 0;
}
.gform_wrapper.gravity-theme .ginput_product_price_wrapper input:read-only {
background: none;
border: none;
padding: 0;
}
.gform_wrapper.gravity-theme .ginput_product_price, .gform_wrapper.gravity-theme .ginput_shipping_price {
color: #900;
}
.gform_wrapper.gravity-theme .ginput_total {
color: #060;
}
/*
* Repeater field.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .gfield_repeater_cell {
margin-top: 8px;
}
.gform_wrapper.gravity-theme .gfield_repeater_cell label {
color: rgb(155, 154, 154);
font-weight: 400;
font-size: 12.8px;
padding-top: 8px;
}
.gform_wrapper.gravity-theme .gfield_repeater_items .gfield_repeater_cell:not(:first-child) {
padding-top: 8px;
}
.gform_wrapper.gravity-theme .gfield_repeater_wrapper input {
border: 1px solid rgba(197, 198, 197, 1.000);
border-radius: 4px;
}
.gform_wrapper.gravity-theme .gfield_repeater_cell > .gfield_repeater_wrapper {
border-left: 8px solid rgba(241, 241, 241, 1.000);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 1px -1px rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
background-color: rgba(1, 1, 1, 0.02);
padding: 10px 20px;
border-radius: 8px;
border-bottom: 1px solid rgba(238, 238, 238, 1.000);
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons {
padding-top: 16px;
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus:hover, .gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus:hover, .gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text:hover, .gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text:hover {
background: rgba(250, 250, 250, 1.000);
color: #374750;
border: 1px solid rgba(117, 117, 117, 1);
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus:focus, .gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus:focus, .gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text:focus, .gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text:focus {
outline: 0;
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text, .gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text {
min-width: 100px;
height: 32px;
background: rgba(242, 242, 242, 0.5);
transition: all .3s cubic-bezier(0.67, 0.17, 0.40, 0.83);
font-size: 12px;
color: rgba(117, 117, 117, 1);
border-radius: 20px;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid rgba(117, 117, 117, 0.4);
font-weight: 400;
}
.gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_plus, .gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_minus {
width: 24px;
height: 24px;
background: rgba(242, 242, 242, 0.5);
transition: all .3s cubic-bezier(0.67, 0.17, 0.40, 0.83);
font-size: 16px;
color: rgba(117, 117, 117, 1);
border-radius: 50%;
margin: 10px 5px 0px 5px;
border: 1px solid rgba(117, 117, 117, 0.4);
font-weight: 700;
padding: 0;
}
.gform_wrapper.gravity-theme .gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child) {
border-bottom: 2px solid #e0e0e6;
padding-bottom: 20px;
margin-bottom: 20px;
margin-right: 8px;
}
/*
* Styles for the time field.
*
* Used in the theme.css front-end stylesheet and admin-theme.css.
*/
.gform_wrapper.gravity-theme .gfield_time_hour label.hour_label, .gform_wrapper.gravity-theme .gfield_time_minute label.minute_label {
display: block;
font-size: 13px;
margin: 0;
padding-top: 5px;
}
.gform_wrapper.gravity-theme .ginput_container_time {
flex-basis: min-content;
max-width: 64px;
min-width: 64px;
}
.gform_wrapper.gravity-theme .ginput_container_time input {
margin-left: 0;
margin-right: 0;
min-width: 100%;
}
.gform_wrapper.gravity-theme .gfield_time_minute {
position: relative;
}
.gform_wrapper.gravity-theme .hour_minute_colon {
line-height: 2;
padding: 0 8px;
}
.gform_wrapper.gravity-theme .field_sublabel_above .hour_minute_colon {
align-self: flex-end;
}
.gform_wrapper.gravity-theme .gfield_time_ampm {
align-items: flex-end;
display: flex;
margin-left: 16px;
}
.gform_wrapper.gravity-theme .hour_minute_colon.below, .gform_wrapper.gravity-theme .gfield_time_ampm.below {
align-items: flex-start;
}
html[dir=rtl] .gform_wrapper.gravity-theme .gfield_time_ampm {
margin-right: 16px;
margin-left: 0;
}
/*# sourceMappingURL=theme.css.map */