:root {

  --custom-border-nodes-actual-site: 1px solid #767676;
  --custom-border-nodes-staging: 2px solid rgb(255, 192, 75);

}

body.admin-bar.turitop_wp_admin_front_wrap {
    margin-top: 30px;
  }
  
  @media screen and (max-width: 782px) {
    body.admin-bar.turitop_wp_admin_front_wrap {
      margin-top: 0;
    }
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar {
    height: 50px;
  }
  
  @media (max-width: 600px) {
  
    body.turitop_wp_admin_front_wrap #wpadminbar {
      position: fixed;
    }
  
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar * {
    font-family: Nunito Sans, sans-serif;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-toolbar {
    background: var(--turitop_admin_navigation_bg_color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: var(--turitop_admin_top_navigation_box_shadow);
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-toolbar ul#wp-admin-bar-root-default {
    display: inline-flex;
    align-items: center;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar .turitop_admin_logo_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar img.turitop_admin_logo_image {
    width: 40px;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar span.turitop_admin_logo_title {
    font-weight: bold;
    font-size: 22px;
  }
  
  @media (max-width: 600px) {
  
    body.turitop_wp_admin_front_wrap #wpadminbar img.turitop_admin_logo_image {
      width: 30px;
    }
  
    body.turitop_wp_admin_front_wrap #wpadminbar span.turitop_admin_logo_title {
      font-size: 18px;
    }
  
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar .quicklinks a {
    height: auto;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar {
    background: white;
    padding: 2px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar li#wp-admin-bar-wp-logo {
    width: var(--turitop_admin_side_bar_width);
  }
  
  /* TOP BAR */
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-toolbar>ul.ab-top-menu>li> a.ab-item >div,
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-toolbar>ul.ab-top-menu>li div.turitop_admin_menu_sections_current,
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-toolbar>ul.ab-top-menu>li#wp-admin-bar-my-sites a.ab-item[href*="wp-admin/my-sites.php"],
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-toolbar>ul.ab-top-menu #wp-admin-bar-languages >a>span.ab-label,
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-toolbar>ul.ab-top-menu #wp-admin-bar-my-account > a,
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-toolbar>ul.ab-top-menu #wp-admin-bar-my-account > a>span.display-name,
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-admin-bar-edit>a
  {
  
    font-weight: 600 ! important;
    color: var(--turitop_menu_subitem) ;
  }
  body.turitop_wp_admin_front_wrap #wpadminbar .ab-top-menu>li>.ab-item:focus,
  body.turitop_wp_admin_front_wrap #wpadminbar.ab-top-menu>li>.ab-item:focus,
  body.turitop_wp_admin_front_wrap #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus,
  body.turitop_wp_admin_front_wrap #wpadminbar>div>ul>li,
  body.turitop_wp_admin_front_wrap #wpadminbar ul.ab-top-menu>li.hover>.ab-item,
  body.turitop_wp_admin_front_wrap #wpadminbar ul.ab-top-menu>li:hover .ab-item
  {
    background: var(--turitop_admin_navigation_bg_color);
    color: var(--turitop_menu_subitem) ;
  }
  

  /* HOVER */
  /* TOP BAR */
  body.turitop_wp_admin_front_wrap #wpadminbar ul.ab-top-menu>li.hover>.ab-item:hover,
  body.turitop_wp_admin_front_wrap #wpadminbar ul.ab-top-menu>li .ab-item:hover,
  body.turitop_wp_admin_front_wrap #wpadminbar ul.ab-top-menu>li .blavatar:hover,
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-admin-bar-my-sites-list a.ab-item:hover div.blavatar:before,
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-admin-bar-edit:hover a.ab-item:before,
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-admin-bar-my-sites:hover a.ab-item:before
  {
    color: var(--turitop_admin_navigation_color_hover) !important;
  }

  body.turitop_wp_admin_front_wrap #wpadminbar a.ab-item:before,
  body.turitop_wp_admin_front_wrap #wpadminbar #wp-toolbar span.ab-label,
  body.turitop_wp_admin_front_wrap #wpadminbar .ab-icon,
  body.turitop_wp_admin_front_wrap #wpadminbar .ab-icon:before,
  body.turitop_wp_admin_front_wrap #wpadminbar ul,
  body.turitop_wp_admin_front_wrap #wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
  body.turitop_wp_admin_front_wrap #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu,
  body.turitop_wp_admin_front_wrap #wpadminbar .menupop .ab-sub-wrapper,
  body.turitop_wp_admin_front_wrap #wpadminbar ul.ab-top-menu>li:hover .blavatar,

  body.turitop_wp_admin_front_wrap #wpadminbar #wp-admin-bar-edit>a
  {
    background: var(--turitop_admin_navigation_bg_color);
    font-weight: var(--turitop_admin_navigation_font_weight);
    color: var(--turitop_menu_subitem) ;
  }
    
  /* ================= */
  
  @media (min-width: 970px) {
  
    body.turitop_wp_admin_front_wrap #wp-admin-bar-my-sites {
      margin-left: 10px;
    }
  
    body.turitop_wp_admin_front_wrap #adminmenuwrap {
      width: var(--turitop_admin_side_bar_width);
    }
  
    body.turitop_wp_admin_front_wrap #adminmenuback {
      box-shadow: var(--turitop_admin_side_navigation_box_shadow);
      width: var(--turitop_admin_side_bar_width);
    }
  
    body.turitop_wp_admin_front_wrap #wpcontent {
      margin-left: var(--turitop_admin_side_bar_width);
    }
  
    body.turitop_wp_admin_front_wrap #adminmenu {
      width: auto;
    }
  
    body.turitop_wp_admin_front_wrap #adminmenu .wp-submenu {
      width: auto;
      left: var(--turitop_admin_side_bar_width);
    }
  
  }
  
  
  /* CONTENT */
  
  body.turitop_wp_admin_front_wrap #wpcontent {
    background: var(--turitop_admin_side_body_bg_color);
  }
  
  /* WordPress Footer */
  #wpfooter {
    display: none;
  }
  
  /******************************
  ***** TOP Menu Sections *****
  *******************************/
  
  #wp-toolbar>ul>li#wp-admin-bar-turitop-top-menu>.ab-item {
    padding-left: 0;
    cursor: pointer;
  }
  
  #wp-toolbar>ul>li#wp-admin-bar-turitop-top-menu>.ab-item:hover div.turitop_admin_menu_sections_current ,
  #wp-toolbar>ul>li#wp-admin-bar-turitop-top-menu>.ab-item:hover svg.turitop_admin_menu_sections_main_icon{
    color: var(--turitop_admin_navigation_color_hover) !important; ;
  }
  
  @media screen and (max-width: 782px) {
  
    #wp-toolbar>ul>li#wp-admin-bar-turitop-top-menu,
    #wp-toolbar>ul>li#wp-admin-bar-wp-logo {
      display: block;
    }
  
    body.turitop_wp_admin_front_wrap #wpadminbar li#wp-admin-bar-wp-logo {
      margin-right: 10px;
      width: 120px;
    }
  }
  
  @media (max-width: 600px) {
  
    body.turitop_wp_admin_front_wrap #wpadminbar li#wp-admin-bar-wp-logo {
      width: 90px;
    }
  
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_main_icon_wrap {
    position: relative;
    cursor: pointer;
  }
  
  /******************************
  ***** MAIN Menu Icon of 9 points *****
  *******************************/
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_main_icon {
    display: inline-block;
    height: 28px;
    width: 38px;
    color: #787878;
    cursor: pointer;
    top: 3px;
    position: relative;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_main_icon_wrap:hover .turitop_admin_menu_sections_main_icon {
    color: black;
  }
  
  /******************************
  ***** MAIN Menu Icon current section *****
  *******************************/
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_current {
    color: black;
    display: inline-block;
    vertical-align: middle;
    top: -6px;
    position: relative;
  }
  
  @media (max-width: 400px) {
  
    body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_current {
      display: none;
    }
  
  }
  
  /******************************
  ***** Content of Menu sections *****
  *******************************/
  
  body.turitop_wp_admin_front_wrap #wpadminbar .turitop_admin_menu_sections_main_icon_wrap .turitop_admin_menu_sections_content_wrap {
    display: none;
    border: 0.0625rem solid #e6e4eb;
    background-color: #fff;
    border-radius: 0.375rem;
    box-shadow: 0 4px 14px 0 rgba(37, 32, 31, 0.25);
    padding: 15px;
    position: absolute;
    left: -30px;
    top: 40px;
    width: 300px;
  }
  
  @media (max-width: 600px) {
  
    body.turitop_wp_admin_front_wrap #wpadminbar .turitop_admin_menu_sections_main_icon_wrap .turitop_admin_menu_sections_content_wrap {
        left: -60px;
        width: 220px;
      }
  
  }
  
  @media (max-width: 400px) {
  
    body.turitop_wp_admin_front_wrap #wpadminbar .turitop_admin_menu_sections_main_icon_wrap .turitop_admin_menu_sections_content_wrap {
      left: -120px;
      width: 220px;
    }
  
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>ul>li#wp-admin-bar-turitop-top-menu>.ab-item:hover .turitop_admin_menu_sections_content_wrap {
    display: inline-block;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar .turitop_admin_menu_sections_content {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section {
    cursor: pointer;
    min-width: 65px;
    padding: 10px;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section:hover {
    background: var(--turitop_background_hover_icon);
    border-radius: 5px;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section:hover .turitop_admin_menu_sections_icon {
    background: var(--turitop_background_hover_icon);
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section:hover .turitop_admin_menu_sections_icon::before {
    background: var(--turitop_background_hover_icon);
  }
  
  /******************************
  ***** Menu Icons of sections *****
  *******************************/
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_icon {
    display: inline-block;
    width: 100%;
    font-size: 30px;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section:hover .turitop_admin_menu_sections_icon {
    font-size: 40px;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_icon {
    display: inline-block;
    width: 100%;
    font-size: 30px;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_icon_title {
    display: block;
    color: black;
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  
  body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section:hover .turitop_admin_menu_sections_icon_title {
    font-weight: bold;
  }

  /* Powerbox border bottom border  */
  body.turitop_wp_admin_front_wrap #wp-toolbar>ul>li#wp-admin-bar-turitop-top-menu>div{
    border-bottom-color:#003764!important;
}

/*****************  Icons Inside Powerbox   *************
***** Menu Icon Admin *****/
body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section.turitop_admin_menu_sections_content_section_admin_box .turitop_admin_menu_sections_icon::before {
    color: var(--turitop_admin_navigation_color_admin_box);
    bottom: -10px;
}
/******************************
***** Menu Icons Catalogue ****/
body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section.turitop_admin_menu_sections_content_section_catalogue_box .turitop_admin_menu_sections_icon::before {
    color: var(--turitop_admin_navigation_color_catalogue_box);
    bottom: -10px;
  }
/******************************
***** Menu Icons Comercial */
body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section.turitop_admin_menu_sections_content_section_comercial_box .turitop_admin_menu_sections_icon::before {
    color: var(--turitop_admin_navigation_color_comercial_box);
    bottom: -10px;
}
/******************************
***** Menu Icons Front Desk */
body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section.turitop_admin_menu_sections_content_section_front_desk_box .turitop_admin_menu_sections_icon::before {
    color: var(--turitop_admin_navigation_color_front_desk_box);
    bottom: -10px;
}
/******************************
***** Menu Icons Performance **/
body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section.turitop_admin_menu_sections_content_section_performance_box .turitop_admin_menu_sections_icon::before {
    color: var(--turitop_admin_navigation_color_performance_box);
    bottom: -10px;
}
/******************************
***** Menu Icons of Website */
body.turitop_wp_admin_front_wrap #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .turitop_admin_menu_sections_content_section.turitop_admin_menu_sections_content_section_website_box .turitop_admin_menu_sections_icon::before {
    color: var(--turitop_admin_navigation_color_website_box);
    bottom: -10px;
}

  /* Updraft plus maybe  */
  body.turitop_wp_admin_front_wrap #wp-admin-bar-updraft_admin_node {
    display: none;
  }

/* Staging Sites */
/* Hide default wp dashicon in my-sites node */
body.turitop_wp_admin_front_wrap.turitop-tvw-staging-site #wpadminbar #wp-admin-bar-my-sites .ab-item:before,
/* Hide Visit Page in front */
body.turitop_wp_admin_front_wrap.turitop-tvw-staging-site #wpadminbar #wp-admin-bar-visit_site
{
  display: none;
}
/* Warning message */
body.turitop_wp_admin_front_wrap.turitop-tvw-staging-site #wpadminbar #wp-admin-bar-my-sites{
  border: 2px solid orange;
  border-radius: 3px;
}
/* Warning icon */
body.turitop_wp_admin_front_wrap.turitop-tvw-staging-site #wpadminbar .dashicons-warning
{
  color: #ffa500;
}
/* Top bar */
body.turitop_wp_admin_front_wrap.turitop-tvw-staging-site #wp-toolbar
{
  box-shadow: 0 10px 10px -5px rgb(248, 220, 170) !important;
}
/* Top bar nodes in Environment */
ul#wp-admin-bar-my-sites-list > li.turitop-tvw-actual-site {
  border: var(--custom-border-nodes-actual-site);
}

li[id*="wp-admin-bar-blog-"].menupop:has(a[href*="staging"]) {
  border: var(--custom-border-nodes-staging);
}