@charset "UTF-8";

@-webkit-keyframes rotating4 {
	from {
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotating4 {
	from {
		-ms-transform: rotate(0);
		-moz-transform: rotate(0);
		-webkit-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes animation4 {
	from {
		left: -40%;
		width: 40%;
	}
	
	to {
		left: 100%;
		width: 10%;
	}
}

@keyframes animation4 {
	from {
		left: -40%;
		width: 40%;
	}
	
	to {
		left: 100%;
		width: 10%;
	}
}

:root {
	--lp-cotainer-max-with: var(--lp-container-max-width);
}

@font-face {
	font-family: "lp-icon";
	src: url("/wp-content/plugins/learnpress/assets/css/../src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=71") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

[class^=lp-icon-], [class*=" lp-icon-"] {
	font-family: "lp-icon";
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-display: swap;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@keyframes lp-skeleton-loading {
	0% {
		background-position: 100% 50%;
	}
	
	to {
		background-position: 0 50%;
	}
}

@keyframes spin {
	0% {
		transform: rotate(0);
	}
	
	100% {
		transform: rotate(360deg);
	}
}

.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img img {
	width: 50px;
	height: auto;
	display: block;
}

@keyframes lp-rotating {
	from {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes lp-rotating {
	from {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	
	to {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.learnpress-widget-wrapper .lp-widget-course__image img {
	height: auto;
	width: 100%;
	display: block;
}

.learnpress-widget-wrapper .lp-widget-course__instructor__avatar img {
	width: 20px;
	border-radius: 20px;
	height: 20px;
	display: block;
}