22

✏️ Editing: gravityforms.css

/*
----------------------------------------------------------------

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 select,
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
	padding: 0 .8rem !important;
	}
.gform_wrapper textarea {
	padding: .8rem !important;
	}

@media ( max-width: 641px ) {
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) {
	line-height: 3 !important;
	}
}

.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;
	}

/* 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: 1rem;
	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 .chosen-container {
	font-size: inherit !important;
	}
.gform_wrapper .chosen-single {
	padding: 0 .8rem !important;
	height: 2.8rem !important;
	line-height: 2.8rem !important;
	border-radius: 0.3rem !important;
	border: none !important;
	color: inherit !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-container-single .chosen-single span {
		line-height: inherit !important;
		}
	.gform_wrapper .chosen-single div {
		position: absolute;
		top: 56% !important;
		transform: translateY(-50%);
		right: .8rem !important;
		pointer-events: none;
		border: 0.5em solid !important;
		border-left-color: transparent !important;
		border-right-color: transparent !important;
		border-bottom-color: transparent !important;
		border-radius: 2px;
		height: 0 !important;
		width: 0 !important;
		}
		.gform_wrapper .chosen-single div > b {
			display: none !important;
			}

.gform_wrapper .chosen-drop {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: var(--box-shadow) !important;
	background: var(--color-content-bg-alt-grad) !important;
	}
	.gform_wrapper .chosen-search {
		padding: 0.6rem !important;
		}
		.gform_wrapper .chosen-container-single .chosen-search input[type=text] {
			padding: 0 0.5rem !important;
			line-height: 2rem !important;
			height: 2rem !important;
			width: 100% !important;
			background: var(--color-content-bg-grad) !important;
			min-height: 0;
			}
		.l-body .gform_wrapper .chosen-container-single .chosen-search input[type=text] {
			background: none !important;
			}
	.gform_wrapper .chosen-results {
		margin: 0 !important;
		padding: 0 !important;
		max-height: 16rem !important;
		-webkit-overflow-scrolling: touch;
		}
		.gform_wrapper .chosen-results li {
			line-height: inherit !important;
			padding: 0.2rem 0.6rem !important;
			}
		.gform_wrapper .chosen-results li.highlighted {
			background: var(--color-content-primary-grad) !important;
			color: #fff;
			}
		.gform_wrapper .chosen-results li.group-option {
			padding-left: 1rem !important;
			}

.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
   ========================================================================== */
.rounded_none .gfield_creditcard_warning,
.rounded_none .chosen-single,
.rounded_none .chosen-choices,
.rounded_none .search-choice {
	border-radius: 0 !important;
	}

MR SKB