/* ---- Left copy block (custom module) ---- */

.rondo-contact-copy__eyebrow {
	color: #a9cfa0;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-bottom: 12px;
}

.rondo-contact-copy__heading {
	color: #ffffff;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.05;
	letter-spacing: -0.02em;
	margin: 0 0 16px;
}

.rondo-contact-copy__paragraph {
	color: #cfcfcc;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.55;
	max-width: 420px;
	margin: 0;
}

/* ---- Native Divi Contact Form module, scoped to .rondo-contact-form ---- */
/* Set this CSS Class on the Contact Form module itself in Divi's builder. */

.rondo-contact-form .et_pb_contact_field input,
.rondo-contact-form .et_pb_contact_field select,
.rondo-contact-form .et_pb_contact_field textarea {
	background-color: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 6px !important;
	color: #ffffff !important;
}

.rondo-contact-form .et_pb_contact_field::placeholder,
.rondo-contact-form select.et_pb_contact_field {
	color: rgba(255, 255, 255, 0.55) !important;
}

/* Two-up field grid: set each field's "Field Width" to 50% inside Divi's
   Contact Form module settings — this CSS just tightens the gutter between them. */
.rondo-contact-form .et_pb_contact_field {
	margin-right: 12px !important;
}

.rondo-contact-form .et_pb_contact_submit {
	background-color: #60b050 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	border-radius: 999px !important;
	padding: 14px 28px !important;
	border: none !important;
}

.rondo-contact-form .et_pb_contact_submit:hover {
	background-color: #3f8a33 !important;
}

.rondo-contact-form .et_pb_contact_field_half {
	width: calc(50% - 8px) !important;
	float: left !important;
	margin-right: 16px !important;
}

.rondo-contact-form .et_pb_contact_field_half.et_pb_contact_field_last {
	margin-right: 0 !important;
}

.rondo-contact-form .et_contact_bottom_container {
	justify-content: flex-start !important;
	float: left !important;
}