/* Version 4.5.5: complete Arcada diploma display in Career & Education. */

.had-detail-drawer.is-career-education-record .had-drawer-body {
  grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
  gap: clamp(24px, 3vw, 42px);
}

.had-detail-drawer.is-career-education-record .had-record-cover {
  width: 100%;
  height: clamp(340px, 52vh, 430px);
  padding: 12px;
  display: grid;
  place-items: center;
  background: #f3f7f8;
  border: 1px solid #b9d6dd;
  box-shadow: 0 18px 38px rgba(0, 31, 48, .16);
}

.had-detail-drawer.is-career-education-record .had-record-cover:before {
  display: none;
}

.had-detail-drawer.is-career-education-record .had-record-cover img {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  object-fit: contain;
  object-position: center;
  background: #fff;
}

.had-detail-drawer.is-career-education-record .had-record-cover img:not([hidden]) ~ span,
.had-detail-drawer.is-career-education-record .had-record-cover img:not([hidden]) ~ b,
.had-detail-drawer.is-career-education-record .had-record-cover img:not([hidden]) ~ em,
.had-detail-drawer.is-career-education-record .had-record-cover img:not([hidden]) ~ i {
  display: none;
}

.had-detail-drawer.is-career-education-record .had-rich-content {
  max-height: none;
  overflow: visible;
}

.had-detail-drawer.is-career-education-record .had-rich-content h3 {
  margin: 18px 0 8px;
  color: #154a5b;
  font-size: 14px;
}

.had-detail-drawer.is-career-education-record .had-rich-content ul {
  margin: 0;
  padding-left: 20px;
}

.had-detail-drawer.is-career-education-record .had-rich-content li {
  margin: 0 0 8px;
}

@media (max-width: 760px) {
  .had-detail-drawer.is-career-education-record .had-drawer-body {
    display: block;
  }

  .had-detail-drawer.is-career-education-record .had-record-cover {
    width: min(100%, 320px);
    height: min(430px, 58vh);
    margin: 0 auto 22px;
  }
}