/* Global overrides */
body {
  background-color: #e6f2ff;
}

/* Overrides for the masthead */
header.masthead .page-heading a,
header.masthead .site-heading a {
  color: white;
}

header.masthead .post-heading {
  padding: 60px 0 0;
}

header.masthead .page-heading {
  padding: 60px 0;
}

#content {
  margin: -40px 0 20px;
  padding: 10px 20px;
  background-color: #fff;
  border: 1px black solid;
}

#content hr {
  border: 1px solid black;
}

#content p.comment {
  margin-left: 5%;
  margin-right: 5%;
  padding: .5em 1em;
  font-style: italic;
  border: 1px solid black;
  background-color: #eee;
}

div.family-member, div.family-member-nodata{
    min-width: 300px;
    height: 80px;
    margin: 10px;
    padding: 10px;
    background-color: #fff;
    text-align: center;
    border: 1px solid black;
    border-radius: 4px;
    float: left;
}

div.family-member:hover {
    background-color: #ddd;
}

div.family-member a, div.family-member-nodata a{
  text-decoration: none;
}

div.family-member a:hover, div.family-member-nodata a:hover {
  color: black;
}

#mainNav .navbar-brand {
  padding: 10px 20px 10px 0;
}

ul.share-buttons {
  list-style: none;
  padding: 0;
}
ul.share-buttons li {
  display: inline;
}

div.pic { 
  /*margin: 0 auto 2em auto;*/
  padding: 0;
  float: left;
  width: 100%; 
}

div.pic hr {
  display: none;
}

div.pic img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto 2em;
}

img.left {
  float: left;
  margin: 0 1em 2em 0;
}

img.right {
  float: right;
  margin: 0 0 2em 1em;
}

figure.left { 
  margin-right: 2em;
  float: left;
  max-width: 30%; 
}

figure img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

figcaption {
  font-style: italic;
  text-align: center;
}

h1, h2, h3 {
  clear: both
}

@media screen and (min-width: 601px) {
  div.pic hr {
    display: block;
  }

  div.odd img, div.left img {
      float: left;
      margin: 0 1em 2em 0;
  }

  div.even img, div.right img {
      float: right;
      margin: 0 0 2em 1em;
  }
}

/* Default table display in content */
#content table {
  margin: 1em auto;
}

#content th,
#content td {
  padding: 10px;
  border: 1px solid black;
}

#content th {
  background-color: #ccc
}

#content td {
  background-color: #eee
}

.post-preview .post-title {
  clear: both;
}

.post-preview img {
  width: 160px;
  height: auto;
}

hr.small {
  max-width: 200px;
  margin: 15px auto;
  border-width: 2px;
  border-color: white;
}

/* Override code coloring in prism.css */
code {
  color: navy;
}

.token.keyword {
	color: blue;
}

.token.function,
.token.class-name {
  color: #2b91af;
}

/* Bootstrap cards used for navigation. Use nav-deck and
   nav-card on elements along with card-deck and card. */
div.nav-deck {
  justify-content: center;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}

div.nav-card {
    max-width: 240px;
    border-color: black;
    border-radius: 20px;
    background-color: #eee;
    text-align: center;
    font-size: medium;
}

div.nav-card a {
    text-decoration: none;
}

div.nav-card:hover {
    background-color: #ddd;
}

div.nav-card a:hover {
    color: black;
}