html body {
  margin: 0;
  background-color: #c7d4c3;
  color: #000;
  font-family: 'Libre Baskerville', serif;
  letter-spacing: 2px; }

body.gallery {
  background-color: black; }
  body.gallery #top {
    box-shadow: 0px 6px 5px rgba(1, 1, 1, 0.4); }

html body * a {
  color: #008; }

h3 {
  font-size: 20px;
  font-weight: 800;
  color: #666666;
  text-transform: uppercase;
  margin-bottom: 20px; }

#top {
  padding: 10px;
  height: 60px;
  background-color: #fff;
  margin-bottom: 50px;
  margin-top: 30px;
  box-shadow: 0px 2px 12px rgba(1, 1, 1, 0.41);
  border: 0px; }
  #top a.navbar-link {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: black;
    font-size: 18px;
    font-weight: bold;
    line-height: 44px;
    margin-right: 35px; }
  @media (max-width: 991px) {
    #top a.navbar-link {
      font-size: 15px;
      margin-right: 25px; } }
  #top .menu-button {
    top: 8px; }
    #top .menu-button a.dropdown-toggle {
      font-size: 20px;
      line-height: 44px;
      color: black; }
  #top .home-button, #top .shuffle-button {
    position: relative;
    top: 8px;
    margin-left: 10px; }
    #top .home-button a, #top .shuffle-button a {
      font-size: 20px;
      line-height: 44px;
      color: black; }
  #top .dropdown ul.dropdown-menu {
    background-color: #fff; }
    #top .dropdown ul.dropdown-menu li a {
      font-size: 18px;
      font-variant: small-caps; }
      #top .dropdown ul.dropdown-menu li a:hover {
        background-color: #e8e8e8; }
  @media (min-width: 768px) {
    #top .dropdown-browse:hover > ul.dropdown-menu {
      display: block; } }

#logo {
  position: relative;
  top: -4px;
  margin-right: 35px; }

.profile-container {
  margin-top: 150px; }

#search {
  float: left; }

#footer {
  height: 50px; }

#search-main #search-image {
  margin-bottom: 40px; }
#search-main #search-input {
  width: 400px; }
#search-main #lucky-button {
  width: 150px; }

#search-input, #search-input input[type="text"] {
  height: 40px !important;
  font-size: 20px;
  font-weight: 200;
  border-radius: 0px;
  border: 0px !important;
  background-color: white !important;
  color: #666666;
  width: 199px; }

#top input {
  border: 1px solid #cbcbcb !important; }

form > span.twitter-typeahead {
  top: -21px; }

#search-form h1 {
  font-size: 34px;
  font-weight: 800;
  color: #1105ff;
  margin-bottom: 30px; }

#lucky-button {
  width: 150px; }

#search-results {
  margin-top: 50px; }

#collector-header {
  margin-top: 55px;
  margin-bottom: 40px; }

#collector-name {
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 50px; }

#collector-description {
  font-size: 24px;
  font-weight: 200;
  color: #666; }

.collector-image-frame {
  border: 0px solid #ddd;
  padding: 0px;
  width: 250px;
  box-sizing: content-box; }

.collector-image {
  width: 200px;
  height: 200px;
  background-size: cover;
  background-position: center center; }

.collector-image-caption {
  margin-top: 5px;
  font-weight: 800; }

#collector-fields {
  margin-top: 20px;
  font-size: 16px;
  margin-bottom: 30px; }

#collector-articles {
  margin-bottom: 40px; }
  #collector-articles .collector-article {
    /* white-space: nowrap; */ }
  #collector-articles a {
    font-size: 19px;
    text-decoration: underline;
    color: #702222;
    font-weight: 800; }

#collector-addresses {
  margin-bottom: 30px; }

.section-name {
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 10px; }

.entity-with-relationship {
  border-top: 1px solid #eee;
  padding-top: 10px; }
  .entity-with-relationship ul {
    padding-left: 25px; }

.related-entity {
  font-size: 14px;
  font-weight: 400; }

.related-entity-name {
  font-size: 16px;
  font-weight: 500;
  color: #444; }

.related-entity-relationships {
  /* white-space: nowrap; */ }

#search .tt-dropdown-menu {
  margin-top: 5px;
  padding: 10px;
  padding-bottom: 0;
  border-radius: 3px;
  border: 0px solid #aaa;
  background-color: white;
  width: 300px; }
#search .tt-suggestions {
  border-radius: 0px; }

.tt-dropdown-menu {
  background-color: white; }

.tt-suggestion {
  cursor: pointer; }

#search-main .tt-dropdown-menu {
  margin-top: 10px;
  width: 600px; }

.entity-result-name {
  font-size: 20px; }

.entity-result-description {
  font-size: 14px;
  letter-spacing: 0px;
  color: #666; }

#comment-name-input {
  width: 150px;
  display: inline-block;
  margin-bottom: 10px; }

#comment-body-input {
  height: 150px;
  margin-bottom: 10px; }

#comment-error {
  display: none;
  color: red; }

#comments {
  margin-bottom: 20px; }

.comment {
  padding-top: 15px;
  padding-bottom: 15px; }
  .comment .comment-name {
    font-weight: 800;
    font-size: 16px; }
  .comment .comment-date {
    font-size: 12px; }
  .comment .comment-body {
    margin-top: 10px; }
  .comment .comment-hidden {
    display: inline-block;
    padding: 5px;
    font-weight: 800;
    background-color: #888; }

#all-comments .comment .comment-body {
  margin-top: 0px; }

div.faces-wrapper, div.streets-wrapper {
  width: 100%;
  overflow: hidden; }

div.faces, div.streets {
  font-size: 0px;
  background-color: black;
  width: 120%; }

.face-image {
  width: 150px;
  height: 150px;
  background-size: cover;
  background-position: center center; }

.face img {
  height: 150px; }

.street img {
  height: 200px; }

@media (max-width: 767px) {
  div.faces, div.streets {
    width: 140%; }

  .face img {
    height: 110px; }

  .street img {
    height: 110px; } }
.articles {
  padding-top: 80px; }

#loading {
  font-size: 100px;
  font-family: Helvetica, Arial, sans-serif;
  color: white;
  background-color: black;
  text-align: center;
  position: fixed;
  border-radius: 20px;
  width: 500px;
  padding: 20px;
  display: none;
  margin: 20px auto; }

div.face, div.street {
  /* float: left; */
  display: inline-block;
  margin: 0; }

.article {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px; }
  .article a {
    color: black;
    font-size: 19px;
    line-height: 22px;
    text-decoration: underline;
    font-family: Courier, 'andale mono', monospace; }

#donation-trends, #donation-trends-small {
  letter-spacing: 0; }

#top-person-recipients text, #top-org-recipients text, #top-person-recipients-small text, #top-org-recipients-small text {
  font-family: 'Libre Baskerville', serif;
  letter-spacing: 0; }

#comment-form .form-control {
  border: 2px solid #90938f;
  border-radius: 0px; }

.btn.btn-primary {
  background-color: #7ea87e;
  border-color: #7ea87e; }

.political-section {
  margin-top: 10px; }

.field-row {
  margin-top: 10px; }
  .field-row h3 {
    margin: 0; }

#infscr-loading {
  visibility: hidden; }

#street {
  text-align: center; }
  #street img {
    width: 900px;
    height: 900px;
    object-fit: cover; }

@media (max-width: 991px) {
  .visible-big {
    display: none !important; } }
@media (min-width: 992px) {
  .visible-big {
    display: block !important; } }

@media (max-width: 991px) {
  .visible-big-inline-block {
    display: none !important; } }
@media (min-width: 992px) {
  .visible-big-inline-block {
    display: inline-block !important; } }

@media (max-width: 991px) {
  .hidden-big {
    display: block !important; } }
@media (min-width: 992px) {
  .hidden-big {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-big-inline-block {
    display: inline-block !important; } }
@media (min-width: 992px) {
  .hidden-big-inline-block {
    display: none !important; } }

@media (max-width: 767px) {
  .visible-med {
    display: none !important; } }
@media (min-width: 768px) {
  .visible-med {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-med-inline-block {
    display: none !important; } }
@media (min-width: 768px) {
  .visible-med-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-med {
    display: block !important; } }
@media (min-width: 768px) {
  .hidden-med {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-med-inline-block {
    display: inline-block !important; } }
@media (min-width: 768px) {
  .hidden-med-inline-block {
    display: none !important; } }

@media (max-width: 991px) {
  .big-only {
    display: none !important; } }
@media (min-width: 992px) {
  .big-only {
    display: block !important; } }

@media (max-width: 991px) {
  .small-only {
    display: block !important; } }
@media (min-width: 992px) {
  .small-only {
    display: none !important; } }

.notice {
  padding: 10px;
  background-color: #ff8;
  font-size: 16px;
  margin-bottom: 30px;
  border-radius: 4px; }

@media (max-width: 767px) {
  #top {
    margin-top: 0;
    margin-bottom: 20px; }

  .navbar-right {
    float: right !important;
    margin-right: -15px; }

  .dropdown-menu {
    position: fixed;
    left: 0px;
    top: 59px;
    border-radius: 0px;
    border: 0px;
    border-top: 1px; }

  .profile-container {
    margin-top: 40px; }

  #collector-name {
    font-size: 24px;
    line-height: 28px; }

  #collector-articles .collector-article {
    white-space: normal;
    margin-bottom: 8px; }
    #collector-articles .collector-article a {
      font-size: 14px; }

  .related-entity-relationships {
    color: #666;
    font-size: 12px;
    margin-bottom: 8px;
    white-space: normal; }

  .articles {
    padding-top: 40px; }

  #search .tt-dropdown-menu {
    margin-left: -20px;
    width: 200px; }

  .entity-result-name {
    font-size: 16px; }

  #collector-bids .row {
    margin-bottom: 10px; }

  #search-form h1 {
    font-size: 20px; }

  #search-input {
    width: 160px; }

  #search-main #search-input {
    width: 300px;
    font-size: 16px; } }
/* for all devides smaller than desktops */
@media (max-width: 991px) {
  #search .tt-dropdown-menu {
    width: 200px; }

  .entity-result-name {
    font-size: 14px; }
    .entity-result-name:active {
      background-color: #ffffcc; }

  a.navbar-link:active, #top .dropdown ul.dropdown-menu li a:active {
    background-color: #ffffcc; }

  #collector-articles a.collector-article:active {
    background-color: #ffffcc; } }