:root {
  --green: #151515;
  --green2: #373532;
  --gold: #a48761;
  --paper: #f4f1eb;
  --cream: #f4f1eb;
  --ink: #151515;
  --muted: #6e6962;
  --line: #d8d2c9;
}

.vh-logo {
  display: flex;
  width: 154px;
  height: 72px;
  flex: 0 0 154px;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.vh-logo img,
.top .vh-logo img {
  position: static;
  width: 146px;
  max-width: 146px;
  height: auto;
  filter: brightness(0) invert(1);
  mix-blend-mode: normal;
}

.top,
header,
.site-head {
  color: #fff;
  background: #151515;
  border-color: #373737;
}

.top nav a,
.back,
header a {
  color: #c9c6c0;
}

.top nav a:hover,
.top nav a.active {
  color: #fff;
}

.site-head > div {
  border-color: #444;
}

.site-head .contact,
header > a:last-child {
  color: #151515;
  background: #fff;
}

.farm-photo {
  background-image: url("../assets/img/venture-holsteins/candid-cow.jpg");
  background-position: center 48%;
}

.farm-copy,
.intro,
.sale-footer {
  background-color: #151515;
}

.farm-copy > span,
.intro span,
.inventory-head span,
.label {
  color: #c2a67d;
}

.choice .availability,
.sale-footer .primary {
  background: #b1956d;
}

.choice.sale .availability,
.status,
.kicker,
.lot-top b,
.filters .active,
.quick-filters .active,
.views .active,
.primary,
.contact,
.copy > button {
  background: #151515;
}

.choice.coming-soon {
  cursor: default;
}

.choice.coming-soon::before {
  filter: grayscale(1);
}

.line,
.detail-price,
.lot-actions .share-lot,
.share-detail,
.top nav a:hover,
.top nav a.active {
  color: #151515;
}

@media (max-width: 560px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .vh-logo { width: 112px; height: 48px; flex: 0 0 48px; }
  .vh-logo img,
  .top .vh-logo img { width: 106px; max-width: 106px; height: auto; }
  .top { width: 100%; min-height: 0; padding: 8px 12px 9px; gap: 7px; align-items: center; overflow: hidden; }
  .top nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; margin: 0; padding-top: 7px; gap: 4px; overflow: visible; border-color: #373737; }
  .top nav a { min-width: 0; margin: 0; color: #c9c6c0; font-size: .5rem; letter-spacing: 0; text-align: center; white-space: nowrap; }
  .top nav a.active { display: none; }
  .top nav a:hover { color: #fff; }
  .farm-hero { display: block; width: calc(100% - 28px); min-width: 0; }
  .farm-photo,
  .farm-copy { width: 100%; min-width: 0; }
  .farm-copy p { width: 100%; max-width: none; font-size: .92rem; overflow-wrap: anywhere; }
}
