/* OMX Accessibility Patches - the little chrome the JS and PHP need. */

/* Skip link: off-screen until focused, then a solid navy chip top-right (RTL). */
.omx-skip-link{
	position:absolute;
	right:-9999px;
	top:0;
	z-index:100000;
	padding:12px 20px;
	background:#16305a;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	border-radius:0 0 0 4px;
}
.omx-skip-link:focus{
	right:0;
	outline:3px solid #9cc3ff;
	outline-offset:2px;
}

/* The main landmark gets tabindex="-1" so the skip link can move focus to it.
   That must not paint a ring when it is focused programmatically. */
#omx-main:focus{outline:none}

/* Search submit button. The theme's search box is a magnifier icon that opens a
   panel, so this sits inside that panel and has to look like it belongs. */
.omx-a11y-search-go{
	display:block;
	margin-top:10px;
	padding:8px 22px;
	background:#2c5aa0;
	color:#fff;
	border:0;
	font-weight:700;
	font-size:14px;
	cursor:pointer;
}
.omx-a11y-search-go:hover{background:#16305a}

/* The FAQ question button must inherit the heading's look exactly, otherwise
   swapping in a real <button> changes the design. */
.omx-a11y-toggle{
	all:unset;
	display:block;
	width:100%;
	cursor:pointer;
	font:inherit;
	color:inherit;
	text-align:inherit;
}
.omx-a11y-toggle:focus-visible{
	outline:3px solid #16305a;
	outline-offset:2px;
}