/*********************************************/
/*				Website-wide override		 */
/*********************************************/

/* Remove up/down increments from input boxes */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/*********************************************/
/*		  		General Properties     					 */
/*********************************************/

nav a 									{ position: relative;
													color: #ffffff; }
#logo 									{ font-weight: 900;
													color: #FFF8BD; }
.icon-bar 							{ background-color:#FFFFFF !important; }
.navbar-invisible 			{ padding-top: 1%; }


/*********************************************/
/*		  		Media Queries		 	     					 */
/*********************************************/

@media (min-width: 0px) {																				/* Base media query */
	.menuItem 						{ color: #797979; }
  #logo 								{ padding-top: 2em;
													font-size: 2em;
													margin-top: -4em;
													margin-left: 41px; }}
@media (min-width: 320px) {																			/* Excessively small phones */
	#logo 								{ padding-top: 2.5em; }
}
@media (min-width: 320px) {																			/* Excessively small phones */
	#logo 								{ padding-top: 2.5em; }}
@media (min-width: 360px) {																			/* Small phones */
	#logo 								{ margin-left: 50px;
													padding-top: 2em;
													margin-top: -1.5em; }}
@media (min-width: 600px) {		 																	/* Medium-large phones */
	#logo 								{ padding-top: 15px;
													font-size: 2em;
													margin-right: 1em;
													margin-top: 0; }}
@media (min-width: 767px) {
	.menuItem 						{ color: #FFFFFF; }}
@media (min-width: 800px) {																			/* Initial large tablet - initial monitors */
	#logo 								{ font-size: 3em; }}
@media (min-width: 1024px) {																			/* Initial large tablet - initial monitors */
	.menuItem 						{ font-size: 0.7em; }}
@media (min-width: 1400px) {																			/* Initial large tablet - initial monitors */
	.menuItem 						{ font-size: 1em; }}
@media (min-width: 2500px) {
	#logo 								{ margin-left: 20px; }}	


/*********************************************/
/*		  		Navigation Animation   					 */
/*********************************************/

.sliding-u-l-r 					{ display: inline-block; }

.sliding-u-l-r:after 		{ content: '';
													display: block;
													height: 2px;
													width: 0;
													background: transparent;
													transition: width .5s ease, background-color .5s ease; }

.sliding-u-l-r:hover:after 
												{ width: 80%;
													background: #FFFFFF; }

/*********************************************/
/*		  		Navbar Structure 	     					 */
/*********************************************/

.navbar-default 				{ background-color: #29394E;
													border-color: #29394E;
													border-width: 0.25px; }
.navbar-default .navbar-brand 
												{	color: #ffffff; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus 
												{ color: #ffffff; }
.navbar-default .navbar-text 
												{ color: #ffffff; }
.navbar-default .navbar-nav > li > a 
												{ color: #ffffff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus 
												{ color: #ffffff; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus 
												{ color: #ffffff;
													background-color: #1f233a; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus 
												{	color: #ffffff;
													background-color: #1f233a; }
.navbar-default .navbar-toggle 
												{ border-color: #29394E; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus 
												{ background-color: #1f233a; }
.navbar-default .navbar-toggle .icon-bar 
												{ background-color: #ffffff; }
.navbar-default .navbar-collapse,.navbar-default .navbar-form 
												{ border-color: #ffffff; }
.navbar-default .navbar-link 
												{ color: #ffffff; }
.navbar-default .navbar-link:hover { color: #ffffff; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form 
												{ border-color: #1f233a; }

/*********************************************/
/*		  		Mobile Navbar Structure 	     	 */
/*********************************************/
	
@media (max-width: 767px) {
  .navbar-default .navbar-nav 
  											{ padding-left: 20px; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a 
  											{ color: #ffffff; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus 
  											{ color: #ffffff; }
  .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: #ffffff;
  												background-color: #1f233a; 
  												padding-left: 2em; }}