/*
 * Shortcode: courses.scss
 * -----------------------------------------------
*/
.course-item {
	.course-thumb {
		position: relative;
		.price {
			position: absolute;
			top: 0;
			right: 0;
			color: #fff;
			padding: 0px 10px;
			font-size: 20px;
			border-left: 3px solid;
		}
	}
}

.campaign {
	.thumb {
		position: relative;
    overflow: hidden;
	  img {
	    transition: all 500ms ease 0s;
		}
		.campaign-overlay {
			content: "";
			position: absolute;
			height: 100%;
			width: 100%;
			background: rgba(3, 3, 3, 0.5);
			top: 0;
			left: 0;
			right: 0;
			opacity: 0;
			transition: all 400ms ease-in-out 0s;
		}
	}
	&:hover {
		.thumb {
			img {
		    transform: scale(1.1);
			}
			.campaign-overlay {
				opacity: 1;
			}
		}
	}
}