// archive courses
.tm-archive-lp-course {
	.custom-col {
		margin-bottom: 40px;
	}
	.course-item {
		text-align: left;
		height: 100%;
		background: #fff;
		border-radius: 5px;
		overflow: hidden;
		@include box-shadow( 0px 0px 50px rgba(5, 5, 5, 0.08) );
		.course-thumb {
			position: relative;
			.price {
				background: rgba(75, 75, 75, .9);
				font-weight: 400;
				font-size: 14px;
				line-height: 34px;
				color: #fff;
				position: absolute;
				z-index: 2;
				top: 15px;
				right: 15px;
				height: 34px;
				padding: 0 15px;
				.old-price {
					font-weight: 300;
					font-style: italic;
					font-size: 12px;
					text-decoration: line-through;
					margin-right: 7px;
				}
			}

			img {
				width: 100%;
			}
		}

		.course-details {
			padding: 20px;

			.course-meta {
				margin-bottom: 0;
				font-weight: 300;
				font-size: 14px;
				color: #aaa;

				span {
					white-space: nowrap;
					margin-right: 10px;
					color: #aaa;
					font-weight: 300;

					i {
						margin-right: 2px;
					}
				}

				a {
					white-space: nowrap;
					color: #afafaf;
					margin-right: 10px;
					transition: all .2s;
					font-weight: 300;

					&:hover {
						color: #f7c370;
					}

					i {
						margin-right: 2px;
					}
				}

				.star i {
					color: #f8c66c;
				}
			}

			.course-title {
				margin-bottom: 10px;
				line-height: 1.1;
				a {
					color: #292929;
					transition: all .2s;

					&:hover {
						color: #f7c370;
					}
				}
			}
			.btn-view-details {
				margin-top: 15px;
			}
		}

		.course-teacher {
			border-top: 1px solid #eee;
			padding: 10px 20px;
			margin-bottom: 0;

			.avater {
				width: 43px;
				height: 43px;
				border-radius: 50%;
				border: 2px solid #fff;
				overflow: hidden;
				//margin-top: -24px;
				position: relative;
				z-index: 10;
				margin-bottom: 4px;

				img {
					width: 100%;
					height: 100%;
				}
			}

			a {
				font-weight: 400;
				font-size: 14px;
				line-height: 1.5;
				color: #aaa;
				transition: all .2s;

				&:hover {
					color: #f7c370;
				}
			}
		}

		
		&.color-1 {
			.course-thumb {
				border-bottom: 5px solid #5061d9;

				.price {
					background: rgba(75, 88, 75, .9);
				}
			}
		}

		&.color-2 {
			.course-thumb {
				border-bottom: 5px solid #f7c370;

				.price {
					background: rgba(240, 174, 240, .9);
				}
			}
		}
	}
}