/**
 * Contact Us (#109): the form on the left; Additional Resources and the
 * Locations panel stacked on the right. See inc/contact-page.php.
 */

/* The Locations column has moved to the right, so the form's Kadence row is
   left with one column. It was sized for two (the "golden" split), which would
   hold the form to two thirds of its space. */
.treg-contact .content-page > main .kt-row-column-wrap {
	grid-template-columns: minmax(0, 1fr) !important;
	/* Kadence's default 1.5rem row padding left a gap above the intro (#177). */
	padding-top: 0;
}

/* The two side-by-side columns become one, so the main column can give a
   little width back to the right one: the Locations panel's phone numbers
   wrap less at 30% than at the shared sidebar's 25%. */
@media only screen and (min-width: 1024px) {

	.treg-contact .content-page > main {
		width: 64%;
	}

	.treg-contact .content-page > aside {
		width: 31%;
	}
}

/* The blog search used to sit above the resources box with two <br>s before
   it; without them the box lines up with the top of the form. */
.treg-contact .treg-contact__aside {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.treg-contact .treg-contact__aside .treg-pdp-resources {
	margin: 0;
}

/* Kadence gives the Locations column its gold background and padding by its
   own class, so it keeps them here; only the spacing it had as a grid column
   needs resetting. */
.treg-contact .treg-contact__aside > .wp-block-kadence-column {
	margin: 0;
}

/* #156: links in the gold Locations panel (itwwelding.com). Gold on the gold
   panel is 2.66:1; dark text matches the panel's headings. */
.treg-contact .treg-contact__aside > .wp-block-kadence-column a,
.treg-contact .treg-contact__aside > .wp-block-kadence-column a:visited,
.treg-contact .treg-contact__aside > .wp-block-kadence-column a:hover,
.treg-contact .treg-contact__aside > .wp-block-kadence-column a:focus {
	color: #1e1e1e;
}