.hidden {
  display: none;
}

#details TH {
  text-align: left;
  vertical-align: top;
}

#notes {
  font-size: smaller;
}

#tags-data, #online-data {
  margin-top: 0.125rem;
}

IMG.logo {
  float: left;
  height: 7.5rem;
  margin-right: 0.5rem;
}

IMG.trail-logo {
  height: 7.5rem;
  margin-right: 0.5rem;
}

A IMG.social {
  height: 1.5rem;
  padding: 0.25rem;
  filter: brightness(0) saturate(100%) invert(41%) sepia(68%) saturate(1247%) hue-rotate(175deg) brightness(91%) contrast(88%);
}
A IMG.social:hover {
  border-radius: 4px;
  background-color: var(--info);
}

.address.plain {
  color: inherit;
  text-decoration: none;
}
.address.plain:hover {
  text-decoration: underline;
}

.tag.partner {
  color: gold;
  background-color: midnightblue;
}
.tag.coming_soon {
  border: solid 1px midnightblue;
  color: midnightblue;
  background-color: gold;
}
.tag.new {
  border: solid 1px green;
  color: green;
  background-color: lightgreen;
}
.tag.not_yet {
  border: solid 1px red;
  color: red;
  background-color: pink;
}
.tag.closed {
  color: white;
  background-color: black;
}

.capsule.types {
  color: var(--warning-text);
  border-color: var(--warning-text);
  background-color: var(--warning);
}
.capsule.features {
  color: orange;
  border-color: orange;
  background-color: lightyellow;
}
.capsule.amenities {
  color: var(--error-text);
  border-color: var(--error-text);
  background-color: var(--error);
}
.capsule.drinks {
  color: var(--info-text);
  border-color: var(--info-text);
  background-color: var(--info);
}
.capsule.foods {
  color: var(--success-text);
  border-color: var(--success-text);
  background-color: var(--success);
}