@charset "utf-8";
/* Nav bar styling */

/* Drop shadow for nav bar - turned off 
nav  {
-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 4px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 4px 10px 0px rgba(0, 0, 0, 0.3);
}
*/

.navbar-default {
  background-color: #2E2E38;
  border-color: #2E2E38;
}
.navbar-default .navbar-brand {
  color: #707070;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffof;
}
.navbar-default .navbar-text {
  color: white;
}
.navbar-default .navbar-nav > li > a {
  color: white;
  font-weight:regular;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #2E2E38;
  border-bottom: 1px solid #fff;

}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #2E2E38;/* When you click on dropdown top */
}
.navbar-default .navbar-toggle {
  border-color: #fff;/* border of botton */
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #707070; /* center color of botton */
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff; /* lines color of botton */
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #2E2E38;
	background: #2E2E38;
}
.navbar-default .navbar-link {
  color: #2E2E38;
}
.navbar-default .navbar-link:hover {
  color: #2E2E38;
}

/* styling of dropdown menu for CPU */
.navbar-default .navbar-nav .open .dropdown-menu {
	border-radius:0px;
	margin-top:4px;
	padding:0px 0px 0px 0px;
	background: #2E2E38;/* transparent background */
	border-bottom:6px solid #1A9AFA;
	border-right:0px;
	border-left:0px;
	margin-right: 300px;
	
  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
	font-weight:bold;
	border-top:1px solid #fff;
  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
	background-color:#2E2E38;
  }
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #2E2E38;
	border-bottom: 2px solid #1A9AFA;
  }
/* styling of dropdown menu for mobile */
@media (max-width: 767px) {
.navbar-default {
  height:50px;
}
.navbar-default .navbar-toggle {
  margin-top:25px;
  margin-bottom:20px;
}
.navbar-default .navbar-nav  {
  margin-top: 5px;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  padding-top: 10px;
  /*border-top:1px solid #fff;*/
  background: #2E2E38;/* transparent background */
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #2E2E38;
  background-color: #1A9AFA;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  /*border-top:1px solid #fff;*/
  color: #1A9AFA;
  background-color: #2E2E38;
  border-bottom:0px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #2E2E38;
  background-color: #1A9AFA;/* When you click on dropdown top */
  border-top:1px solid #fff;
}
/* styling of dropdown of dropdown menu for mobile */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
	font-weight:bold;
	border-bottom:1px solid #707070;
	background-color:#2E2E38;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #1A9AFA;
	background-color:#707070;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #2E2E38;
	border-bottom: 2px solid #1A9AFA;
  }

}

/******* ADJUST FOR TABLETS ********/
@media (min-width: 768px) {	
.navbar-default {
  height:50px;
}
.navbar-default .navbar-nav > li > a {
  padding-top: 25px;
	padding-bottom: 0px;
}
}

/******* ADJUST FOR DESKTOPS ********/
@media (min-width: 996px) {
.navbar-default {
  height:50px;
}

.navbar-default .navbar-nav > li > a {
  padding-top: 25px;
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 25px;
	margin-left: 25px;
}
}