/**
 * @file
 * Page listing styles.
 */

.page-listing {
  position: relative;
}

.page-listing__type {
  font-size: var(--font-size-0);
  -webkit-margin-after: var(--size-2);
  margin-block-end: var(--size-2);
}

.page-listing__title {
  font-size: var(--font-size-5);
  line-height: var(--leading-tight);
}

.page-listing__title a {
  color: var(--ucla-blue);
  transition-duration: 0.2s;
  transition-property: color;
}

.page-listing__title a:hover {
  color: var(--silver-lake-reservoir);
}

.page-listing__title ~ .page-listing__subtitle {
  -webkit-margin-before: var(--size-3);
  margin-block-start: var(--size-3);
}

.page-listing__teaser {
  -webkit-margin-before: var(--size-3);
  margin-block-start: var(--size-3);
}