/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 80px;
  padding-bottom: 20px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #666;
  font-weight: 300;
}

@media (max-width: 979px) {
  body {
    padding-top: 0px;
  }
}

.navbar-nav, .navbar-form {
  padding-top: 15px;
}

footer {
  margin-top: 20px;
}

.col-md-4 {
  padding-left: 30px;
  padding-right: 30px;
}

.jumbotron {
  background-image: url(../img/background.jpg);
  background-size: cover;
  background-position: 49% 50%;
  background-repeat: no-repeat;
}

.jumbotron h1,
  .jumbotron .h1 {
    font-size: 3.3em;
  }

.jumbotron p {
  margin-bottom: 35px;
}

h1, h2, h3 {
  color: #ff8004;
  margin-bottom: 30px;
  font-weight: 300;
}


h1 {
  font-size: 3em;
}

h2 {
  font-size: 2.5em;
  font-style: normal;
}

h3 {
  font-size: 2em;
}

p {
  font-size: 1.15em;
  line-height: 1.5em;
}

.headline {
  margin-top: 10px;
  margin-bottom: 40px;
  font-size: 46px;
}

.navbar {
  min-height: 80px;
  background-color: #fff;
  vertical-align: bottom;
}

.inverse {
  color: #fff;
  text-shadow: 0 2px 0 rgba(0,0,0,0.2);
}

h2.inverse {
  text-shadow: 0 2px 0 rgba(0,0,0,0.2);
}

.emphasis {
 font-size: 1.5em; 
}

.award {
  margin: 30px 10px 0 10px;
}

.award_value {
  font-size: 3em;
}

.award_label {
  border-top: 1px solid #999;
  text-transform: uppercase;
  font-size: 0.9em;
}

.context {
  font-size: 1.3em;
}

.citation_count {
  font-size: 1.4em;
}

.citing_date, .citing_authors, .citing_title, .citing_journal, .attribution {
  margin-bottom: auto;
  color: #888;
  font-size: 1.1em;
}

.authors {
  font-size: 1.5em;

}

.attribution {
  font-style: italic;
}

.title {
  font-size: 3em;
}

.citing_title {
  font-weight: 400;
}

.citing_metadata {
  text-align: right;
  margin-left: 200px;
}

.citing_journal {
  font-style: italic;
}

.citing_context {
  margin-bottom: 50px;
}

.quote {
  margin-bottom: 30px;
}

a {
  color: inherit;
}

a:hover {
  text-decoration: underline;
  color: #ff8004;  
}

a.quote {
  color: inherit;
  margin-bottom: 30px;
}

a.quote:hover {
  text-decoration: underline;
  color: #ff8004;
}

.sidebar {
  margin-bottom: 50px;
}

.progress {
  height: 10px;
  border-radius: 6px;
}

.progress-bar-warning {
  background-color: #ff8004;
}

#significant_terms {
  padding-top: 10px;
}

#significant_terms .btn {
  margin-bottom: 10px;
}



/* Search results */

.search-article {
  color: #ff8004;
  font-size: 1.4em;
  font-weight: 300;
}

.search-for-article {
  padding: 30px;
  padding-bottom: 30px;
}

.pagination {
  margin-top: 30px;
}

a.pagination {
  color: #ff8004;
}

.result_title {
  font-size: 1.4em;
  color: #ff8004;
  margin-top: 0px;
}

.search_result {
  border-top: 1px solid #eee;
}

.result_date {
  padding-top: 10px;
  font-size: 1em;
  margin-bottom: 0px;
  color: #999;
}

.result_source {
  font-style: italic;
}

.citing_context {
  text-decoration: underline dotted #999;
}

.badge {
  background-color: #C24C28;
  font-size: 1em;
  font-weight: 300;
}

.active {
  background-color: #C24C28;
}

#search_metadata {
  margin-bottom: 10px;
  margin-top: 40px;
}



.btn-custom {
  background-color: hsl(32, 94%, 48%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed8207", endColorstr="#ed8207");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ed8207), to(#ed8207));
  background-image: -moz-linear-gradient(top, #ed8207, #ed8207);
  background-image: -ms-linear-gradient(top, #ed8207, #ed8207);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed8207), color-stop(100%, #ed8207));
  background-image: -webkit-linear-gradient(top, #ed8207, #ed8207);
  background-image: -o-linear-gradient(top, #ed8207, #ed8207);
  background-image: linear-gradient(#ed8207, #ed8207);
  border-color: #ed8207 #ed8207 hsl(32, 94%, 48%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  font-size: 1em;
}

#metadata {
  margin-bottom: 40px;
  margin-top: 40px;
}


#under_development {
  background-image: url(../img/orange_swirl.jpg);
  background-size: auto;
  background-repeat: repeat;
  background-position: 50% 50%;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 50px 10px 80px 10px

}