#menu-headermenu a { transition: all 250ms ease-in-out;}
.nav-toggle{display: none;}
#menu-headermenu li{padding: 0 15px;position: relative;}
#menu-headermenu .current-menu-item,#menu-headermenu .current-menu-item a,#menu-headermenu a:hover { font-weight: 600; text-decoration: underline; }

#menu-headermenu li:last-child { padding: 0px;}
 
  @media only screen and (min-width: 840px) {
    
    ul#menu-headermenu {
      margin-right: 0px;
    }
  }
  
  
  .hide-nav {
    transform: translateY(-120%) !important;
    -webkit-transform: translateY(-120%) !important;
  }
  
  ul#menu-headermenu {
    display: flex;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 10;
    align-items: center;
    list-style: none;
  }
  @media only screen and (max-width: 850px) {
   ul#menu-headermenu{transition: all 450ms ease-in-out;display: none;}
  ul#menu-headermenu.menushown {  width: 100%;   display: flex; flex-direction: column; position: absolute; left: 0px; right: 0px; top: 59px;  padding: 10px 0 20px; bottom: 20px; gap: 0; height: auto; max-height: max-content; z-index: 99999; background: #000; box-shadow: 0px 4px 10px rgb(0 0 0 / 50%); border-radius: 0;}
    #menu-headermenu li{padding: 0 50px;}
    #menu-headermenu li a{display: flex;padding: 15px 0 0px;color: #fff!important;justify-content: center;align-items: center;line-height: 20px;font-size: 24px; font-weight: 600;}
  #menu-headermenu li:after{display: none;}
  #menu-headermenu .current-menu-item, #menu-headermenu .current-menu-item a, #menu-headermenu a:hover{color: #1D2530;font-weight: 600; text-decoration: none; }
  .nav-toggle{display: block;}
  .nav-toggle {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column; 
    background-color: transparent;
    height: 25px;
    width: 25px;
    cursor: pointer;
    position: relative;
    z-index: 11;
  }

  .nav-toggle.open span:first-child {
    transform:rotate(45deg) translate(3.5px, 3.5px);
  }
  
  .nav-toggle.open span:last-child {
    transform:rotate(-45deg) translate(1px, -1px);width: 20px;
  }
  .nav-toggle span {
    position: relative;
    display: block;
    height: 3px;
    width: 20px;
    margin: 3px 0 0;
    background-color: #000;
    transition: all 0.25s;
    border-radius: 2px;
  }
  .nav-toggle span:first-child{margin-top: 0;}
  }
  .nav-toggle.open span:nth-child(2){
    display: none;
  }
  .menu-headermenu-container:after{display: none;}
a.nav-toggle.open ~ .menu-headermenu-container:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  display: block;
}