:root{
	--theme-default: #40d050;
	--theme-dark: #121e21;
	--theme-orange: #ff5722;
	--theme-pink: #e91e63;
	--theme-purple: #673ab7;
	--theme-teal: #009688;
	--menu-fold-width: 72px;
	--menu-h-fold-height: 48px;
}

/* icon & name */
@media screen and (min-width: 783px) {
	.folded.admin-menu-h #adminmenu .menu-top > a{
		width: 52px;
	}

	.folded #adminmenu .menu-top > a{
		height: var(--menu-fold-height);
		overflow: hidden;
		justify-content: flex-start;
	}
	.folded #adminmenu .wp-menu-name{
		font-size: 11px;
		font-weight: normal;
		padding: 0 4px 0 4px !important;
		position: static;
		text-align: center;
		height: var(--menu-fold-height);
		display: flex;
		align-items: center;
	}
	.folded #adminmenu div.wp-menu-image{
		padding: 0 0 0 0;
		height: var(--menu-fold-height);
		display: flex;
		align-items: center;
		transition: margin-top 0.2s;
	}
	.folded #adminmenu .menu-top:hover > a div.wp-menu-image{
		margin-top: calc( var(--menu-fold-height) * -1 );
	}
}

@media (min-width: 783px) and (max-width: 960px) {
	.auto-fold.admin-menu-h #adminmenu .menu-top > a{
		width: 52px;
	}
	.auto-fold #adminmenu .menu-top > a{
		height: var(--menu-fold-height);
		overflow: hidden;
		justify-content: flex-start;
	}
	.auto-fold #adminmenu .wp-menu-name{
		font-size: 11px;
		font-weight: normal;
		padding: 0 4px 0 4px !important;
		position: static;
		text-align: center;
		height: var(--menu-fold-height);
		display: flex;
		align-items: center;
	}
	.auto-fold #adminmenu div.wp-menu-image{
		padding: 0 0 0 0;
		height: var(--menu-fold-height);
		display: flex;
		align-items: center;
		transition: margin-top 0.2s;
	}
	.auto-fold #adminmenu .menu-top:hover > a div.wp-menu-image{
		margin-top: calc( var(--menu-fold-height) * -1 );
	}
}

/* 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;
	}
}