/* =========================================================
   Chemistry@BGS — Career of the Term rich preview

   The hero and At-a-Glance visuals come from career-profile.css.
   This file only controls their use on the Careers landing page.
   ========================================================= */

.career-term-preview {
  margin-top: 8px;
}

.career-term-preview__hero {
  margin: 0;
}

.career-term-preview__action {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}

.career-term-preview__action .career-button,
.career-term-preview__action .career-button:visited {
  min-width: 150px;
  text-align: center;

  color: #ffffff !important;
  text-decoration: none;
}

@media (max-width: 900px) {
  .career-term-preview__action {
    justify-content: stretch;
  }

  .career-term-preview__action .career-button {
    width: 100%;
  }
}


/* Keep the hero image contained inside the Career of the Term preview */
.career-term-preview .career-profile-hero__main {
  overflow: hidden;
}

.career-term-preview .career-profile-title-row > div:first-child {
  min-width: 0;
}

.career-term-preview .career-profile-image {
  flex: 0 1 320px;
  width: min(320px, 42%);
  max-width: 42%;
  min-width: 220px;
}

.career-term-preview .career-profile-image img {
  width: 100%;
  max-width: 100%;
  height: 220px;
  object-fit: cover;
}