/*--------------------------------------
  Admin Bar Styles
---------------------------------------*/
html {
	--wp-admin--admin-bar--height: 48px;
	scroll-padding-top: var(--wp-admin--admin-bar--height);
}

#wpadminbar {
	background-color: var(--color-background-bar);
	height: var(--wp-admin--admin-bar--height);
	border-bottom: solid 1px var(--border-color);
	color: var(--color-text-default);
	padding: 0 var(--spacing-sm);
	box-sizing: border-box;
}

#wpadminbar .quicklinks a,
#wpadminbar .quicklinks .ab-empty-item,
#wpadminbar .shortlink-input {
	height: var(--wp-admin--admin-bar--height);
	line-height: var(--wp-admin--admin-bar--height);
}

#wpadminbar #wp-admin-bar-site-editor > .ab-item:before,
#wpadminbar #wp-admin-bar-edit > .ab-item:before,
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
#wpadminbar .ab-icon,
#wpadminbar .ab-item:before,
.wp-admin-bar-arrow,
#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
	top: 50%;
	margin-top: -10px;
	padding: 0;
	height: 20px;
	line-height: 20px;
}

#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
	top: 0;
}

#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu,
#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
	box-shadow: none;
	background: var(--color-background-bar);
}

#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
	background: none;
}

#wpadminbar .menupop .ab-sub-wrapper {
	border-bottom-left-radius: var(--border-radius-sm);
	border-bottom-right-radius: var(--border-radius-sm);
	border: solid 1px var(--border-color);
	border-top-color: var(--color-background-bar);
}

#wpadminbar .menupop .ab-sub-wrapper .ab-sub-wrapper {
	border-top-left-radius: var(--border-radius-sm);
	border-top-right-radius: var(--border-radius-sm);
	border: solid 1px var(--border-color);
}

#wpadminbar .menupop li:hover > .ab-sub-wrapper,
#wpadminbar .menupop li.hover > .ab-sub-wrapper {
	margin-left: calc(100% + var(--spacing-xs));
}

#wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
	font: var(--fa-font-solid);
	content: "\f105";
}

#wpadminbar .ab-submenu {
	padding: var(--spacing-sm) 0;
}

#wpadminbar ul li#wp-admin-bar-new-content {
	margin-left: auto;
	height: var(--wp-admin--admin-bar--height);
	line-height: var(--wp-admin--admin-bar--height);
	display: flex;
	align-items: center;
	justify-content: center;
}

#wpadminbar li#wp-admin-bar-new-content > .ab-sub-wrapper {
	right: 0;
	top: 100%;
}

#wpadminbar ul li#wp-admin-bar-new-content > a {
	border-radius: var(--border-radius-xs);
	background: var(--color-button-primary-background);
	color: var(--color-button-primary-text);
	width: 32px;
	height: 32px;
	text-align: center;
	padding: 4px;
	box-sizing: border-box;
	display: block;
}

#wpadminbar
	> #wp-toolbar
	> #wp-admin-bar-root-default
	> #wp-admin-bar-new-content
	.ab-label {
	display: none;
}

#wpadminbar
	> #wp-toolbar
	> #wp-admin-bar-root-default
	> #wp-admin-bar-new-content
	.ab-icon {
	position: relative;
	top: initial;
	margin: 0;
	line-height: inherit;
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
}
#wpadminbar
	> #wp-toolbar
	> #wp-admin-bar-root-default
	> #wp-admin-bar-new-content
	.ab-icon:before {
	content: "\f543";
	font: "dashicons";
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	vertical-align: top;
	color: inherit;
}

#wpadminbar
	> #wp-toolbar
	> #wp-admin-bar-root-default
	> #wp-admin-bar-new-content.hover
	.ab-icon:before {
	color: var(--color-button-primary-text-hover);
}

#wpadminbar .quicklinks ul#wp-admin-bar-root-default {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#wpadminbar ul li#wp-admin-bar-new-content > a:focus,
#wpadminbar ul li#wp-admin-bar-new-content > a:hover {
	border-radius: var(--border-radius-xs);
	background: var(--color-button-primary-background-hover);
	color: var(--color-button-primary-text-hover);
}

#wpadminbar .menupop .menupop > .ab-item {
	padding-left: var(--spacing-md);
	padding-right: var(--spacing-xl);
	line-height: 32px;
}

#wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow:before {
	padding: 0;
	line-height: inherit;
}

#wpadminbar .menupop .menupop > .ab-item .wp-admin-bar-arrow {
	line-height: inherit;
}

/* Admin bar links and icons */
#wpadminbar .quicklinks .menupop ul li a,
#wpadminbar .quicklinks .menupop ul li a strong,
#wpadminbar .quicklinks .menupop.hover ul li a,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a,
#wpadminbar .ab-empty-item,
#wpadminbar a.ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon,
#wpadminbar a,
#wpadminbar a:focus,
#wpadminbar a:hover {
	color: var(--color-link-default);
}

#wpadminbar .ab-icon:before {
	color: var(--color-link-hover);
}
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a strong:hover,
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:focus,
#wpadminbar .quicklinks .menupop ul li a:hover strong,
#wpadminbar .quicklinks .menupop ul li a:focus strong,
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover,
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
#wpadminbar li:hover .ab-icon:before,
#wpadminbar li:hover .ab-item:before,
#wpadminbar li a:focus .ab-icon:before,
#wpadminbar li .ab-item:focus:before,
#wpadminbar li .ab-item:focus .ab-icon:before,
#wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before,
#wpadminbar li:hover #adminbarsearch:before,
#wpadminbar li #adminbarsearch.adminbar-focused:before,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item {
	color: var(--color-link-hover);
	background: none;
}

/* Admin bar items padding */
#wpadminbar .ab-item {
	padding: 0 10px;
}

/* Submenu background */
#wpadminbar .ab-sub-wrapper {
	background-color: var(--color-background-menu);
}

/* Submenu item hover */
#wpadminbar .ab-sub-wrapper .ab-item:hover > a {
	background-color: var(--admin-page-bg);
	color: var(--color-text) !important;
}

/* Notification badge */
#wpadminbar .ab-label {
	color: inherit;
	padding: 0 4px;
}

#wpadminbar #wp-admin-bar-edit > .ab-item:before,
#wpadminbar #wp-admin-bar-site-editor > .ab-item:before,
#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
	font: var(--fa-font-solid);
	font-size: 14px;
	line-height: 20px;
}

#wpadminbar #wp-admin-bar-my-sites > .ab-item:before {
	content: "\f6ff";
}

#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
	content: "\f024";
}

.wp-admin #wpadminbar #wp-admin-bar-site-name > .ab-item:before {
	content: "\f015";
}

#wpadminbar #wp-admin-bar-site-editor > .ab-item:before {
	content: "\f55d";
}

#wpadminbar #wp-admin-bar-edit > .ab-item:before {
	content: "\f044";
}

#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar #adminbarsearch:before {
	color: inherit;
}

#wp-admin-bar-wpaas .ab-icon.gd-wpaas {
	background-position: center;
}

@media screen {
	html {
		margin-top: 0 !important;
	}

	html body.admin-bar {
		margin-top: var(--wp-admin--admin-bar--height) !important;
	}

	html.wp-toolbar {
		padding-top: 0;
	}
}
@media screen and (max-width: 782px) {
	html {
		margin-top: 0 !important;
	}
	html body.admin-bar {
		margin-top: var(--wp-admin--admin-bar--height) !important;
	}

	#wpadminbar #wp-admin-bar-site-editor > .ab-item:before,
	#wpadminbar #wp-admin-bar-edit > .ab-item:before,
	#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
	#wpadminbar .ab-icon,
	#wpadminbar .ab-item:before,
	.wp-admin-bar-arrow,
	#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
	#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
		font-size: 20px;
		line-height: 30px;
		height: 30px;
		margin-top: -15px;
	}

	#wpadminbar
		> #wp-toolbar
		> #wp-admin-bar-root-default
		> #wp-admin-bar-new-content
		.ab-icon:before {
		height: 24px !important;
		font-size: 18px;
	}

	#wpadminbar li#wp-admin-bar-new-content > .ab-sub-wrapper {
		right: 8px;
		left: 200px;
		width: auto;
	}
}
@media print {
	#wpadminbar {
		display: none;
	}
}