/* Wikipedia Infobox Component */

.infobox {
  border: 1px solid #a2a9b1;
  background: #f8f9fa;
  float: right;
  margin: 0 0 1em 1em;
  padding: 0;
  width: 22em;
  font-size: 0.9em;
  clear: right;
}

.infobox-title {
  background: #ccccff;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.5em;
  margin: 0;
  border-bottom: 1px solid #a2a9b1;
}

.infobox-image {
  text-align: center;
  padding: 0.5em;
  border-bottom: 1px solid #a2a9b1;
}

.infobox-image img {
  max-width: 100%;
  height: auto;
}

.infobox-caption {
  font-size: 0.9em;
  color: #54595d;
  text-align: center;
  padding: 0.25em 0.5em;
  font-style: italic;
}

.infobox-table {
  width: 100%;
  border-collapse: collapse;
}

.infobox-table th,
.infobox-table td {
  border: none;
  border-bottom: 1px solid #eaecf0;
  padding: 0.25em 0.5em;
  vertical-align: top;
}

.infobox-table th {
  background: #f8f9fa;
  font-weight: bold;
  width: 35%;
  text-align: left;
}

.infobox-table td {
  background: #fff;
}

.infobox-subheader {
  background: #ddd;
  font-weight: bold;
  text-align: center;
  padding: 0.25em 0.5em;
  border-top: 1px solid #a2a9b1;
  border-bottom: 1px solid #a2a9b1;
}

/* Responsive infobox */
@media (max-width: 768px) {
  .infobox {
    float: none;
    width: 100%;
    margin: 1em 0;
  }
}