body {
  font-family: 'Alegreya Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Alegreya Sans';
  font-weight: 900;
}

#mainNav .navbar-brand, #mainNav {
  font-family: 'Alegreya Sans';
  font-weight: 900;
}

header.masthead h1 {
  color: #e3e5e4;
  text-shadow: 2px 2px #7f0022;
}

hr.blue-hr {
  border-color: #87adb8;
}

.text-blue {
  color: #87adb8 !important;
}

.form-group {
  margin-bottom: 0;
}

#SearchSection h6 {
  color: #7f0022;
}

#SearchSection .btn-primary {
  background-color: transparent;
  color: #7f0022;
  width: 36px;
  height: 36px;
  padding: 10px;
  line-height: 1;
}

#SearchSection .btn-primary:active, #SearchSection .btn-primary:focus, #SearchSection .btn-primary:hover,
#SearchSection .btnSearch.selected {
  background-color: #7f0022 !important;
  color: white;
  box-shadow: 0 0 0 !important;
}

#SearchList p {
  text-shadow: 1px 1px #1e3112;
  font-weight: 300;
  font-size: 1.15rem;
}

tbody tr:nth-child(even) {
  background-color: #87adb8 !important;
}

#mainNav .navbar-brand, #mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus,
#mainNav.navbar-shrink .navbar-brand, #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus,
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover {
  color: #7f0022 !important;
}

@media (min-width:992px) {
  #mainNav.navbar-shrink {
    background-image: url('../img/menu-bg.png');
    background-color: transparent;
  }
}