#site-navigation {
  left: 100%;
  position: absolute;
  top: 100%;
  width: auto;
}
#site-navigation ul,
#site-navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#site-navigation ul li {
	clear: both;
	float: left;
}
#site-navigation ul li a {
  background: rgba(255,255,255,0.75);
  border-radius: 0 5px 5px 0;
  color: #fff;
  color: rgba(255,255,255,0.9);
  display: block;
  font-weight: bold;
  font-size: 0.857em;
  margin: 0 0 0.5em;
  padding: 0.5em 1em;
  text-decoration: none;
  text-shadow: none;
  transition: background-color .5s, color .5s;
  white-space: nowrap;
}
#site-navigation ul li li a {
  font-size: 0.857em;
}
#site-navigation ul li a:focus,
#site-navigation ul li a:hover,
#site-navigation ul li a:active,
#site-navigation ul li.current_page_item a,
#site-navigation ul li.current-menu-item a {
  background: #fff;
  color: #333;
  text-shadow: none;
}
@media screen and (max-width: 768px) {
	#site-navigation ul li {
		width: 100%;
	}
	#site-navigation ul li a {
		background: #f0f0f0;
		display: block;
		font-weight: bold;
		padding: 1em;
	}
	#site-navigation .menu-toggle {
		width: 100%;
	}
}