/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/

/* Navigation changes */

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

#navigation {
	margin-bottom: 0em; 
	text-transform: uppercase;
}

ul.nav ul { 
	padding: 0 !important; 
	width: auto !important; }

#navigation ul.nav ul li a {
	color: #b5c1d3 !important;
	height: auto;
	padding: 1em;
	width: 19em !important; }

ul.nav li a {
	color: #b5c1d3 !important; 
	padding: .5em 1em;
}

ul.nav li ul li a {
	color: #b5c1d3 !important;
	line-height: 1.4em; }

ul.nav li ul li a:hover {
	text-decoration: none !important; }

#navigation .nav li:hover > a,
.nav a:focus,
.nav .current_page_item > a,
.nav .current_page_parent > a,
.nav .current-menu-ancestor > a,
.nav .current-cat > a,
ul.nav ul li.current-menu-item a {
	color: #ffffff !important;
	background: transparent !important; }

/* Changes the hover background, text and text shadow color  */
.nav li ul li a:hover, .nav li.sfHover ul li a.sf-with-ul:hover { 
	background:transparent !important;
}

/* Changes the default background color of a drop down menu with a child */
.nav li ul li, .nav li.sfHover ul li a.sf-with-ul { 
	background-color: #000000 !important; }
}

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

ul.nav {
  width: 100%; }

ul.nav li a {
  padding: .5em 1em;
  display: block;
  color: #b5c1d3; }

ul.nav li a:hover {
  color: #ffffff; }

ul.nav li.current_page_item a,
ul.nav li.current_page_parent a,
ul.nav li.current-menu-ancestor a,
ul.nav li.current-cat a,
ul.nav li.current-menu-item a {
  background: transparent;
  color: #b5c1d3; }

ul.nav li ul li a {
  background: none!important;
  color: #b5c1d3 !important;
  margin-left: 20px; }

.nav li:hover > a,
.nav a:focus,
.nav .current_page_item > a,
.nav .current_page_parent > a,
.nav .current-menu-ancestor > a,
.nav .current-cat > a,
ul.nav ul li.current-menu-item a {
  color: #ffffff !important; }

}