#menu ul {

    margin: 0;

    padding: 0;

  }

  

  #menu .main-menu {

    display: none;

  }

  

  #tm:checked + .main-menu {

    display: block;

  }

  

  #menu input[type="checkbox"], 

  #menu ul span.drop-icon {

    display: none;

  }

  

  #menu li, 

  #toggle-menu, 

  #menu .sub-menu {

    border-style: solid;

    border-color: rgba(0, 0, 0, .05);

  }

  

  #menu li, 

  #toggle-menu {

    border-width: 0 0 1px;

  }

  li.current_page_ancestor > a, li.current_page_item a, li.current-menu-item a {
    color: #fff !important;
    background-color:#2e4535 !important;
}

  #menu .sub-menu {

    background-color: #2e4535;

    border-width: 1px 1px 0;

    margin: 0 1em;

  }

  

  #menu .sub-menu li:last-child {

    border-width: 0;

  }

  

  #menu li, 

  #toggle-menu, 

  #menu a {

    position: relative;

    display: block;

    color: #000;

    text-decoration: none;

  }

  

 .sub-menu li a{ color: #fff !important;}

  

  #toggle-menu {

    background: #333;

  }

  

  #toggle-menu, 

  #menu .nav-links a {

    padding: 1em 1.5em;

    text-transform: uppercase;

  }

  

  #menu a {

    transition: all .125s ease-in-out;

    -webkit-transition: all .125s ease-in-out;

  }

  

  

  

  #menu .sub-menu {

    display: none;

  }

  

  #menu input[type="checkbox"]:checked + .sub-menu {

    display: block;

  }

  

  #menu .sub-menu a:hover {

    color: #444;

  }

  

  #toggle-menu .drop-icon, 

  #menu li label.drop-icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  

  #menu label.drop-icon, #toggle-menu span.drop-icon {

    padding: 1em;

    font-size: 1em;

    text-align: center;

    background-color: rgba(0, 0, 0, .125);

    text-shadow: 0 0 0 transparent;

    color: rgba(255, 255, 255, .75);

  }

  

  @media only screen and (min-width: 1024px) {

    #menu .main-menu {

      display: block;

    }

  

    #toggle-menu, 

    #menu label.drop-icon {

      display: none;

    }

  

    #menu ul span.drop-icon {

      display: inline-block;

    }

  

    #menu li {

      float: left;

      border-width: 0 1px 0 0;

    }

  

    #menu .sub-menu li {

      float: none;

    }

  

    #menu .sub-menu {

      border-width: 0;

      margin: 0;

      position: absolute;

      top: 100%;

      left: 0;

      width: 350px;

      z-index: 19999;

    }

  

    #menu .sub-menu, 

    #menu input[type="checkbox"]:checked + .sub-menu {

      display: none;

    }

  

    #menu .sub-menu li {

      border-width: 0 0 1px;

    }

  

    #menu .sub-menu .sub-menu {

      top: 0;

      left: 100%;

    }

  

   #menu .sub-menu .drop-icon {

      position: absolute;

      top: 0;

      right: 0;

      padding: 1em;

    }

  

    #menu li:hover > input[type="checkbox"] + .sub-menu {

      display: block;

    }

  }