/**
 * Footer corrections for the Divi Theme Builder footer (tb-9099).
 *
 * The footer's image module declares width="25%" in the layout, but Divi compiles only
 * `text-align` and `margin-left` for it and emits `width:auto` on the inner <img>. The logo
 * therefore fills its whole 1/2 column (510px at desktop, 100% instead of 25%), which makes the
 * left column ~470px tall against ~192px for the two menu columns and leaves a large void.
 *
 * 25% as declared would render the logo 128px wide. The PNG has the company name baked into it, so
 * at that size the wordmark is roughly 4px tall and unreadable - which is likely why the missing
 * rule went unnoticed. The cap below keeps the wordmark legible while restoring the intended
 * proportion between the columns.
 */

.et-l--footer .et_pb_image_0_tb_footer {
	width: 100%;
	max-width: 280px;
}

.et-l--footer .et_pb_image_0_tb_footer .et_pb_image_wrap,
.et-l--footer .et_pb_image_0_tb_footer .et_pb_image_wrap img {
	width: 100%;
	height: auto;
}

/* The enquiry form's inputs and its textarea were rendering at different widths. */
.et-l--footer .wpforms-field input[type="text"],
.et-l--footer .wpforms-field input[type="email"],
.et-l--footer .wpforms-field input[type="tel"],
.et-l--footer .wpforms-field input[type="number"],
.et-l--footer .wpforms-field textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

@media (max-width: 980px) {
	.et-l--footer .et_pb_image_0_tb_footer {
		max-width: 240px;
	}
}