nav {
  font-weight: bold;
  margin:1em;
  padding-bottom: 1rem;
}
nav .button.hollow {
  border: 3px solid #07286f;
  color: #ff0700;
}
nav .button.hollow:hover {
  background-color:#f5f7f9;
}
nav .padLeft {
  margin-left:1.5em;
}

#map-canvas {
  width: 100%;
  height: 50em;
  background-color: #e5e3df;
}
.mapOneBoard {
  height: 19.6em !important;
}
.mapModal p {
  margin-bottom:0;
}
.faceTn {
  cursor: pointer;
}

/* blue */
.primary {
  color:#07286f;
}
/* red */
.secondary {
  color:#ff0700;
}
.cursive {
  font-family:'Lobster',cursive;
}
.smallTopMargin {
  margin-top:1.2rem;
}
.mediumTopMargin {
  margin-top:3rem;
}
.largeBottomMargin {
  margin-bottom:4.5rem;
}
.bold {
  font-style:bold;
}
.nowrap {
  white-space: nowrap;
}
.link {
  cursor:pointer;
  color:#07286f;
  text-decoration:underline;
}
.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #777;
  color: #fff;
  cursor: help;
  vertical-align: text-top;
}

.media-object-section img { 
  max-width: 200px;
  width: auto;
  height: auto;
}
.media-object-section .separator { 
  color:#C7C7C7;
}

footer {
  margin-top:2em;
  padding:1em;
  color:#ecf2ff;
  font-size: 80%;
  background:#07286f;
  line-height:2rem;
}
footer a {
  color:#ecf2ff;
  line-height:2rem;
}
footer a:hover {
  color:#8EB0FB; /*d5e2fe*/
}
hr.ftr {
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #07286f, #ecf2ff, #07286f);
  background-image: -moz-linear-gradient(left, #07286f, #ecf2ff, #07286f);
  background-image: -ms-linear-gradient(left, #07286f, #ecf2ff, #07286f);
  background-image: -o-linear-gradient(left, #07286f, #ecf2ff, #07286f); 
}
.separator {
  margin:0 1em;
}
.error {
  color: #ff0700;
  font-size: 2rem;
  font-weight: 700;
  margin: 1rem auto;
  text-align: center;
  margin: 0 0 1rem;
  padding: 1rem;
  /*border: 1px solid hsla(0,0%,4%,.25);*/
  border-radius: 5px;
  position: relative;
  background-color: #fad8d8;
}

/* small only */
@media only screen and (max-width: 40.063em) {
  body { background: none; }
}