/*
 * JCD-NIMZ: what WordPress needs on top of the old style sheets (default.css … portal.css,
 * which are kept as they were). Nothing here changes the old look on a computer screen.
 */

/* The search boxes are wrapped in a form (DNN's whole page was one form). */
form.jcd-search {
	display: inline;
	margin: 0;
}

/* Search results (DNN drew its own; these are WordPress's, in the old module). */
.jcd-search-again {
	display: flex;
	gap: 10px;
	max-width: 600px;
	margin: 0 0 20px;
}
.jcd-result {
	border-bottom: 1px solid #e1e1e1;
	padding: 10px 0;
}
.jcd-result h3 {
	font-size: 1.25rem; /* the old h4 size: a result title is a heading under "Search Results" */
	margin: 0 0 5px;
}
.jcd-result p {
	margin: 0 0 5px;
}
.jcd-result-url {
	color: #7b7d82;
	font-size: 13px;
	word-break: break-all;
}
.jcd-pages .page-numbers {
	padding: 0 6px;
}

/*
 * Phone adjustments (only where the old pages did not fit a phone screen; the old site's own
 * phone layout is otherwise kept as it was):
 * - a table wider than the screen scrolls sideways in its own box (jcdnimz.js wraps it in
 *   .jcd-scroll), instead of making the whole page wider than the screen.
 */
.jcd-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	max-width: 100%;
}
.jcd-scroll > table {
	margin-bottom: 0;
}
.jcd-scroll {
	margin-bottom: 20px;
}

/*
 * Phones: the red bar's second row took its height from DNN's Login link (removed). Without
 * it, opening the phone search made the bar shrink and its icon overlap the logo; the empty
 * place keeps the link's height.
 */
@media (max-width: 767px) {
	#topHeader #login {
		min-height: 34px;
	}
}