/* Course grid cards for [ld_course_list]. DNG LearnDash. */

.ld-course-list-items, .ld-course-list-items * { box-sizing: border-box; }
.ld-course-list-items { clear: both; }
#ld_categorydropdown { margin-bottom: 20px; }
.ld-course-list-items.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.ld-course-list-items .col-sm-1,
.ld-course-list-items .col-sm-2,
.ld-course-list-items .col-sm-3,
.ld-course-list-items .col-sm-4,
.ld-course-list-items .col-sm-5,
.ld-course-list-items .col-sm-6,
.ld-course-list-items .col-sm-7,
.ld-course-list-items .col-sm-8,
.ld-course-list-items .col-sm-9,
.ld-course-list-items .col-sm-10,
.ld-course-list-items .col-sm-11,
.ld-course-list-items .col-sm-12,
.ld-course-list-items .col-md-1,
.ld-course-list-items .col-md-2,
.ld-course-list-items .col-md-3,
.ld-course-list-items .col-md-4,
.ld-course-list-items .col-md-5,
.ld-course-list-items .col-md-6,
.ld-course-list-items .col-md-7,
.ld-course-list-items .col-md-8,
.ld-course-list-items .col-md-9,
.ld-course-list-items .col-md-10,
.ld-course-list-items .col-md-11,
.ld-course-list-items .col-md-12 {
	position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;
}
@media (min-width: 576px) {
	.ld-course-list-items .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
	.ld-course-list-items .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
	.ld-course-list-items .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
	.ld-course-list-items .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
	.ld-course-list-items .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
	.ld-course-list-items .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
	.ld-course-list-items .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
	.ld-course-list-items .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
	.ld-course-list-items .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
	.ld-course-list-items .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
	.ld-course-list-items .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
	.ld-course-list-items .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
	.ld-course-list-items .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }
	.ld-course-list-items .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }
	.ld-course-list-items .col-md-3 { flex: 0 0 25%; max-width: 25%; }
	.ld-course-list-items .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }
	.ld-course-list-items .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }
	.ld-course-list-items .col-md-6 { flex: 0 0 50%; max-width: 50%; }
	.ld-course-list-items .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }
	.ld-course-list-items .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }
	.ld-course-list-items .col-md-9 { flex: 0 0 75%; max-width: 75%; }
	.ld-course-list-items .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }
	.ld-course-list-items .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }
	.ld-course-list-items .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
/* Five per row (col="5"). */
.ld-course-list-items .col-md-2-4 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; flex: 0 0 100%; max-width: 100%; }
@media (min-width: 576px) { .ld-course-list-items .col-md-2-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } }
@media (min-width: 768px) { .ld-course-list-items .col-md-2-4 { flex: 0 0 20%; max-width: 20%; } }

/* The card. */
.ld-course-list-items .ld_course_grid { margin-bottom: 20px; }
.ld-course-list-items .ld_course_grid .thumbnail.course {
	line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px;
	transition: all 0.2s ease-in-out; max-width: 100%; height: auto; display: block; position: relative; padding: 0; margin: 0;
}
.ld-course-list-items .ld_course_grid .thumbnail.course img { display: block; max-width: 100%; width: 100%; height: auto; margin-left: auto; margin-right: auto; box-shadow: none; }
.ld-course-list-items .ld_course_grid a.thumbnail:focus { border-color: #428bca; }
.ld-course-list-items .ld_course_grid .thumbnail a,
.ld-course-list-items .ld_course_grid .thumbnail a:hover { box-shadow: none; }
.ld-course-list-items .ld_course_grid .thumbnail .caption { padding: 9px; color: #333333; }
.ld-course-list-items .ld_course_grid .thumbnail .caption a { text-decoration: none !important; }
.ld-course-list-items .ld_course_grid .thumbnail .caption p { float: none !important; margin: 15px 0 0 !important; width: 100% !important; }
.ld-course-list-items .ld_course_grid .entry-title { margin: 0 !important; }
.ld-course-list-items .ld_course_grid .entry-content { margin-bottom: 10px; padding: 0; }

/* Ribbon: green by default, blue once enrolled. */
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon {
	background: #5cb85c; box-shadow: 0 1px rgba(0,0,0,0.2); color: #fff; text-shadow: 0 1px rgba(0,0,0,0.3);
	position: absolute; font-size: 14px; left: -8px; top: 10px; padding: 3px 10px; z-index: 2; font-weight: bold;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled { background: #428bca; }
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon:before {
	border: 4px solid transparent; border-top: 4px solid #348c34; border-right: 4px solid #348c34;
	content: ""; position: absolute; left: 0; bottom: -8px;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled:before { border-top: 4px solid #357ebd; border-right: 4px solid #357ebd; }

/* Button. */
.ld-course-list-items .ld_course_grid .ld_course_grid_button { margin: 5px 0 !important; width: 100%; }
.ld-course-list-items .ld_course_grid .ld_course_grid_button a { text-decoration: none !important; width: 100%; }
.ld-course-list-items .ld_course_grid .btn {
	display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429;
	text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; white-space: nowrap; user-select: none;
}
.ld-course-list-items .ld_course_grid .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.ld-course-list-items .ld_course_grid .btn:hover,
.ld-course-list-items .ld_course_grid .btn:focus { color: #333333; text-decoration: none; }
.ld-course-list-items .ld_course_grid .btn:active,
.ld-course-list-items .ld_course_grid .btn.active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.ld-course-list-items .ld_course_grid .btn.disabled,
.ld-course-list-items .ld_course_grid .btn[disabled] { cursor: not-allowed; pointer-events: none; opacity: 0.65; box-shadow: none; }
.ld-course-list-items .ld_course_grid .btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; }
.ld-course-list-items .ld_course_grid .btn-primary:hover,
.ld-course-list-items .ld_course_grid .btn-primary:focus,
.ld-course-list-items .ld_course_grid .btn-primary:active,
.ld-course-list-items .ld_course_grid .btn-primary.active { color: #ffffff; background-color: #3276b1; border-color: #285e8e; }
.ld-course-list-items .ld_course_grid .btn-primary:active,
.ld-course-list-items .ld_course_grid .btn-primary.active { background-image: none; }
.ld-course-list-items .ld_course_grid .btn-primary.disabled,
.ld-course-list-items .ld_course_grid .btn-primary[disabled] { background-color: #428bca; border-color: #357ebd; }
.ld-course-list-items .ld_course_grid .btn-primary { color: white; text-decoration: none; }
.ld-course-list-items .ld_course_grid .btn-primary:hover { color: white; }
.ld-course-list-items .ld_course_grid .thumbnail.course a.btn-primary { color: white; }

/* Video preview, progress bar. */
.ld-course-list-items .ld_course_grid .ld_course_grid_video_embed { background-color: #F5F5F5; padding: 1px; width: 100%; }
.ld-course-list-items .ld_course_grid .ld_course_grid_video_embed > * { width: 100%; margin-bottom: 0; }
.ld-course-list-items .ld_course_grid dd.course_progress { width: 100%; }
.ld-course-list-items .ld_course_grid .ld-progress-steps { display: none; }