/* NAVIGATION BRACKETS AND HEADER STYLING */
@media (min-width: 992px) {
  .header-style-one {
    top: 0 !important;
    position: relative;
    height: 124px;
    display: flex;
    align-items: center;
  }
  .header-style-one .header-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
  }
  .header-style-one .header-left { flex: 0 0 16%; padding: 0; }
  .header-style-one .header-right { padding-left: 0; z-index: 9; }
  .header-style-one .header-right .sitenav { padding-left: 35px; }
  .header-style-one .header-right .sitenav ul li a {
    padding-top: 10px; padding-bottom: 10px;
  }
  .header-style-one .header-right .sitenav ul.menu > li > a::before,
  .header-style-one .header-right .sitenav ul.menu > li > a::after { top: 6px !important; }
  .header-style-one .header-right .sitenav ul.sub-menu li a::before,
  .header-style-one .header-right .sitenav ul.sub-menu li a::after { top: 5px !important; }
}
nav ul li a {
  position: relative; color: white; text-decoration: none;
  padding: 10px 15px; display: inline-block;
}
nav ul li a::before, nav ul li a::after {
  content: '*'; color: red; position: absolute; font-size: 14px; line-height: 1;
}
nav ul li a::before { left: -10px; top: 50%; transform: translateY(-50%); }
nav ul li a::after  { right: -10px; top: 50%; transform: translateY(-50%); }
nav ul li a:hover::before { content: '[*'; left: -18px; }
nav ul li a:hover::after  { content: '*]'; right: -18px; }



/* ===== Header top-gap hotfix (ASCII only) ===== */
html, body { margin-top: 0 !important; }

/* Theme header wrappers: keep them pinned to the top */
#header-wrapper,
.site-header,
#masthead,
header#header {
  position: relative;
  top: 0 !important;
  margin-top: 0 !important;
  transform: translateY(0) !important;
}

/* If your theme makes the header fixed/sticky, respect the admin bar height */
body.admin-bar #header-wrapper.fixed,
body.admin-bar .site-header.fixed {
  top: 32px !important;
}
@media (max-width: 782px) {
  body.admin-bar #header-wrapper.fixed,
  body.admin-bar .site-header.fixed {
    top: 46px !important;
  }
}