.bg-charlottes-locks { background-color: #dd5f24; }

.navbar { border-bottom: 3px #b24c1c solid; }


#headline {
  padding: 2.0ex;
}

#logobar
{
  /* 192px = 3 rows of 64px high logos */
  height: 192px;
  overflow: hidden;
  margin-top: 1.0rem;
  margin-bottom: 2.0rem;
}

.btn-group-xs > .btn, .btn-xs
{
  padding: .5rem;
  font-size: .75rem;
  line-height: .5;
  border-radius: .2rem;
  margin: .45rem;
}

.card-sm .card-header
{
  padding: .5rem .75rem;
}
.card-sm .card-body
{
  padding: .75rem;
  font-size: 0.9rem;
}

.footer
{
  padding-top: 2.0ex;
  padding-bottom: 2.0ex;
  margin-top: 4.0ex;
  border-top: 3px #b24c1c solid;
  color: #ffffff;
  text-align: center;
  background-color: #dd5f24;
}

a { color: #1c82b2; }

a:hover { color: #125270; }

.footer a {
  color: #156286;
}

.alternative-formats {
  float: right;
  margin-right: 20px;
  margin-bottom: 10px;
}

.alternative-formats .format-button
{
  background: #5f24dd;
  color: #FFF;
  font-family: Geneva, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  padding: 6px;
  margin: 2px;
  vertical-align: middle;
}

.alternative-formats .format-button:hover {
  color: #DDD;
  text-decoration: none;
}

.tick-cross
{
  margin-right: 0.5em;
  font-weight: bolder;
  font-size: 130%;
  vertical-align: middle;
}