@charset "UTF-8";
/*     submenu navigation links      */

.site-navigation {
  display: block;
  font-family: "Source Sans Pro";
  font-size: 16px;
  margin: 0px;
}

.site-navigation ul {
  background: #069639;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.site-navigation li {
  color: #fff;
  background: #069639;
  display: block;
  float: left;
  margin: 0 2px 0 0;
  padding: 12px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
  
.site-navigation li a {
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
}

.site-navigation li:hover {
  @include transition(background, 0.2s);
  background: #85ffad;
  cursor: pointer;
  text-decoration: underline;
}

.site-navigation ul li ul {
  background: #85ffad;
  visibility: hidden;
  float: left;
  min-width: 150px;
  position: absolute;
  transition: visibility 0.65s ease-in;
  margin-top:12px;
  left: 0;
  z-index: 999;
}

.site-navigation ul li:hover > ul,
.site-navigation ul li ul:hover {
   visibility: visible;
}

.site-navigation ul li ul li {
  clear: both;
  padding: 5px 0 5px 18px;
  width: 100%;
}

.site-navigation ul li ul li:hover {
  background: #85ffad;
  text-decoration: underline;
}