/* HEADER - MAIN NAVIGATION */
#nav { text-align: center; clear: both; width: 100%; color: #919191;  font-family: 'Questrial', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 1.5rem; }
#nav a {  }

#nav ul { list-style-type: none; margin: 0; padding: 0; }
#nav ul li { position: relative; display: inline-block; margin: 5px; }
#nav ul li a { padding: 5px 15px; color: #fff; text-decoration: none; outline: none; border: 2px solid #000; border-radius: 3px; -o-transition: border 0.3s linear; -moz-transition: border 0.3s linear; -khtml-transition: border 0.3s linear; -webkit-transition: border 0.3s linear; -ms-transition: border 0.3s linear; transition: border 0.3s linear;}
#nav ul li a:hover { color: #fff; border: 2px solid #e10098; }
/* #nav ul li a:active { background: #e10098; border: 2px solid #e10098; } */
#nav ul li.active > a { color: #fff; }

#nav ul li.current_page_item a,
#nav ul li.current_page_parent a,
body.single-team #nav ul li.menu-item-174 a { border: 2px solid #e10098; }


/* SLIDEBARS */
#header .navbar-right { width: 30px; height: 25px; position: absolute; top: 30px; right: 15px; }
#header .navicon-line { width: 30px; height: 5px; border-radius: 1px; margin-bottom: 5px; background-color: #eee; }
#sb-site { background: #000; }
#sb-site-inner { background: #fff; box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.25); }
.sb-slidebar { width: 200px; background: #e10098; font-family: 'Questrial', sans-serif; text-transform: uppercase; letter-spacing: 2px; }
.sb-slidebar ul {
	padding: 0;
	margin: 0;
	list-style-type: none;    
}
.sb-slidebar li {
	margin: 0;
	padding: 0;
	font-size: 2.0rem;
	line-height: 1;
	position: relative;
}
.sb-slidebar li a {
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding: 15px 25px 15px 25px;
	text-decoration: none;
	background: #e10098;
	color: #fff;
	text-align: center;
}
.sb-slidebar ul li a:hover { background: #fff; color: #e10098; }


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}



/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#nav { font-size: 1.3rem; }
	#nav ul li { margin: 5px 3px; }
	#nav ul li a { padding: 5px 10px; }
}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#nav { font-size: 1.4rem; }
	#nav ul li { margin: 5px 4px; }
	#nav ul li a { padding: 5px 10px; }
}



/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#nav { font-size: 1.5rem; }
	#nav ul li { margin: 5px 5px; }
	#nav ul li a { padding: 5px 15px; }
}