body.user-role-site-admin {
   margin-top: 60px;
}

body.user-role-site-admin #toolbar-bar {
   display: none !important;
}

body.user-role-site-admin #toolbar-item-administration-tray {
   display: none !important;
}

body.user-role-site-admin .menu--menu-site-admin {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   background-color: #244ccd;
   height: 60px;
   color: black;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   z-index: 1000;
   border-bottom: 1px solid hsl(175, 14%, 60%);
}

body.user-role-site-admin .menu--menu-site-admin .menu {
   all: unset;
   display: flex;
   width: 100%;
   gap: 2px;
   align-items: center;
   justify-content: center;
   margin: 0;
   padding: 0 20px;
}

body.user-role-site-admin .menu--menu-site-admin .menu li {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

body.user-role-site-admin .menu--menu-site-admin .menu li a {
   all: unset;
   cursor: pointer;
   display: block;
   font: normal normal 500 15px / 1.4 'IBM Plex Sans', sans-serif;
   padding: 12px 16px;
   color: white;
   text-decoration: none;
   transition: all 0.2s ease-in-out;
   border-radius: 4px;
   white-space: nowrap;
   background-color: transparent;
}

body.user-role-site-admin .menu--menu-site-admin .menu li a:hover {
   background-color: #E3F5FC;
   color: black;
   transform: translateY(-1px);
}
body.user-role-site-admin .menu--menu-site-admin h2 {
   display: none !important;
}

@media screen and (max-width: 976px) {
   body.user-role-site-admin{
      margin-left: 0 !important;
   }
}

@media screen and (max-width: 789px) {
   body.user-role-site-admin{
      margin: 0 !important;
   }
   body.user-role-site-admin .menu--menu-site-admin{
      display: none !important;
   }
}