/* JW css */

/* Extra styling where necessary */

body {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 16px;

  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

/* avoid excessive stretching with large hi-res monitors */
body {max-width:1920px;
  margin: 0 auto !important;
  float: none !important;
}

h2, h3 {
  margin-top: 10px;
}

.text-muted {
  color:#555;
}

/* picture titles */
.text-title {
  font-size:19px;
  margin-top:3px;
  margin-bottom:25px;
  color:#555;
}

.navbar {
  margin-bottom: 10px;
}

.navbar .nav > li > a {
  font-size: 20px;
  padding: 15px 10px;
}

.dropdown-menu > li > a {
  font-size: 18px;
  line-height: 250%;
}
.navbar-inverse .navbar-brand {
  color: #ddd;
}

.navbar-inverse .navbar-text {
  color: #ddd;
}

.navbar-brand {
  /*height: 50px;*/
  padding: 15px 15px;
  font-size: 28px; /* 30px */
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 15px 15px 25px;   /* spacing between dropdown items in collapsed menu */
  }
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 20px;
    padding-left: 20px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.jumbotron {
  padding-top: 5px;
  background-color: #fffafa;
}

.panel {margin-top: 10px;}

.panel > .panel-heading {
    background-image: none;
    background-color: #607D8B; /*  #ff8a80*/
    padding: 1px 10px 5px 10px;
    color: white;
}

.well-sm {
    background-color: ##9E9E9E;  /*  #ffcdd2 */
    padding: 0px 9px;
}

.centered {
  right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.thumbnail {
    position:relative;
    overflow:hidden;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background: rgba(255,242,242,0.3);                       /* rgba(66, 139, 202, 0.75);*/
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.caption a {
   text-decoration: none;
   letter-spacing: 2px;
}  

.caption .label {
   background-color: #ccc3cb;
   font-size: 40px;
   padding: 15px 50px;
   font-weight: 500;
} 

.caption h1 {
   margin-bottom: 30px;
}