/* Course logos (assets/logos/*.svg, see includes/course-logo.php). */
.course-logo { display: block; border-radius: 22%; box-shadow: 0 2px 6px rgba(0, 0, 0, .18); flex: none; }

/* Course card thumbnail: logo sits on the right of the coloured band, vertically centred. */
.thumb .thumb-logo { position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); width: 96px; height: 96px; z-index: 1; }
.thumb .thumb-logo + .thumb-code { margin-top: 0; }

/* Course page band: logo above the title. */
.course-hero-logo { width: 96px; height: 96px; margin: .25rem 0 .9rem; }

@media (max-width: 640px) {
  .thumb .thumb-logo { width: 76px; height: 76px; right: .8rem; }
  .course-hero-logo { width: 72px; height: 72px; margin-bottom: .7rem; }
}