/* Admin Menu Bar */
.admin-menu-bar { width: 100%; position: fixed; top: 0; left: 0; z-index: 999999; padding: 0.1875rem 0; background: rgb(78,81,86); background: linear-gradient(180deg, rgba(78,81,86,1) 0%, rgba(0,0,0,1) 100%); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.875rem; text-transform: capitalize; }
.admin-menu-bar .menu-bar-wrap { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; margin: 0 auto; padding: 0 0.3125rem; }
.menu-bar-wrap .menu-toggle-item { display: none; }
.menu-bar-wrap .admin-menu-mobileToggle { padding: 0.625rem; }
.menu-bar-wrap .menu-bar-item { cursor: pointer; position: relative; padding: 0 0.125rem; color: hsl(var(--white)); }
.menu-bar-wrap .menu-bar-item-right { margin-left: auto; }
.menu-bar-wrap .menu-bar-logo { padding: 0 !important; }
.menu-bar-wrap .menu-bar-text { background: transparent; outline: none; border: none; }
.menu-bar-wrap .menu-bar-text, .menu-bar-wrap .menu-bar-link { display: block; position: relative; padding: 0.625rem 0.9375rem; border-radius: 0.1875rem; color: hsl(var(--white)); line-height: 1; text-decoration: none; }
.menu-bar-wrap .menu-bar-text:hover, .menu-bar-wrap .menu-bar-link:hover { background: hsl(0, 0%, 80%); color: hsl(0, 0%, 20%); }
.menu-bar-wrap .menu-bar-text .fa, .menu-bar-wrap .menu-bar-link .fa { line-height: 1; }
.menu-bar-wrap .menu-bar-text > span, .menu-bar-wrap .menu-bar-link > span { position: relative; top: 0.3125rem; margin-left: 0.375rem; }
.menu-bar-wrap .menu-bar-btn { border-radius: 0.1875rem; }
.menu-bar-wrap .menu-bar-dropdown { opacity: 0; visibility: hidden; width: 15.625rem; padding: 0; position: absolute; top: 80%; left: 0; background: hsl(var(--black)); box-shadow: 0 0 0.3125rem 0 rgba(0,0,0,0.5); transition: top 0.25s; }
.menu-bar-wrap .menu-bar-item-right .menu-bar-dropdown { left: auto; right: 0; }
.menu-bar-wrap .menu-bar-item:hover .menu-bar-dropdown { opacity: 1; visibility: visible; top: 100%; }
.menu-bar-wrap .menu-bar-dropdown li { list-style: none; padding: 0.375rem; }
.menu-bar-wrap .menu-bar-dropdown .menu-bar-link { padding: 0.625rem 1.875rem 0.625rem 0.9375rem; }
.menu-bar-wrap .menu-bar-dropdown .menu-bar-link:hover {  background: hsl(0, 0%, 80%); color: hsl(0, 0%, 20%); }
.menu-bar-wrap .menu-bar-dropdown .menu-bar-link:hover:after { content: '\00bb'; display: block; width: 0.625rem; height: 0.625rem; position: absolute; top: 50%; right: 0.625rem; transform: translate(0,-50%); line-height: 0.65; }

@media (max-width: 1024px) {
  body.admin-bar-active .i-wrapper { margin-top: 5.625rem; }
  body.admin-bar-active .i-header-mobileToggle, body.admin-bar-active .i-header-qs-scroller { top: 2.5rem; }
  body.admin-bar-active .i-header-navigation > ul { top: 5.625rem; }
}
@media (max-width: 768px) {
  .menu-bar-wrap .menu-toggle-item { display: block; }
  .menu-bar-wrap .menu-bar-item { display: none; }
  .menu-bar-wrap .menu-bar-dropdown-item { display: block; }
}