/* 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: 0;
	width: 100%;
}

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

.container-fluid {
	margin-top:  0;
}

.navbar-default {
	width: 100%;
}

.navbar-nav>li>a.activenav {
	padding-top: 4px;
	padding-bottom: 4px;
}

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

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

fieldset {
	min-width: 1px; /* bootstrap has it set to 0, but this is breaking the contact form */
}


@media (min-width: 320px) {
	.container-fluid { 
		width: 100%;
		padding: 0;
		margin: -2em auto 0 auto;
	}
	
	.sidebar-nav .navbar {
		margin-left: -.5em;
		margin-top: 8em;
	}
	
	.sidebar-nav .navbar-header {
		margin: 0 0 0 -1px;
		width: 101%;
	}
	.sidebar-nav .navbar .navbar-collapse {
		width: 100%;
  	}	
	
	.sidebar-nav .navbar .navbar-collapse li {
		width: 90%;
		margin-left: 1em;
		margin-right: 1em;
	}
	
	div.row.footer {
		width: 100%;
		margin-left: 0;
	}
	
	footer .col-sm-12 {
		margin-left: 0;
		padding-left: 0;
	}
	
	footer ul {
		width: 100%;
		padding-left: 0;
		text-align: left;
	}
	
	footer ul li {
		clear: both;
		float: left;
		width: 100%;
		text-decoration: none;		
	}
	
}

@media (min-width: 480px) { 
	.sidebar-nav .navbar-header {
		width: 100%;
		margin-left: 0;
	}

}

@media (min-width: 600px) { 
	.sidebar-nav .navbar-header {
		margin: 0;
		width: 100%;
	}
	
	div.row.footer {
		margin-left: 0;
	}
	
	footer ul {
		text-align: center;
	}
}

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

	.container-fluid { /* remove padding for larger viewports */
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
		margin-left: 0;
	}
	
/* make sidebar nav vertical left side */ 
  	.navbar {
		margin: 1px 3px 0 1px;
		padding-bottom: 50%;
	}
	
	.sidebar-nav .navbar {
		margin-left: 1px;
		margin-top: 1px;
	}
	
  	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		padding-left: 0;
		max-height: none;
		margin-left: 0;
  	}
	
	.sidebar-nav .navbar ul {
		float: left;
		margin-top: .5em;
		margin-left: 1.8em;
		width: 200px;
  	}
	
	.sidebar-nav .navbar .navbar-collapse li {
		float: right;
		width: 210px;
		margin-top: .1em;
		
		margin-left: .25em;
		padding-right: 0;
		padding-left: 0;
	}
  
  	.sidebar-nav .navbar-header { 
		float: none; 
	}
  
  	.sidebar-nav .navbar li a {
		width: 100%;
		max-width: 210px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.sidebar-nav .navbar-default {
		border: none;
		width: 210px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
  	/* uncomment if you would like the menu to be fixed */
  	/* .navbar {
	  	position: fixed;
	  	width: 170px;
	  	z-index: 2;
  	} */
/* END left vertical nav */

	div.row.footer {
		max-width: 890px;
		width: 98%;
		margin-left: .75em;
		text-align: center;
		font-size: .8em;
	}
 
	footer {
		clear: both;
		text-align: center;
		float: none;
	  	width: 100%;
	}

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

	footer ul li {
		clear: both;
		width: 100%;	
		display: inline-block;
		float: left;
		margin-right: 0;
	}
 
}

@media (min-width: 990px) {
	
	div.row.footer {
		width: 100%;
		margin: auto;
	}
	
	footer ul {
		width: 90%;
	}
	
	footer ul li {
		clear: none;
		width: auto;	
		display: inline-block;
		float: left;
		margin-right: 2em;
	}
	
}

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