:root{
	--theme-default: #22b66e;
	--theme-dark: #53a6fa;
	--theme-white: #f1f1f1;

	--menu-fold-width: 64px;
	--menu-fold-height: 36px;
	--menu-height: 30px;
}

body:not(.admin-menu-h) #adminmenu .menu-top > a:hover,
body:not(.admin-menu-h) #adminmenu .menu-top > a:focus,
body:not(.admin-menu-h) .wp-menu-open,
body:not(.admin-menu-h) .wp-menu-open:not(.opensub) .wp-submenu{
	box-shadow: inset 3px 0 0 0 var(--highlight-color) !important;
}

/* bar logo */
@media screen and (min-width: 783px) {
	body:not(.admin-menu-h) #wp-admin-bar-site-name > a,
	body:not(.admin-menu-h) #wp-admin-bar-site-name > a:hover{
		width: calc( var(--menu-width) - 20px );
		background-color: var(--menu-background) !important;
	}
	body:not(.admin-menu-h) #wp-admin-bar-site-name span{
		color: var(--menu-text);
	}
	body:not(.admin-menu-h).folded #wp-admin-bar-site-name > a{
		width: calc( var(--menu-fold-width) - 20px );
		justify-content: center;
	}
	body:not(.admin-menu-h).folded #wp-admin-bar-site-name > a img + span{
		display: none;
	}
}

@media (min-width: 783px) and (max-width: 960px) {
	body:not(.admin-menu-h).auto-fold #wp-admin-bar-site-name > a{
		width: calc( var(--menu-fold-width) - 20px );
		justify-content: center;
	}
	body:not(.admin-menu-h).auto-fold #wp-admin-bar-site-name > a img + span{
		display: none;
	}
}

/* login */
#login{
	padding: 10px 0;
	background-color: #fff;
	box-shadow: 0 1px 3px rgb(0 0 0 / 3%);
}
#login-form{
	padding: 8% 4%;
}
#login-form .button-primary{
	border-color: var(--theme-dark);
	background-color: var(--theme-dark);
}
body.login div#login h1 a{
	height: 36px;
}