.social-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.site-nav h3 {
  margin-bottom: 14px;
}

.site-nav a[aria-current="page"] {
  color: #222;
  font-weight: 500;
}

.placeholder-note {
  background: #f8f8f8;
  border-left: 3px solid #39c;
  padding: 12px 16px;
}

.resource-list {
  margin-bottom: 16px;
}

.resource-list li {
  margin-bottom: 6px;
}

.resource-year {
  margin-bottom: 28px;
}

.resource-year h3 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
}

.resource-table-wrap {
  margin-bottom: 20px;
  overflow-x: auto;
}

.resource-table th,
.resource-table td {
  white-space: nowrap;
}

.placeholder-link {
  color: #777;
}

button.accordion {
  font: 14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  padding: 0;
  border: none;
  text-align: left;
  outline: none;
  font-size: 100%;
  transition: 0.3s;
  background-color: #f8f8f8;
}

button.accordion.active,
button.accordion:hover {
  background-color: #f8f8f8;
}

button.accordion:after {
  content: " [+] ";
  font-size: 90%;
  color: #777;
  float: left;
  margin-left: 1px;
}

button.accordion.active:after {
  content: " [-] ";
}

div.panel {
  padding: 0 20px;
  margin-top: 5px;
  display: none;
  background-color: white;
  font-size: 100%;
}

div.panel.show {
  display: block !important;
}