/*
 * Audit skin overrides.
 *
 * Loaded only within the audit section (see audit_enqueue_assets). The audit
 * pages inherit the main theme stylesheet for layout; rules here brand and
 * adjust the audit-specific header, footer and templates. Scope everything to
 * .audit-site so nothing leaks to the main site.
 */

/* Landing banner form + column layout.
   Main theme scopes these to .page / .page-template-landing-small body classes
   the audit CPT doesn't have. One banner form (GF #11) for all viewports —
   stacks full-width under the content on mobile. Bottom contact uses GF #12
   so the page only ever has two form instances in the DOM. Modern GF markup
   isn't covered by the theme's legacy `li input` rules, so field chrome is
   re-applied below. */
.audit-site .page-banner {
	position: relative;
	width: 100%;
	background-size: cover;
	float: left;
	min-height: 600px;
}

.audit-site .landing-right {
	position: relative;
}

.audit-site .landing-right .gform_wrapper {
	position: relative;
	right: 0;
	box-shadow: 5px 4px 40px rgba(3, 3, 3, .3);
}

/* Full-width fields — covers both legacy (li) and modern (.gfield) GF markup,
   and overrides GF's fixed .medium input width. Also re-applies the theme's
   field chrome that targets `li input` (misses modern div-based markup). */
.audit-site .landing-right .gform_wrapper input[type="text"],
.audit-site .landing-right .gform_wrapper input[type="tel"],
.audit-site .landing-right .gform_wrapper input[type="email"],
.audit-site .landing-right .gform_wrapper input[type="phone"],
.audit-site .landing-right .gform_wrapper input[type="url"],
.audit-site .landing-right .gform_wrapper input.medium,
.audit-site .landing-right .gform_wrapper textarea,
.audit-site .landing-right .gform_wrapper textarea.medium,
.audit-site .landing-right .gform_wrapper .ginput_container input,
.audit-site .landing-right .gform_wrapper .ginput_container textarea {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	height: 50px;
	padding: 14px 10px;
	font-size: 14px;
	border: 1px solid #a1a1a1;
	margin: 5px 0;
	font-family: Raleway, sans-serif;
}

.audit-site .landing-right .gform_wrapper textarea,
.audit-site .landing-right .gform_wrapper textarea.medium,
.audit-site .landing-right .gform_wrapper .ginput_container textarea {
	height: 105px;
}

.audit-site .landing-right .gform_wrapper .gform_fields,
.audit-site .landing-right .gform_wrapper .gfield,
.audit-site .landing-right .gform_wrapper .ginput_container {
	width: 100%;
	max-width: 100%;
}

.audit-site .landing-right .gform_wrapper .gfield_label {
	display: none;
}

.audit-site .landing-right .gform_wrapper .gform_title {
	font-size: 1em;
	color: #262626;
	text-align: center;
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	text-transform: uppercase;
}

.audit-site .landing-right .gform_wrapper .gform_heading {
	margin: 0;
	padding: 0;
}

.audit-site .landing-right .gform_wrapper .gform_description,
.audit-site .landing-right .gform_wrapper .gform_required_legend {
	display: none;
}

.audit-site .landing-right .gform_wrapper .gform_button {
	width: 100%;
	color: #fff;
	height: 50px;
	border: none;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: Raleway, sans-serif;
	cursor: pointer;
}

@media (max-width: 768px) {
	.audit-site .landing-right {
		display: block;
		float: none;
		width: 100%;
		max-width: none;
		padding: 10px 0 40px;
		clear: both;
	}
	.audit-site .landing-left {
		float: none;
		width: 100%;
		padding: 80px 0 20px;
	}
	.audit-site .page-banner .wrap.l-small {
		height: auto;
		min-height: 0;
		padding-bottom: 20px;
	}
	.audit-site .landing-right .gform_wrapper {
		padding: 30px 20px;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	.audit-site .landing-right .gform_wrapper .gform_footer,
	.audit-site .landing-right .gform_wrapper .gform_page_footer {
		margin: 0;
		padding: 0;
	}
	.audit-site .landing-right .gform_wrapper .gform_button {
		width: 100%;
	}
}

/* Dark "even lower" band: the main theme whitens the paragraph text via the
   .page-template-landing-small body class, which the audit CPT doesn't have, so
   the text falls back to black on the dark background. Replicate it here. */
.audit-site .l-low p {
	color: #fff;
}

/* Lower feature columns: the main theme scopes the 50% column width to the same
   body class, so mirror it for the audit skin. */
.audit-site .small-feat {
	width: 50%;
	float: left;
}

@media (max-width: 640px) {
	.audit-site .small-feat {
		width: 100%;
	}
}

/* Contact template layout */
.audit-site .contact-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.audit-site .contact-wrap .content {
	flex: 1 1 60%;
}

.audit-site .contact-wrap .contact-details {
	flex: 1 1 30%;
}

.audit-site .contact-details h3 {
	margin: 0 0 15px;
}

.audit-site .contact-details a {
	display: block;
	margin: 4px 0;
}

@media (max-width: 768px) {
	.audit-site .contact-wrap {
		flex-direction: column;
	}
}