/*
Name: Frontend Bar
Description: Branded Frontend Bar
Author: FIT di Formato Iovino Tiziano
Author URI: https://fitsolution.net
Version: 1.0
*/

:root {
    /* Base */    
	--branded-accent1: #1f569e;
    /* Highlight */    
	--branded-accent2: #9db6d7;
    /* Light Highlight/Bubbles */    
	--branded-accent3: #1f3526;
    /* Light Background */    
	--branded-accent4: #f7f9f7;
    /* Hover/Active Text */    
	--branded-accent5: #1f6d9e;

	--branded-bg-primary: #f2f2f2;
	--branded-bg-alt: var(--branded-accent1);
	--branded-bg-light: var(--branded-accent4);
	--branded-bg-dark: #040705;

    --branded-def-radius: 8px;
	--branded-def-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);

	--branded-text-primary: inherit;
	--branded-text-alt: var(--branded-accent5);
    --branded-text-light: #ffffff;
    --branded-text-dark: #000000;
	--branded-text-h1: var(--branded-accent2);
	--branded-text-h2: var(--branded-accent1);
	--branded-text-link: var(--branded-accent1);
	--branded-text-link-hover: var(--branded-accent2);

    --branded-top-nav-text: var(--branded-text-light);
    --branded-top-nav-text-hover: var(--branded-accent5);
    --branded-top-nav-bg: var(--branded-accent1);
    --branded-top-nav-bg-hover: var(--branded-accent2);    
	--branded-top-nav-sub-bg: var(--branded-accent2);
	--branded-top-nav-sub-bg-hover: unset;
    --branded-top-nav-sub-text: var(--branded-text-light);
    --branded-top-nav-sub-text-hover: var(--branded-accent5);        
	--branded-top-nav-sub-quicklinks-bg: var(--branded-accent1);
	--branded-top-nav-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
	--branded-top-nav-divider: 1px solid var(--branded-accent1);  	
}

/* Admin Bar */
#wpadminbar {
	background-color: var(--branded-top-nav-bg);
	color: var(--branded-top-nav-text);
    box-shadow: var(--branded-top-nav-shadow);
}

/* Logo */
#wpadminbar .ab-icon,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:after,
#wpadminbar .ab-item:before {
    color: var(--branded-top-nav-text);
}

#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before {
    content: "\f120";
    top: 2px;
}

#wp-admin-bar-wp-logo .ab-icon:before {
    content: "" !important;
}

/* Custom Logo */
#wp-admin-bar-branded-logo {
    background-image: var(--branded-logo) !important;
    background-color: #fff !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    margin: 4px 10px !important;
}

#wpadminbar .quicklinks .ab-empty-item {
    height: 100%;
    background-color: transparent !important;
    color: transparent !important;    
}

#wpadminbar .ab-item,
#wpadminbar > #wp-toolbar span.ab-label,
#wpadminbar > #wp-toolbar span.noticon,
#wpadminbar a.ab-item {
    color: var(--branded-top-nav-text);
}

#wpadminbar .ab-icon,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:after,
#wpadminbar .ab-item:before {
    color: var(--branded-top-nav-text);
}

#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
	background-color: var(--branded-top-nav-bg-hover);
	color: var(--branded-top-nav-text-hover)
}

#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label,
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover .ab-item:before {
    color: var(--branded-top-nav-text-hover);
}

#wpadminbar #wp-admin-bar-user-info .display-name {
	color: var(--branded-top-nav-text);
}

#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
	color: var(--branded-top-nav-text-hover);
}

#wpadminbar #wp-admin-bar-user-info .username {
	color: var(--branded-top-nav-text);
}

/* Grouped submenu divider */
#wpadminbar #wp-admin-bar-fb-edit .fb-edit-group {
    border-top: var(--branded-top-nav-divider) !important;
}

/* Admin Bar: submenu */
#wpadminbar .menupop .ab-sub-wrapper {
	background-color: var(--branded-top-nav-sub-bg);
}

#wpadminbar .ab-submenu .ab-item,
#wpadminbar .quicklinks .menupop ul li a,
#wpadminbar .quicklinks .menupop.hover ul li a,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
	color: var(--branded-top-nav-sub-text);
}

#wpadminbar .menupop .menupop > .ab-item:before,
#wpadminbar .quicklinks li .blavatar {
    color: var(--branded-top-nav-sub-text);
}

#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
    background-color: var(--branded-top-nav-sub-quicklinks-bg);
}

#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.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 .quicklinks li a:hover .blavatar,
#wpadminbar .quicklinks li a:focus .blavatar,
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
#wpadminbar .menupop .menupop > .ab-item:hover:before {
	color: var(--branded-top-nav-sub-text-hover);
    background: var(--branded-top-nav-sub-bg-hover);
}

#wpadminbar.mobile .quicklinks .ab-icon:before,
#wpadminbar.mobile .quicklinks .ab-item:before {
	color: var(--branded-top-nav-sub-text);
}

#wpadminbar.mobile .quicklinks .ab-icon:hover:before,
#wpadminbar.mobile .quicklinks .ab-item:hover:before {
	color: var(--branded-top-nav-sub-text-hover);
}

#wpadminbar .quicklinks .menupop ul li > .ab-item:hover,
#wpadminbar .quicklinks .menupop ul li a:focus,
#wpadminbar .quicklinks .menupop ul li a:hover {
    background-color: var(--branded-top-nav-text-hover-bg);
}

/* Admin Bar: search */
#wpadminbar #adminbarsearch:before,
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
    color: var(--branded-top-nav-text);
}

#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
	color: var(--branded-accent1);
	background: #ffffff;
}

/* My Account */
/* Avatar Image */
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
    height: 70%;    
    border-color: var(--branded-top-nav-bg);
    background-color: #ffffff;
    border-radius: 50%;
}
/* User Info */
#wp-admin-bar-user-info .avatar {
    background: #ffffff;
	border-radius: 50%;
}

#wp-admin-bar-user-info .avatar:hover {
    background: #ffffff;
}

/* Admin Bar: recovery mode */
#wpadminbar #wp-admin-bar-recovery-mode {
    color: #ffffff;
    background-color: #000000;
}

#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
    color: #ffffff;
}

#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item {
    color: #d1ded6;
    background-color: #000000;
}