#menu-mobile-menu {
	display: none;
}

.navigation {
	line-height: 24px;
	margin: 0;
	padding: 0;
}

.navigation li {
	display: inline;
	list-style-type: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.navigation a {
	text-align: left;
	font-family: 'robotobold', sans-serif;
	font-size: 0.8em;
	font-style: normal;
	/*font-weight: bold;*/
	text-align: center;
	letter-spacing: 1.0px;
	text-decoration: none;
	text-transform: UPPERCASE;
	background-repeat: no-repeat;
	background-position: center bottom;
    transition: background,color 0.2s ease-in-out 0s;
}

.navigation .highlight a {
	background: transparent;
	border: 2px solid #fff!important;
}

.navigation .highlight .sub-menu a{
	border-top: none!important;
	border-right: 1px solid #fff!important;
	border-bottom: 1px solid #fff!important;
	border-left: 1px solid #fff!important;
}

.navigation .highlight .sub-menu li:first-child a{
	border-top: 1px solid #fff!important;
}

.navigation .highlight a:hover {
	background: #fff;
	color: #333;
}

.navigation li a {
	text-decoration: none;
	padding: 5px 3px;
	margin: 0 0 25px 0; /* Ensures dropdown reached */
}

.navigation li a:link, .navigation li a:visited {		/* The default state of the main navigation links */
    color: #eee;
}

.navigation li a:focus {
    outline: none;
}


.navigation li a:hover,
.navigation li a:active,
.navigation li.current_page_parent a,
.navigation li.current-menu-parent a,
.navigation li.current_page_item a {
	color: #fff;
}

.navigation li ul.sub-menu {
	position:absolute;
	top: 25px;
    padding: 0;
	margin: 0;
	width: 238px;
	display: block;
	left:-999em;
}

.navigation li:hover ul.sub-menu {
  	left:0;
}

.navigation .sub-menu li {
  margin:0;
  padding:0;
  display:block;
  height:auto;
  line-height:26px;
  z-index: 500;
  position:relative;
  border-left: none;
}

.navigation .sub-menu li a {
  margin: 0;
  width: 270px;
  text-align: left;
  line-height:26px;
  font-size: 14px;
  font-weight: normal;
  font-family: 'MuseoSans-300', sans-serif;
  transition: background 0.2s ease-in-out 0s;
  text-transform: none;
}

.navigation .sub-menu li a:link,
.navigation .sub-menu li a:visited {
  border-left: none;
  text-decoration: none !important;
  display:block;
  padding:8px 5px 8px 12px;
  /*width:auto;*/
  height:auto;
  white-space:nowrap;
  line-height:16px;
  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  background-color: #202020;
  border-bottom: 1px solid #333;
  color: #fefefe;
}

.navigation .sub-menu li a:hover,
.navigation .sub-menu li a:active {
	background-color: #808080;
}


.navigation ul.sub-menu .current_page_item a {
	background-color: #808080!important;
}

@media (max-width: 480px) { /* iPhone */

	#menu-main-menu {
		display: none;
	}

	#menu-mobile-menu {
		display: block;
	}

	.navigation {
		width: 100%;
		background: #404040;
		color: #fff;
		padding: 0;
		margin: 0;
		/*line-height: 20px;*/
	}

	.navigation li {
		display: inline-block;
/*		margin: 0;
		padding: 0;*/
		border-bottom: 1px solid #202020;
		text-indent: 4%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center right;
		padding: 0;
		line-height: 1.0em;
	}

	.navigation li a {
		font-size: 0.7em!important;
		width: 100%;
		display: inline-block;
		text-align: left;
		padding: 10px 0; /* Ensures dropdown reached */
		margin: 0!important;
	}



	.navigation li a:link, .navigation li a:visited {		/* The default state of the main navigation links */
	    color: #fff;
	}

	.navigation li a:hover,
	.navigation li a:active,
	.navigation li.current-menu-item a {
		color: #fff;
	}

	.navigation li:hover,
	.navigation li.current-menu-item {
		color: #fff;
		background-color: #808080;
	}

}

.subnavigation {
	width: 100%;
	padding: 0;
	margin: 3px 0 0 0;
}

.subnavigation li {
	display: inline-block;
	list-style-type: none;
	position: relative;
	margin: 0 5% 0 0;
	padding: 0;
}

.subnavigation a {
	display: block;
	text-align: left;
	font-size: 0.9em;
	font-style: normal;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center bottom;
	letter-spacing: -0.05em;
}

.subnavigation li a {
	text-decoration: none;
	padding: 0;
	margin: 0;
}


.subnavigation li a:link, .subnavigation li a:visited {
    color: #0a0a0a;
}

.subnavigation li a:focus {
    outline: none;
}


.subnavigation li a:hover,
.subnavigation li a:active,
.subnavigation li.current-menu-item-sub a {
	color: #2f3176;
}

@media (max-width: 480px) { /* iPhone */

	.subnavigation {
		width: 100%;
		padding: 0;
		margin: 0;
		background: #404040;
		line-height: 48px;
		display: none;
	}

	.subnavigation li {
		display: block;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #202020;
		text-indent: 7%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center right;
	}

	.subnavigation a {
		text-align: left;
		font-size: 0.8em;
	}

	.subnavigation li a:link, .subnavigation li a:visited {
	    color: #fff;
	}

	.subnavigation li a:hover,
	.subnavigation li a:active,
	.subnavigation li.current-menu-item-sub a {
		color: #fff;
	}

	.subnavigation li:hover,
	.subnavigation li.current-menu-item {
		color: #fff;
		background-image: url('../../../../../wp-content/themes/sportsprosconnect/images/assets/mobile_nav_arrow-2.png');
		background-color: #808080;
	}

}