/*********************************************/
/* 
/* extra custom styles on top of bootstrap system - extra overrides for external - no need to repeat entire internal styles, they get included in external too.
/* 
/*********************************************/

body {
	background-image: url("/images/bg.png");
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: 0 0;
}

.footer {
  background-color: #326295;
}

.footer a {
  color: #fff;
}

.footer .text-muted {
  color: #aaa;
}

#info-panel-collapse a {
	color: #333;
}

/*
// Main logo/brand image - don't change height here for custom client logos - instead duplicate this in /www/styles/client-custom-internal.css and /www/styles/client-custom-external.css
*/
.navbar-left > img {
	height: 50px;
}

#navbar-logo-a {
	padding-left: 0px;
}

/*
// Point where bootstrap collapses to mobile view
// iPad is at 768px - had to make sure there was no collapse when viewing on this
*/
/* col-ms */
@media (min-width: 481px) and (max-width: 767px) {

	.navbar-left > img {
		height: 35px;
	}
	
	#navbar-logo-a {
		padding-left: 20px;
	}
}

/* col-xs */
@media (max-width: 480px) {

	.navbar-left > img {
		height: 30px;
	}
	
	#navbar-logo-a {
		padding-left: 20px;
	}
}


@media (max-height: 768px){
	/* header smaller vertical (media screen height )*/
	.navbar-logo-a {height: 40px;padding-bottom: 5px !important;padding-top:5px !important;}
	.navbar-left > img { height: 40px;}

	.navbar{ min-height:45px;margin-bottom:10px;}

	#navbar-links, #navbar-welcome-portrait {top: 10px;}

	.dropdown-menu .divider { margin: 3px 0;}
	
	.navbar-header::after {
		font-size: 1.2em;
		top: 6px;
		left: 80px;
	}

	/* headings / jumbotron vertical */
	.jumbotron { margin-bottom: 10px; margin-top: 10px;}
	h1, .h1, h2, .h2, h3, .h3 {margin-top: 10px;margin-bottom: 10px;}
	
	.jumbotron h1{margin-top:0; margin-bottom:0;}
	
	#info-panel-collapse{margin:0;}

}