/* VERSION: 20250627-1 */
h2 a:visited { 
  color: #ffcc00;
}
#find-container {
	height: 100%;
	overflow: hidden;
	display: flex; /* for results scrollbar instead of window scrollbar */
	flex-direction: column; /* So children stack vertically */
	align-items: center;     /* Horizontal center */
	margin-top: 30px;		/* So the search box aligns horizontally middle of the crest */
}
/* wrapper for sticky positioning */
.search-box-wrapper {
	flex: 0 0 auto; /* for results scrollbar instead of window scrollbar */
	position: sticky;
	top: 0;
	z-index: 100;
	background-color: #006040; /* avoid transparency issues */
	padding-top: 10px;
	padding-bottom: 10px; 
	width: 100%; /* so it stretches across screen */
	display: flex;
	justify-content: center;
}
.search-box {
	display: flex;
	flex-wrap: wrap;         /* Enables wrapping */
	justify-content: center; /* Center each row */
	gap: 5px;
	width: 90%;
	max-width: 700px;        /* Prevent it from growing too large on wide screens */
}
.search-box input {
	flex-grow: 1;
	min-width: 0;
	padding: 8px;
	font-size: 16px;
	background-color: yellowgreen;
}
.search-box button {
	cursor: pointer;
	background-color: #006040;
	border: solid #ffcc00;
	border-radius: 8px;
	color: #ffcc00;
	font-size: large;
	font-weight: bold;
	padding: 6px 12px;
	white-space: nowrap;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.search-box button:hover { 
	background-color: #4CAF50;
}
#results {
	display: none;
	height: 0;                /* No visible height until needed */
	border-top: 1px solid #ccc;
	color: darkblue;
	width: 100%;
	max-width: 700px;
	min-width: 0;
	transition: height 0.2s ease;
	flex: 1 1 auto; /* for results scrollbar instead of window scrollbar */
	overflow-y: auto; /* for results scrollbar instead of window scrollbar */
	overflow-x: hidden; /* for results scrollbar instead of window scrollbar */
}
#results.visible {
	display: block;
	height: auto;	/* Expand to show content */
}
.result-item {
	padding: 2px;
	cursor: pointer;
	white-space: nowrap;         /* force single-line */
	overflow: hidden;            /* cut off extra text */
	text-overflow: ellipsis;     /* add ... at the end */
}

@media (min-width: 700px) {
	#results {
		width: 60%;
	}
}
/* Test different shades of yellow and green
.result-item:nth-child(even){ background-color: #f9f9f9; }
.result-item:nth-child(odd) { background-color: #eee; }
.result-item:nth-child(even){ background-color: yellowgreen; }
.result-item:nth-child(odd) { background-color: #ffcc00; }

.result-item:nth-child(even){ background-color: #cfee99; }
.result-item:nth-child(odd) { background-color: #ffee99; }

.result-item:nth-child(even){ background-color: #cfee99; }
.result-item:nth-child(odd) { background-color: #FFFACD; }
*/
.result-item:nth-child(even){ background-color: #cfee99; }
.result-item:nth-child(odd) { background-color: #FFEBCD; }
.result-item.selected {
	background-color: #ffcc00;
}