/*
 * Additions for the static rebuild. bootstrap.css and custom.css are the
 * original 2015 files, unchanged, so anything the WordPress theme used to
 * contribute lives here instead. Loads last.
 */

/* --- Carried over from the WordPress theme stylesheet (style.css) --- */

body {
	word-wrap: break-word;
}

img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}

.navbar > .container {
	padding-bottom: 0;
}

/* --- Inline icons ---------------------------------------------------
 * Stands in for Font Awesome 4.2. The <i> keeps the same class names and
 * is still sized with font-size, so every rule in custom.css that targets
 * .fa-phone, .nav-callout i, #icon-fb and friends applies untouched.
 * line-height: 1 and a 1em-tall glyph reproduce the metrics of the webfont,
 * whose em box was exactly ascent + descent.
 */

.fa {
	display: inline-block;
	line-height: 1;
}

.fa > svg {
	display: block;
	height: 1em;
	width: auto;
	fill: currentColor;
}

.fa-2x {
	font-size: 2em;
}

/* --- Contact form feedback ------------------------------------------
 * Same treatment custom.css gives the old Contact Form 7 output, under
 * names that do not mention a plugin this site no longer runs.
 */

#section-contact .form-response {
	margin-left: 0;
	padding: 10px 15px;
	border: 0;
	border-radius: 5px;
	font-size: 13px;
	line-height: 19.5px;
}

#section-contact .form-response.is-success {
	background-color: #c2e9ce;
}

#section-contact .form-response.is-error {
	background-color: #fff3cf;
}

#section-contact .field-error {
	display: block;
	color: #b94a48;
	font-size: 13px;
	line-height: 19.5px;
}

/* Bot trap. display:none rather than parked off-screen: password managers
 * fill anything they can see, and a filled trap silently discards a real
 * inquiry. Nothing here is named after a field autofill recognises. */
.form-hp {
	display: none;
}

button[disabled],
input[type='submit'][disabled] {
	opacity: 0.6;
	cursor: default;
}

/* --- Keyboard focus --------------------------------------------------
 * custom.css removes focus outlines everywhere. Put one back for keyboard
 * users only, so mouse and touch look exactly as they did.
 */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
	outline: 2px solid #00b0ea;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.navbar-collapse.collapsing {
		transition: none;
	}
}