/* ---- General Styling ---- */
.standard-menu .nav-collapse,
.standard-menu .nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.standard-menu .nav-collapse,
.standard-menu .nav-collapse > ul {
  list-style: none;
  width: 100%;
  float: left;
  margin:0px;
  padding:0px;
}

.standard-menu .nav-collapse ul.submenu{
  margin:0px;
  padding:0px;
}

.standard-menu .nav-collapse a {
  text-decoration: none;
  font-size: medium;
  display: block;
  padding: 15px 15px;
}

.standard-menu ul > li {
  display: inline-block;
  position: relative;}

.standard-menu nav > ul li:hover .submenu {
  display: block;
}

.standard-menu nav > ul li.parent:hover ul.submenu li {
  display: block;
}
.standard-menu nav ul.submenu ul.submenu {
  display: none;
  position: absolute;
  width: 100%;
}
.standard-menu nav > ul li ul li:hover .submenu {
  display: block;
  left: 100%;
  top: 0;
}

/* ---- Mobile Styling CSS ---- */
.standard-menu .nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #FFF;
  width: 100%;
  font-size: large;
  text-transform: uppercase;
  padding: 20px 0px;
  float: right;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.45);
  -moz-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.45);
  -webkit-box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.45);
  background: #333333 url("images/hamburger.gif") no-repeat 50% 33%;
  background-position: right;
}

.standard-menu .nav-toggle:active,
.standard-menu .nav-toggle:focus {
  color: #FFF;
  text-decoration: none;
}

.standard-menu .nav-toggle:hover,
.standard-menu .nav-toggle:visited {
  text-decoration: none;
  color: rgb(161, 159, 161);
}


.standard-menu .nav-collapse {
  padding: 0px 15px;
  background: #333333;
  position: relative !important;
}

.standard-menu .nav-collapse a {
  background: #333333;
}

.standard-menu .nav-collapse li {
  width: auto;
}

/* Overwritable */
@media screen and (min-width: 769px) {
  .nav-collapse a {
    color: #FFF;
  }
}
.standard-menu nav ul.submenu {
  display: none;
  position: absolute;
  width:auto;
}
.standard-menu .nav-toggle {
  display: none;
}
.standard-menu ul.submenu:hover > li {
  display: block;
}




/* ---- Custom Library CSS ---- */
@media screen and (max-width: 768px) {
  .standard-menu nav ul.submenu {
    position: relative;
    display: block;
  }
  .standard-menu .nav-toggle {
    display: block;
  }
  .js .standard-menu .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
  }
}

.standard-menu .nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.standard-menu .nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 769px) {
  .js .standard-menu .nav-collapse {
    position: relative;
  }
  .js .standard-menu .nav-collapse.closed {
    max-height: none;
  }
  .standard-menu .nav-toggle {
    display: none;
  }
}


@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .standard-menu .nav-toggle {
    background-image: url("images/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}

@media screen and (max-width: 300px) {
  .standard-menu .nav-toggle {
    text-align: left;
    text-indent: 20px;
  }
}

@media screen and (max-width: 768px){

  .standard-menu .nav-collapse{
    border-bottom: 2px solid #333333;
  }

  .standard-menu ul > li {
    display: block;
  }

  .standard-menu .nav-collapse ul ul a:before {
    content: ' - ';
  }

  .standard-menu .nav-collapse ul ul ul{
    left:0;
    display: block !important;
    top: inherit;
    position: relative !important;
  }

  .standard-menu .nav-collapse ul ul ul a:before {
    content: ' -- ';
  }

  .standard-menu nav > ul li ul li:hover .submenu{
    left: 0;
  }

  .standard-menu .nav-collapse a {
    background: rgb(123, 123, 123);
    border-bottom: 1px solid #FFF;
  }

  .standard-menu .nav-collapse {
    padding: 0px;
  }
}