/**
 * Action Hub page template (page-action-hub.php): feed of Action cards.
 *
 * Compiled on its own to css/action-hub.css (gulp only builds site.scss):
 *   npx -p sass sass --no-source-map sass/action-hub.scss css/action-hub.css
 */
.action-hub-feed .action-card {
  padding: 30px 0;
  border-bottom: 1px solid #33434f;
}
.action-hub-feed .action-card:first-child {
  padding-top: 0;
}
.action-hub-feed .action-card-title {
  margin: 0 0 10px;
  font-family: "freight-sans-pro", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
}
.action-hub-feed .action-card-title a {
  font-family: inherit;
  font-weight: inherit;
  color: #21252b;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.action-hub-feed .action-card-title a:hover, .action-hub-feed .action-card-title a:focus {
  color: #0072b4;
}
.action-hub-feed .action-card-description {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.5;
  color: #33434f;
}
.action-hub-feed .action-card-button {
  color: #fff;
}
.action-hub-feed .action-card-button:hover, .action-hub-feed .action-card-button:focus {
  color: #fff;
}
.action-hub-feed .action-card-button:focus-visible {
  background-color: #0072b4;
  outline: 2px solid #0072b4;
  outline-offset: 3px;
}
.action-hub-feed .action-hub-empty {
  font-size: 18px;
}