#content,
article,
article .post-inner,
article .post-inner .entry-content { overflow:visible; }
.courses_wrap { margin-left:0; margin-right:0; position:relative; }
.courses_wrap .nav { position:relative; overflow:hidden; margin-top:36px; }
.courses_wrap .nav span.last { display:block; position:relative; position:absolute; width:calc(100% - 40px); bottom:0; left:20px; z-index:1; border-bottom:solid 2px #CCC; }
.courses_wrap .nav-link { border-bottom:solid 2px var(--primary-cpd-green); color:#000; font-weight:bold; z-index:10; }
.courses_wrap .nav-link.grey { border-bottom:solid 2px #CCC; color:#CCC; position:relative; }
.courses_wrap .nav-link .badge-pill.badge-primary { background-color:var(--primary-cpd-green); color:#000; }
.courses_wrap .nav-link.grey .badge-pill.badge-primary { background-color:#CCC; color:#FFF; }
.courses_wrap .card .card-body h4 { border-bottom:solid 5px var(--primary-cpd-green); padding-bottom:10px; margin-bottom:10px; flex-grow:unset; }
.courses_wrap .members_only { background-color:var(--primary-cpd-green); position:absolute; top:-29px; padding:4px 1.25rem; border-top-left-radius:8px; border-top-right-radius:8px; font-size:0.85em; }
.courses_wrap .members_only.buddy-chat { background-color: rgba(52, 126, 179, 1); color: white; }

.courses_wrap .members_only .state-icon { width:12px; height:16px; margin-right:8px; }
.members_only.buddy-chat .state-icon { filter: brightness(0) invert(1); }

.courses_wrap span.course_progress,
.courses_wrap span.course_completed { margin-top:10px; margin-left:-1.25rem; display:block; width:100%; }
.courses_wrap span.course_progress span,
.courses_wrap span.course_completed span { display:inline-block; color:#FFF; padding:4px 18px; font-size:1em; border-top-right-radius:16px; border-bottom-right-radius:16px; }
.courses_wrap span.course_completed span .state-icon { width:22px; height:22px; margin-left:10px; top:-2px; position:relative; }
.courses_wrap span.course_completed span .state-icon { filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(207deg) brightness(97%) contrast(110%); }
.courses_wrap span.course_progress span { background-color:#e77800; }
.courses_wrap span.course_completed span { background-color:#20c046; }
.courses_wrap .card_wrap { padding-left:20px; padding-right:20px; }

@media screen and (max-width:990px) {
  .courses_wrap .nav { margin:16px 0 0; padding:0; }
  .courses_wrap .nav-link { padding:10px; }
}
@media screen and (max-width:580px) {
  .courses_wrap .card_wrap { padding-left:0; padding-right:0; }
  .courses_wrap .nav-link { padding:10px 6px; }
}