/* 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 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
}

.container {
	margin-top:  0;
}

.container-fluid {
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}

.sidebar-nav .navbar-header {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}

.navbar-default {
	width: 100%;
}

.navbar-default .navbar-nav li {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}

.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 {
	text-decoration: none;
}

.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 {
	border-bottom: 1px solid #453a35;
}

@media (min-width: 320px) {

	.navbar-default .navbar-nav li {
		font-size: 1.4em;
	}
	
	.footer {
		font-size: 1.2em;
	}

	div.row.footer {
		text-align: center;
	}
		
	footer ul {
		clear: both;
		display: block;
		width: 100%;
		padding: 1em .5em;
		padding-left: 0;
		margin: 0 auto;
		text-align: center;
		font-size: .9em;
	}

	footer ul li {
		clear: both;
		width: 100%;
		float: left;
		margin: auto;
		display: inline;
		list-style-type: none;
	}
	
	footer a {
		text-decoration: none;
		text-align: left;
	}

}

/* 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: 100%;
		margin-left: 0;
		text-align: center;
		border-top: 1px solid #ccc;
		padding-top: 1em;
	}

	/* make sidebar nav vertical left side */
	.navbar {
		width: 100%;
		margin-right: 3px;
		margin-bottom: 0;
		padding-bottom: 2em;
	}
	
	.navbar-default {
		width: 100%;
		border: none;
		background-color: transparent;
	}

	.sidebar-nav .navbar .navbar-collapse {
		padding: 0;
		padding-left: 0;
		max-height: none;
		margin-left: 0;
		width: 190px;
		border: none;
		background-color: transparent;
	}

	.sidebar-nav .navbar-header {
		float: none;
	}

	.sidebar-nav .navbar ul {
		float: left;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-right: 3px;
		font-size: .9em;
	}

	.sidebar-nav .navbar li {
		float: left;
		display: block;
		margin-left: 0;
		margin-right: 0;
		padding: 3px 0 1px 0;
		width: 100%;
		text-align: center;
	}

	.sidebar-nav .navbar li a {
		padding: 4px 0;
		width: 100%;
		font-size: .9em;
		text-decoration: none;
	}

	/* uncomment if you would like the menu to be fixed */
	/* .navbar {
		position: fixed;
		width: 170px;
		z-index: 2;
	} */
	/* END left vertical nav */

}

@media (min-width: 990px) {

	.footer {
		border-top: none;
	}
	
	footer {
		clear: both;
		margin-top: 1em;
	}
	
	footer ul {
		margin-left: 4em;
	}
	
	footer ul li {
		font-size: .9em;
		clear: none;
		display: inline;
		width: auto;
	}

}

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

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