/* Styles go here */

.category {
  border: none;
  margin-left: 0;
  padding: 0.2em 0.2em 0.2em 0;
  font-size: 1.2em;;
  color: #30aabc;
}

.category a {
  color: #30aabc;
}


.navbar-default, .navbar-nav .dropdown-toggle {
    background-color: #dcecf7;
    border-color: #E7E7E7;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu {
   background-color: #e6f1f9;
  }

.navbar-default .navbar-nav .open .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
  background-color: #ffffff;
  background-image: none;
}

.navbar-brand {
  padding: 5px 10px;
}

.navbar-brand>img {
  height: 100%;
  padding: 0;
  width: auto;
}

.navbar-form .btn {
  background-color: aliceblue;
  color: #777;
  border-color: aliceblue;
}


@media(min-width:992px){

  #side-content {
    background-color:  #dcecf7;
  }

  #search-container > div {
    margin-top: 0px;
  }

  .navbar-form  {
    margin-top: 20px;
  }

  .navbar-form .btn {
    font-size: 1.2em;
  }

  .navbar-form select {
    font-size: 1.2em;
  }

  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    background-color: #e6f1f9;
  }

  ul.nav li.dropdown:hover > ul.dropdown-menu li > a:hover {
    background-color: #ffffff;
  }

  ul.navbar-nav{
      height:75px;
  }
  ul.navbar-nav li {
      line-height:75px;
  }
  .navbar-brand{
      display:block;
      height:75px;
      line-height:75px;
      padding-top: 0;
      padding-bottom: 0;
      }

      .navbar-default .navbar-nav > li>a {
      line-height: 75px;
      padding-top: 0;
      display:block;
      height:75px;
      padding-bottom: 0;
      }

      .nav a{
          font-size: 1.2em !important;
          }
          .navbar-brand {
            padding: 0px;
          }
          .navbar-brand>img {
            height: 100%;
            padding: 4px 15px;
            width: auto;
          }
    .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
  }
  .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }

}
body, body .list-group-item {
  background-color: #ffffff;
}

.title {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
  margin-right: 10px;
  font-size: 1.2em;
}

.blue-background {
  background-color:  #dcecf7;
}

.footer {
  padding: 1em;
  margin-top: 20px;
}

#main-title {
  font-size: 1.4em;
  margin-top: 0;
  margin-bottom: 20px;
}

#search-container {
  margin-bottom: 50px;
  margin-top: 40px;
}

#search-container > div {
  margin-top: 20px;
}

 .col-md-4 img {
   max-height: 100%;
   max-width: 100%;
   padding-top: 30px;
 }

 #social-media {
  margin-top: 30px;
  margin-bottom: 30px;
 }

 #social-media a{
    margin-right: 15px;
}