/* Frank's Homepage CSS 20160814
 * based on Bootstrap Sticky Footer CSS
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  
  /* Margin bottom by footer height */
  margin-bottom: 40px;
  background: rgb(253,253,253); /* rgb(56,76,110);  rgb(56,76,110); */
  font-family: 'Open Sans', sans-serif;
  font-size: 100%;
  /* color: #5a5a5a; */
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  background-color: rgb(243,243,243);
  font-size: 120%;
  text-align: center;
}


/* Makes images fully responsive */

.img-responsive,
.thumbnail > img,
.thumbnail a > img {
  display: block;
  min-width: 100%;
  object-fit: cover;
  overflow:hidden;
  padding-bottom: 15px;
}


/**************************************************************************
Start of site specific CSS
**************************************************************************/

a:visited
{
  color: purple;	
}

a, a:active
{
  color: blue;
  text-decoration: none;
}

body > .container {
  margin-top: 40px; /* space below breadcrumbs */
  padding: 70px 15px 0;
  background: rgb(253,253,253); /* #eee; */
  font-family: 'Open Sans', sans-serif;
  font-size: 130%;
}

.container .text-muted {
  margin: 20px 0;
}

.panel-body{
  font-family: "Open Sans";
  font-weight: 400;
  color: #333;
    /* font-family: "Trebuchet MS"; */
}

.container .text-muted {
  margin: 10px 10px;
  color: #999; /* #ccc; */
}

code {
  font-size: 80%;
}

/* Navbar CSS -------------------------------------------------- */

.navbar-brand{
	float:left;
	height: 50px;
	padding:10px 10px;
	font-size:150%;
	line-height:20px
}

#brand-image
{
 height: 50px;
}

.navbar .navbar-nav {
  display: inline-block;
 /*  float: none  ; */
  vertical-align: top;
  font-size: 140%;
  font-weight: 700;
}

.navbar .navbar-collapse {
  padding:0px 10px;
  text-align: center;
}

/* main navbar background color */
.navbar-default {
	background-color:white; /* #f8f8f8; */
	border-color: white /*#e7e7e7*/
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
	color:#5e5e5e;
	background-color:transparent;
}

.navbar-inverse .navbar-nav > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover 
{
  color: white;
  cursor: default;
  background-color: rgb(56,76,110); /* #555;  */
}
 
/* navbar link text color */
.navbar-inverse .navbar-nav>li>a {
	color: #bbb; /*#777 */
}

/* navbar link hover color */
.navbar-inverse  .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	color:#333;
	background-color:#f0f0f0;
}
/* navbar default link text color */
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
	color:#555;
	background-color:#e7e7e7;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
	color:#555;
	background-color:#e7e7e7;
}

 
.breadcrumb
{
  /* margin-left: 30%; */
  padding-left: 26px; 
  margin-bottom: 0px;
  background-color: transparent;
  font-size: 105%;
  font-weight: 600;
}

.breadcrumb>li a
{
  color: #aaa;
}

.breadcrumb>.active a
{
  color: white;
}

code {
  font-size: 80%;
}

.panel .panel-default
{
	width: 100%;
}

/**************************************************************************
A generic box TR BR BL TL
**************************************************************************/
.box
{
 background: #fcfcff;
 border: 1px #cccccc solid;
 padding: 5px;
}

/**************************************************************************
box title (optional)
**************************************************************************/
.boxTitle
{
 width: 10em;
 background: #333; /*#9370D8; mediumpurple */
 font-weight: bold;
 color: white;
 border-bottom: #8cacbb 1px solid;
 text-align: center;
}