/**
  * @file
  * View Summary and Embed displays.
  * Used for resource and potentially more later.
  **/

.node--view-mode-embed,
.node--view-mode-view-summary {
  margin-bottom: 1em;
}

.node--view-mode-view-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid var(--grey);
  padding-bottom: 1em;
}

.resource-title {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  align-items: center;
}

.resource-summary {
  gap: 0.25em;
  width: 100%;
}

.view-summary-text {
  width: calc(100% - 7em);
  margin-bottom: 0;
}

.resource-more-info-link {
  margin: 0;
}

.resource-more-info-link .fa-circle-info {
  padding: 0.25em;
  text-decoration: none;
}

@media (max-width: 50em) {
  .view-summary-text,
  .view-summary-more-info {
    width: 100%;
  }
}