/*========================
  Sass File Compiled
========================*/
#nav-container {
  position: relative;
  width: 100%;
  width: 1040px;
  background: #7ac795;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#nav-bottom {
  width: 1040px;
  border-top: 1px solid lightgray;
  height: 1px;
  margin: auto;
}

#cssmenu > ul > li {
  float: left;
  border-right: 1px solid lightgray;
}

/*#cssmenu ul ul li {
  /*height: 0;
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease*/
/* animates sub-menu */
#cssmenu ul ul li a {
  /*height: 0;
  -webkit-transition: all .25s ease;
  -ms-transition: all .25s ease;
  transition: all .25s ease;*/
  background: #a4deb8;
}

/* Changes text color of sub-menu item */
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
  background: #7ac795;
}

#cssmenu ul ul ul li.active a {
  border-left: 1px solid #7ac795;
}

#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a {
  border-top: 1px solid #7ac795;
}

/* change color on hover over sub-menu */
#cssmenu ul li:hover {
  background: #a4deb8;
}

#cssmenu li.user__login {
  position: relative;
  font-family: Oswald;
  font-size: 16px;
  border-right: 0;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #cssmenu li.user__login {
    float: right;
    text-align: right;
  }
}

#cssmenu {
  /* Drop Register */
}

#cssmenu .user__login--container {
  position: absolute;
  display: none;
  z-index: 999;
  float: left;
  right: 0;
  width: 300px;
  top: 100%;
  background: #7ac795;
  padding: 1rem;
}

#cssmenu .show_submenu {
  display: block;
}

#cssmenu .user__login--form .user__login--form-structure input[type="text"],
#cssmenu .user__login--form .user__login--form-structure input[type="password"] {
  width: 100%;
  padding: 0.45rem;
  font-family: 'Raleway-Regular';
  font-size: 0.9rem;
  border: 1px solid #a4db97;
}

#cssmenu .user__login--form .user__login--form-structure {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  position: relative !important;
  left: 0 !important;
  text-indent: 0;
  background: #7ac795 !important;
}

#cssmenu .user__login--form .user__login--form-structure li {
  background: #7ac795 !important;
  padding: 0 0 1rem 0;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

#cssmenu .user__register a {
  width: 100%;
  float: left;
  text-align: left;
  padding: .5rem 0 0 0;
  color: #444 !important;
}

#loginButton {
  padding: 0.35rem;
  float: right;
  margin: 0 0.5rem 0 0;
}

.user_logged_in {
  background: #015a82;
}

@media (min-width: 768px) {
  #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
  }
}

@media (min-width: 768px) {
  #nav_container {
    background: #7ac795 !important;
  }
  #cssmenu ul ul li {
    /*height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;*/
    background: #7ac795 !important;
  }
}

.nav-ext-link-icon {
  float: right;
  font-size: 1.2em !important;
}