/* ==========================================================================
   MEET A STUDENT (PAGE)
   ========================================================================== */

@media (min-width: 768px) {
  .cwf-grid.meetStudent__grid {
    grid-template-columns: 58% 38%;
    grid-template-areas:
      "a a"
      "b c"
      "b d"
      "b .";
    column-gap: 2em;
    grid-auto-rows: min-content;
  }
}

.meetStudent__heading {
  text-align: center;
  background: var(--cwf-accent--background);
  color: white;
  padding: 1em;
  margin: 0;
}

@media (min-width: 768px) {
  .meetStudent__heading {
    grid-area: a;
  }
}

.meetStudent__heading h1::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f075";
  height: 1em;
  margin-left: 0.7rem;
  color: #f8b300;
}

.meetStudent__QA blockquote p {
  line-height: 1.5;
}

@media (min-width: 768px) {
  .meetStudent__QA {
    grid-area: b;
  }
}

.meetStudent__QA p strong {
  color: var(--cwf-accent--background);
}

@media (min-width: 768px) {
  .meetStudent__figure {
    grid-area: c;
  }
}

.meetStudent__figure .plugin-hero__content {
  background-color: #fff;
}

.meetStudent__figure .plugin-hero__image {
  margin-bottom: 1rem;
}

.meetStudent__figure .plugin-hero__caption {
  text-align: left;
  background-color: #fff;
  border: 1px solid var(--cwf-accent--background);
  color: #2f2f2f;
  line-height: 1.5;
  padding: 1rem;
}

/* All About */

@media (min-width: 768px) {
  .meetStudent__about {
    grid-area: d;
  }
}

.meetStudent__about .plugin-card__body h2 {
  color: #2f2f2f;
}

.meetStudent__about .plugin-card__body a {
  --cwf-link--color: #000;
  --cwf-link--active--color: #FFB300;
}

.meetStudent__about .plugin-card__body > :first-child {
  padding-top: 1rem !important;
}

.meetStudent__about h2 {
  text-align: center;
  background: #fff;
  padding: 1rem;
  border-top: 6px solid #f8b300;
}

.meetStudent__about .checklist {
  padding-left: 0;
}

.meetStudent__about .checklist li {
  margin: 0.25rem auto;
}

.meetStudent__about .checklist li:before {
  color: #f8b300;
}

.meetStudent__about .t4_button {
  text-align: center;
}