/* Customized Bootstrap Styles for this template
-- Styles start with smallest (phone size) and go up to largest  
-- media queries should use min-width since we're going from smallest to largest 
*/

/* initial styles */
body {
	padding-top: 1.5em;
  	padding-bottom: 1.5em;
}

h1 {
	font-size: 1.7em;
	font-weight: normal;
}

.container {
	margin-top:  0;
}

.navbar-default {
	width: 100%;
}

.navbar-nav li a.activenav,
.navbar-nav li a.activenav:visited,
.navbar-nav li a.activenav:focus,
.navbar-nav li a.activenav:hover,
.navbar-nav li a.activenav:active  {
	padding-top: 4px;
	padding-bottom: 4px;
	width: 102%;
}

div.row.footer {
	max-width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}

footer li {
	padding-left: 20px;
	display: inline;
	margin: 0px 10px 0px 0px;
}

@media (min-width: 320px) {
	.navbar {
		margin-bottom: 0;
	}
	
	.sidebar-nav .navbar .navbar-collapse {
		width: 100%;
  	}
	
	.sidebar-nav .navbar .navbar-collapse li {
		width: 90%;
		margin-left: 1em;
		margin-right: 1em;
		font-size: 1.2em;
	}
	
	.container-fluid { 
		margin-top: -2em;
		padding-left: 0;
	}
	
	div.row.footer {
		width: 100%;
		margin-left: .5em;
	}
	
	footer ul {
		width: 100%;
		padding-left: 0;
		text-align: left;
	}
	
	footer ul li {
		clear: both;
		float: left;
		width: 100%;		
	}
	
}

/* devices 768px and larger */
@media (min-width: 768px) { 

	.container-fluid { /* remove padding for larger viewports */
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
		margin-left: 0;
	}
	
	div.row.footer {
		max-width: 960px;
		width: 98%;
		margin-left: .75em;
		text-align: center;
		font-size: .8em;
	}
 
/* make sidebar nav vertical left side */ 
  	.navbar {
		margin-right: 3px;
		border-radius: 0;
		margin-bottom: 0;
		padding-bottom: 2em;
	}
	
  	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		padding-left: 0;
		max-height: none;
		margin-left: 0;
		width: 210px;
  	}
	
	.sidebar-nav .navbar .navbar-collapse li {
		width: 98%;
		margin-left: 0;
		padding-right: 1px;
		font-size: 1em;
	}
  
  	.sidebar-nav .navbar-header { 
		float: none; 
	}
  
  	.sidebar-nav .navbar ul {
		float: left;
  	}
  
  	.sidebar-nav .navbar li {
		width: 100%;
		display: block;
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
		font-family: Verdana, Geneva, sans-serif;
		/*font-size: .9em;*/
  	}

  	.navbar-nav li a,
	.navbar-default .navbar-nav>li>a,
	.navbar-nav li a:visited,
	.navbar-nav li a:hover,
	.navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:hover {
		width: 100%;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.navbar-default {
		border-right: none;
		width: 100%;
	}
	
  	/* uncomment if you would like the menu to be fixed */
  	/* .navbar {
	  	position: fixed;
	  	width: 170px;
	  	z-index: 2;
  	} */
/* END left vertical nav */

	footer {
		clear: both;
		text-align: center;
		float: none;
	  	width: 100%;
	}
	
	footer ul {
		text-align: center;
		float: none;
		margin: auto;
		width: 100%;
	}

	footer ul li {
		clear: none;
		width: auto;	
		display: inline-block;
		float: none;
		margin-right: 2em;
		text-align: left;
	}
 
}

@media (min-width: 990px) {
	div.row.footer {
		width: 100%;
		margin: auto;
	}
	
	footer ul {
		width: 88%;
	}
	
}

@media (min-width: 1200px) {
}