/*/////////////////////////////////////////////
//// BEGIN: Curriculum Tile
/////////////////////////////////////////////*/
.course-list {
    gap: 20px;
}

.course-list__item {
	display: flex;
    flex-direction: column;
	background: var(--tu-white);
	border: 1px solid #C5C5C5;
	transition: box-shadow 0.2s, transform 0.2s;
	cursor: pointer;
}

.course-list__item-image {
}

.course-list__item-image img {
	width: 100%;
}

.course-list__item-content {
	padding: 17px;
	flex-grow: 1;
	line-height: 1.4;
}

.course-list__item-header {
	margin-bottom: 10px;
    flex-direction: column;
    gap: 15px;
}

.course-list__item-content h2,
.course-list__item-content h3 {
	margin-bottom: 0;
	font-size: 20px;
}

.course-list__item-tags {
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 5px;
}

.course-type-getting-started .course-list__item-tags,
.course-type-getting-started .course-list__item-meta {
    display: none;
}

.course-list__item-tags span {
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.45;
}

.course-list__item-tags .category_tag {
	background: var(--tu-primary-purple);
	border: 1px solid transparent;
	color: var(--tu-white);
}

.course-list__item-tags .category_parent {
	background: var(--tu-primary-blue);
	border: 1px solid transparent;
	color: var(--tu-white);
}

.course-list__item-tags .category_feature {
	background: var(--tu-white);
	border: 1px solid #C5C5C5;
}

.course-list__item-content p,
.course-list__item-content li {
	margin-bottom: 10px;
	font-size: 14px;
}

.course-list__item-content .course-list__item-meta {
	font-size: 14px;
	text-transform: capitalize;
}

.course-list__item-content .course-list__item-meta strong:after {
	content: ', ';
}

.course-list__item-content .course-list__item-meta strong:last-child::after {
	content: '';
}

.post-list-container .load__loading {
    display: none;
}

/*/////////////////////////////////////////////
//// BEGIN: Media Queries
/////////////////////////////////////////////*/

/* BEGIN: Hovers
-----------------------------------*/
@media screen and (min-width: 768px) {

	.course-list__item a:hover {
		color: var(--tu-black);
	}

	.course-list__item:not(.course-carousel__slide):hover {
		box-shadow: 0 35px 35px -30px #cccbcb;
		transform: translateY(-5px);
	}
}
/* FIN */