/* Thank-you pages (standalone templates page-live-ty-*, page-thank-you-*) – shared fixes (2026-10-20).
   Linked from each template's <head>; these pages do not load the theme stylesheet. */

/* Black top bar: white logo (same file and proportions as the homepage header), never distorted */
.kpilogoad {
	height: auto !important;
	min-height: 70px;
	padding: 15px 16px !important;
	box-sizing: border-box;
	line-height: 0;
}
.kpilogoad img {
	/* the templates still carry width="226" height="20" (old logo); use the real logo ratio */
	aspect-ratio: 262 / 62;
	width: auto !important;
	height: 40px !important;
	max-width: 100%;
	margin: 0 !important;
	vertical-align: middle;
}
@media only screen and (min-width: 768px) {
	.kpilogoad {
		padding: 10px 16px !important;
	}
	.kpilogoad img {
		height: 50px !important;
	}
}

/* Mobile (≤767px): hero sized to its content – the 350px block with the background image at natural
   size left ~150px of white between the green title band and "THANK YOU FOR YOUR INTEREST!" */
@media only screen and (max-width: 767px) {
	[id^="background-img"] {
		height: auto !important;
		background-size: cover !important;
		background-position: center !important;
	}
	[id^="background-img"] > .container_24,
	[id^="background-img"] .container_24.first {
		height: auto !important;
		padding: 32px 16px !important;
		box-sizing: border-box;
	}
	[id^="background-img"] .header-gree,
	[id^="background-img"] [class*="header-gree"],
	[id^="background-img"] p.titlu {
		height: auto !important;
	}
	p.titlu {
		margin: 0 !important;
		line-height: 1.25 !important;
	}
	/* hero → "Thank you" title: 32px; title → text: 16px */
	.titluThankYouTop {
		margin: 32px 0 16px !important;
	}
	/* credentials grid: an odd last item is centred instead of alone on the left */
	.landing-credentials .five-fig:last-child:nth-child(odd) {
		float: none !important;
		clear: both;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	/* form fields on the assessment thank-you pages: 44px touch targets */
	#form-perf select,
	.ital-p input {
		min-height: 44px;
	}
}