/* Small site-wide fixes to the theme's header (loaded on every page by includes/site.php). */

/* Rollovers in orange, like the main menu: the theme's pink failed the contrast check on the blue header and menus. */
header .login a:hover, header .login a:focus-visible { color: var(--orange, #ff8300) !important; }
.nav-wrapper .parent ul a:hover { background: var(--orange, #ff8300) !important; }

/* Logged in with the WordPress toolbar showing: the fixed header sat underneath it, cutting off the logo and menu. */
body.admin-bar header#sticky { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar header#sticky { top: 46px; }
}
@media screen and (max-width: 600px) {
	body.admin-bar header#sticky { top: 0; } /* the toolbar scrolls away at this size */
}

/* The theme puts the page's slug in the body classes, so on /login/ the body has class "login" and picked up the header's
   .login { float: right } (meant for the Login link): the whole page floated right on wide screens. */
body.login { float: none !important; margin: 0 !important; }