/* Divi Contact Form — Calculator field */
.et_pb_contact_field[data-type="calculator"] .cfkef-calculator-container {
	height: auto;
	width: 100%;
}

.et_pb_contact_field[data-type="calculator"] .cfkef-calculator-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	border: 2px solid var(--cal-border-color, #69727d);
	background-color: var(--cal-background-color, #f2f2f2);
	border-width: var(--cal-border-width, 1px);
	border-radius:
		var(--cal-border-top-left-radius, var(--cal-border-radius, 17px))
		var(--cal-border-top-right-radius, var(--cal-border-radius, 17px))
		var(--cal-border-bottom-right-radius, var(--cal-border-radius, 17px))
		var(--cal-border-bottom-left-radius, var(--cal-border-radius, 17px));
	color: var(--cal-text-color, #000);
	width: var(--cal-width, 100%);
	height: var(--cal-height, 100px);
	padding: calc(var(--cal-top-padding, 0px) + 5px) calc(var(--cal-right-padding, 5px) + 5px) calc(var(--cal-bottom-padding, 0px) + 5px) calc(var(--cal-left-padding, 5px) + 5px);
	margin:
		var(--cal-margin-top, 0px)
		var(--cal-margin-right, 5px)
		var(--cal-margin-bottom, 10px)
		var(--cal-margin-left, 0px);
	pointer-events: none;
	box-sizing: border-box;
}

p.et_pb_contact_field[data-type="calculator"] .cfkef-calculator-wrapper{
	border-radius: var(--cal-border-radius, 17px);
	margin: var(--cal-margin, 0 5px 10px 0);
}

.et_pb_contact_field[data-type="calculator"] .cfkef-calculator-outputbox {
	border: none;
	font-size: var(--cal-font-size, 24px);
	line-height: 1;
	display: flex;
	gap: 5px;
}

.et_pb_contact_field[data-type="calculator"] .et_pb_contact_field_label,
.et_pb_contact_field[data-type="calculator"] label.et_pb_contact_form_label {
	font-size: calc(var(--cal-font-size, 24px) / 2);
}

.et_pb_contact_field[data-type="calculator"] .cfkef-calculator-outputbox span {
	padding: 0 3px;
	background-color: var(--cal-input-background-color, #3e3ff0);
	color: var(--cal-outputbox-color, #fff);
	border-radius: 3px;
}

.et_pb_contact_field[data-type="calculator"] .cfkef-calculator-wrapper .et_pb_contact_form_label{
	display: initial;
}