@import '../1-helpers/functions.scss';

.wpforms-container:not(.wpforms-container-full) {
	.wpforms-field-label {
		font-weight: 600;
	}

	.wpforms-field-radio,
	.wpforms-field-checkbox {
		--top: 2px;

		ul {
			padding: 0;
		}
	}

	.wpforms-field-sublabel {
		font-style: italic;
	}

	.wpforms-field-number-slider {
		input[type='range'] {
			-webkit-appearance: none;
			height: 4px;
			outline: none;
			margin: 10px 0 10px;
			border-radius: 5px;
			background: var(--form-field-border-initial-color);
		}

		input[type='range']::-webkit-slider-thumb,
		input[type='range']::-moz-range-thumb {
			-webkit-appearance: none;
			cursor: pointer;
			height: 16px;
			width: 16px;
			border-radius: 100%;
			border: none;
			background: var(--paletteColor1);
		}

		.wpforms-field-number-slider-hint {
			font-size: 13px;
		}
	}
}

// inline form
div.wpforms-container.inline-fields {
	overflow: visible;

	@include media-breakpoint-down(sm) {
		form {
			display: flex;
			flex-direction: column;
			text-align: center;

			.wpforms-field-container,
			.wpforms-submit-container {
				width: 100%;
			}

			.wpforms-field {
				padding-right: 0;

				input {
					text-align: center;
				}
			}
		}
	}
}
