/* These styles are repeated in sass/theme/components/_course_card.scss so that they are available outside of the LD course grid. */

.learndash-course-grid .items-wrapper .jtf-grid .post {
	background-color: #ffffff;
	border-radius: 20px 4px 4px 4px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	position: relative;
	box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 5%);
	-moz-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 5%);
	-webkit-box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 5%);
}

.learndash-course-grid .items-wrapper .jtf-grid .content {
	border-top-left-radius: 20px;
	padding: 30px 22px 16px;
	color: #333333;
}

.learndash-course-grid .items-wrapper .jtf-grid .content.text-color-light {
	color: #fff;
}

.learndash-course-grid .items-wrapper .jtf-grid .top-meta {
	margin-bottom: 30px;
}

.learndash-course-grid .items-wrapper .jtf-grid .top-meta-row {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 400;
	margin-bottom: 20px;
}

.learndash-course-grid .items-wrapper .jtf-grid .top-meta-row,
.learndash-course-grid .items-wrapper .jtf-grid .lozenges {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.learndash-course-grid .items-wrapper .jtf-grid .lozenge {
	background-color: #fff;
	border-radius: 24px;
	line-height: 1.5;
	padding: 2px 8px;
}

.learndash-course-grid .items-wrapper .jtf-grid .lozenge:not(:last-child) {
	margin-right: 8px;
}

.learndash-course-grid .items-wrapper .jtf-grid .title-content {
	margin-bottom: 60px;
}

.learndash-course-grid .items-wrapper .jtf-grid .entry-title {
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
	margin-bottom: 0;
}

.learndash-course-grid .items-wrapper .jtf-grid .entry-title a {
	text-decoration: none;
	color: #333;
}

.learndash-course-grid .items-wrapper .jtf-grid .text-color-light .entry-title,
.learndash-course-grid .items-wrapper .jtf-grid .text-color-light .entry-title a {
	color: #fff;
}

.learndash-course-grid .items-wrapper .jtf-grid .button {
	margin-bottom: 40px;
}

.learndash-course-grid .items-wrapper .jtf-grid .ld-progress {
	margin-bottom: 0;
}

.learndash-course-grid .items-wrapper .jtf-grid .ld-progress .ld-progress-bar {
	overflow: visible;
	margin: 10px 0 5px;
}

.learndash-course-grid .items-wrapper .jtf-grid .ld-progress .ld-progress-bar-percentage {
	position: relative;
	border-radius: 7px;
}

.learndash-course-grid .items-wrapper .jtf-grid .ld-progress .progress-bar-indicator {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #333;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.learndash-course-grid .items-wrapper .jtf-grid .ld-progress .progress-bar-indicator.border-green {
	border-color: #34aa36;
}

.learndash-course-grid .items-wrapper .jtf-grid .thumbnail {
	margin: 0;
	padding: 0;
}

.learndash-course-grid .items-wrapper .jtf-grid .thumbnail img {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
}