@media (min-width: 1200px) {
  #navbar-collapse-1 > .navbar-nav { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;
    float: none; width: 100%; margin: 0; padding-left: 20px; box-sizing: border-box; }
  #navbar-collapse-1 > .navbar-nav > li { float: none; flex: 0 0 auto; margin: 0 !important; }
  #navbar-collapse-1 > .navbar-nav > li > a { display: flex; align-items: center; gap: 5px; position: relative;
    padding: 14px 5px !important; font-size: 14px !important; line-height: 20px; letter-spacing: .1px; white-space: nowrap;
    color: #fff; transition: color .2s ease; }
  #navbar-collapse-1 > .navbar-nav > li > a.dropdown-toggle::before { position: static !important; order: 2; top: auto !important;
    right: auto !important; margin: 1px 0 0 !important; font-size: 12px; line-height: 1; color: #eaab1c; transition: transform .2s ease; }
  #navbar-collapse-1 > .navbar-nav > li > a::after { content: ""; position: absolute; left: 5px; right: 5px; bottom: 7px; height: 2px;
    border-radius: 2px; background: #eaab1c; transform: scaleX(0); transform-origin: left center; transition: transform .25s ease; }
  #navbar-collapse-1 > .navbar-nav > li > a:hover,
  #navbar-collapse-1 > .navbar-nav > li > a:focus,
  #navbar-collapse-1 > .navbar-nav > li.open > a { color: #eaab1c !important; background: transparent !important; }
  #navbar-collapse-1 > .navbar-nav > li > a:hover::after,
  #navbar-collapse-1 > .navbar-nav > li > a:focus-visible::after,
  #navbar-collapse-1 > .navbar-nav > li.open > a::after { transform: scaleX(1); }
  #navbar-collapse-1 > .navbar-nav > li.open > a.dropdown-toggle::before,
  #navbar-collapse-1 > .navbar-nav > li:hover > a.dropdown-toggle::before { transform: rotate(180deg); }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  #navbar-collapse-1 > .navbar-nav { padding-left: 16px; }
  #navbar-collapse-1 > .navbar-nav > li > a { font-size: 13px !important; padding: 14px 4px !important; letter-spacing: 0; }
  #navbar-collapse-1 > .navbar-nav > li > a::after { left: 4px; right: 4px; }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  #navbar-collapse-1 > .navbar-nav { padding-left: 10px; }
  #navbar-collapse-1 > .navbar-nav > li > a { font-size: 12.5px !important; padding: 14px 3px !important; }
}
/* on wide screens the logo grew to 300 px and ran under "Home" (seen before this change too) */
@media (min-width: 1441px) {
  #logo_img { min-width: 0 !important; max-width: 230px !important; width: auto !important; height: auto !important; }
  /* the header keeps its taller wide-screen height: bring the logo down to the menu's line */
  #logo_img { transform: translateY(34px); }
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  #navbar-collapse-1 > .navbar-nav > li.dropdown > .dropdown-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; }
}

/* Clicking a link or button shows no focus box (owner's request, AUDIT D65); keyboard focus keeps its ring */
a:focus:not(:focus-visible),button:focus:not(:focus-visible),input[type=submit]:focus:not(:focus-visible),input[type=button]:focus:not(:focus-visible),.btn:focus:not(:focus-visible){outline:none !important}