/* 404 page (Theme Builder error-404 template): the search results list, route-tile glyphs and the slim nav. The shared search field and the glyph
   masks (.iwg-ico, file/lock/wrench/arrow) are in tech.css; this file adds the three glyphs only the 404 uses. */
:root {
	--iwg-ico-layout-list: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20width=%227%22%20height=%227%22%20x=%223%22%20y=%223%22%20rx=%221%22/%3E%3Crect%20width=%227%22%20height=%227%22%20x=%223%22%20y=%2214%22%20rx=%221%22/%3E%3Cpath%20d=%22M14%204h7%22/%3E%3Cpath%20d=%22M14%209h7%22/%3E%3Cpath%20d=%22M14%2015h7%22/%3E%3Cpath%20d=%22M14%2020h7%22/%3E%3C/svg%3E");
	--iwg-ico-newspaper: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2022h16a2%202%200%200%200%202-2V4a2%202%200%200%200-2-2H8a2%202%200%200%200-2%202v16a2%202%200%200%201-2%202Zm0%200a2%202%200%200%201-2-2v-9c0-1.1.9-2%202-2h2%22/%3E%3Cpath%20d=%22M18%2014h-8%22/%3E%3Cpath%20d=%22M15%2018h-5%22/%3E%3Cpath%20d=%22M10%206h8v4h-8V6Z%22/%3E%3C/svg%3E");
	--iwg-ico-mail: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22black%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20width=%2220%22%20height=%2216%22%20x=%222%22%20y=%224%22%20rx=%222%22/%3E%3Cpath%20d=%22m22%207-8.97%205.7a1.94%201.94%200%200%201-2.06%200L2%207%22/%3E%3C/svg%3E");
}
.iwg-ico--layout-list { --iwg-ico: var(--iwg-ico-layout-list); }
.iwg-ico--newspaper { --iwg-ico: var(--iwg-ico-newspaper); }
.iwg-ico--mail { --iwg-ico: var(--iwg-ico-mail); }

.iwg-route__icon { color: var(--intwater-aqua); }
html body .elementor .iwg-route { color: var(--intwater-white); }

/* Search results: title, group, arrow per row (js/tech.js prints the same markup). */
.iwg-s404__results { margin-top: 8px; }
.iwg-s404 a.iwg-s404__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 150px) 20px;
	gap: 20px;
	align-items: center;
	padding: 16px 0;
	border-bottom: 1px solid var(--intwater-white-13);
	color: var(--intwater-white);
	text-decoration: none;
	transition: background-color 180ms linear;
}
.iwg-s404 .iwg-s404__title {
	font-family: var(--e-global-typography-intwater_card_title-font-family), sans-serif;
	font-weight: var(--e-global-typography-intwater_card_title-font-weight);
	font-size: var(--e-global-typography-intwater_card_title-font-size);
	letter-spacing: var(--e-global-typography-intwater_card_title-letter-spacing);
	line-height: 1.3;
}
.iwg-s404 .iwg-s404__group {
	font-family: var(--e-global-typography-intwater_micro_label-font-family), sans-serif;
	font-weight: 800;
	font-size: 10.5px;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.iwg-s404__arrow.iwg-ico { position: relative; width: 16px; height: 16px; justify-self: end; }
.iwg-s404 a.iwg-s404__row:hover .iwg-s404__title,
.iwg-s404 a.iwg-s404__row:focus-visible .iwg-s404__title { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--intwater-orange); }
.iwg-s404 a.iwg-s404__row:focus-visible { outline: 2px solid var(--intwater-aqua); outline-offset: 2px; }
.iwg-s404 .iwg-s404__none { margin: 26px 0 0; max-width: 46ch; font-size: 17.5px; line-height: 1.75; color: var(--intwater-white); }
.iwg-s404 .iwg-s404__none[hidden] { display: none; }
.iwg-s404 .iwg-s404__none a { color: var(--intwater-white); text-decoration: underline; text-underline-offset: 3px; }
.iwg-s404 .iwg-s404__caption {
	margin: 30px 0 0;
	font-family: var(--e-global-typography-intwater_micro_label-font-family), sans-serif;
	font-weight: 800;
	font-size: 11px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--intwater-white);
}

@media (max-width: 767px) {
	.iwg-s404 a.iwg-s404__row { grid-template-columns: minmax(0, 1fr) 20px; }
	.iwg-s404 .iwg-s404__group { display: none; }
}