/* N51ÁÔÆæ-209 IN-01 keyboard-accessible dropdown submenus.
 * :focus-within mirrors the existing :hover rules so submenus appear
 * when any descendant receives focus.
 * See themify-ultra/style.css:797 for the #main-nav hover counterpart.
 */
#main-nav li:not(.themify-widget-menu):focus-within > ul {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	transform: scale(1, 1);
}

/* Top-bar utility menu ("Info for" and "Tools") mirrors the existing
 * #menu-item-13512:hover and #menu-item-13513:hover rules at
 * ultra-child/style.css:1762-1775 so keyboard users get the same
 * submenu visibility on focus. */
#menu-item-13512:focus-within,
#menu-item-13513:focus-within {
	background-color: #00538D;
}

#menu-item-13512:focus-within .sub-menu,
#menu-item-13513:focus-within .sub-menu {
	display: block;
	position: absolute;
	background-color: #00538D;
	z-index: 3;
	top: 55px;
	left: 0;
	width: 728px;
	padding: 12px;
}

/* Visible focus outline on promoted nav "buttons" so keyboard users see
 * where they are. Native <a> focus outline is suppressed by theme CSS. */
#main-nav a[role="button"]:focus-visible,
.menu-top a[role="button"]:focus-visible {
	outline: 2px solid #003087;
	outline-offset: 2px;
}

/* The skip-link target receives programmatic focus via tabindex="-1"
 * when the user activates "Skip to main content". Suppress its focus
 * outline so the invisible empty div does not render a stray box.
 * Keyboard users still see their focus once they Tab further. */
#content-start:focus {
	outline: none;
}

/* Empty skip-link target sitting between header and main content:
 * zero height, zero width, zero visual impact. Scroll position lands
 * at the transition between #home-circles and template content. */
.skip-link-target {
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
}