/*! UnionCorp 3.0.2 | colorlib.com */
/*
 * Unioncorp additions that are not Bootstrap and not vendor.
 *
 * Kept in its own file so the compiled Bootstrap build stays replaceable.
 */

/* Inline arrow icon, replacing the ionicons web component. Sized in em so it
   follows the text it sits beside, as the component did. */
.uc-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	flex-shrink: 0;
}

/* Images carry width and height attributes so the browser can reserve space
   before they load. An attribute height is a real height, though, and it fights
   any CSS that sets only a width: the comment avatars are sized
   `.vcard img { width: 50px }` with no height, so they rendered 50px wide and
   479px tall and made the page 1326px longer. The attributes give the aspect
   ratio; this gives the height back to the layout. */
img {
	height: auto;
}

/* Keyboard focus. The template set `outline: none` on links and buttons and
   put nothing in its place, so a keyboard user could not see where they were.
   A :focus-visible rule cannot out-rank `a:focus`, so the suppression was
   removed rather than overridden; this is what replaces it. :focus-visible
   means a mouse click still shows no ring. */
:focus-visible {
	outline: 3px solid var(--bs-primary, #F58823);
	outline-offset: 2px;
}

/* Skip link: off-screen until focused, then the first thing you tab to. */
.skip-link {
	position: absolute;
	top: 0;
	left: -9999px;
	z-index: 1080;
	padding: 0.75rem 1.25rem;
	background: #fff;
	color: #444145;
	font-weight: 600;
	border-radius: 0 0 0.25rem 0;
}

.skip-link:focus {
	left: 0;
}

/* The wrapper the skip link targets; tabindex="-1" makes it focusable. */
#main:focus {
	outline: none;
}

/* Honeypot: a field people never see and bots fill in. Off-screen rather than
   display:none, because some bots skip hidden inputs. */
.uc-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Where the contact form's reply appears. Empty until there is something to
   say, so it takes no space on a fresh page load. */
.form-status:empty {
	display: none;
}

.form-status {
	margin-top: 1rem;
}