
/* Kraken 6.10.2021 */

@media only screen and (max-width: 991px) {
	#sidebar {
		padding-top: 0 !important ;
	}
	.widget_ldcoursenavigation {
		position: fixed;
		bottom: 0;
		top: 0;
		left: -280px;
		box-sizing: border-box;
		background: #fff;
		max-height: 100vh;
		margin-bottom: 0 !important;
		z-index: 1000;
		padding: 0 0 10px 20px;
		width: 280px;
		transition: all .3s ease;
	}
	.widget_ldcoursenavigation.is_active {
		left: 0 ;
	}
	.widget_ldcoursenavigation .widget-title {
		cursor: pointer;
		left: auto;
		background: #fff;
		z-index: 10;
		position: absolute;
		top: 40%;
		width: 45px;
		right: -45px;
		padding: 10px 0 50px 0;
		display: flex ;
		justify-content: center;
		align-items: center ;
		writing-mode: vertical-rl;
		margin: 0 0 0 0 !important;
		box-sizing: border-box;
		transform: translateY(-50%);
	}
	.widget_ldcoursenavigation .widget-title:after {
		content: '';
		position: absolute;
		box-sizing: border-box;
		right: 7px;
		width: 20px;
		height: 20px;
		transition: all .3s ease;
		border-right: 2px solid #7100e2;
		border-bottom: 2px solid #7100e2;
		transform: rotate(135deg);
		bottom: 15px;
	}
	.widget_ldcoursenavigation.is_active .learndash-wrapper {
		display: block ;
	}
	.widget_ldcoursenavigation .widget-title.is_active:after {
		transform: rotate(-45deg);
		right: 15px ;
	}
	.widget_ldcoursenavigation .learndash-wrapper {
		max-height: 100vh;
		overflow: auto;
		padding-top: 50px;
		padding-bottom: 90px ;
	}
}

@media only screen and (min-width: 992px) {
	#sidebar .widget_ldcoursenavigation .learndash-wrapper {
		display: block !important;
	}
}
.ld-course-status {
	margin-bottom: 25px ;
}
.learndash-wrapper .ld-tabs {
	margin-top: 0 ;
}
/* Kraken - add preloader 6.10.2021 */

.preloader.preloader--hidden,
.vcv-wb-editor .preloader ,
.vcvhelper .preloader {
	opacity: 0 !important;
	visibility: hidden !important;
}

#mm-progressbar-container {
	top: 7% !important;
	position: fixed !important;
	/*display: none !important;*/
}
.learndash-wrapper .ld-item-list .ld-section-heading {
	display: none;
}
#sidebar .widget_ldcoursenavigation .ld-course-navigation .ld-course-navigation-heading {
	display: none;
}
#sidebar .widget_ldcoursenavigation .ld-course-navigation .ld-lesson-items {
	padding-top: 0;
}
/*#mm-progressbar {
	display: none;
}
*/
/* .ui-progressbar-value.ui-corner-left.ui-widget-header.ui-progressbar-complete.ui-corner-right {
display: none !important;
}*/


#mm-progressbar-container .ui-progressbar-value {
	background-repeat: no-repeat !important;
	background-color: #fff !important;
	background-image: url('../images/preloader-logo.png') !important;
	background-size: contain;
	box-sizing: border-box !important;
	height: 88px !important;
	width: 88px !important;
	object-fit: contain !important;
	border: none !important;
	animation: spinlogo 2s linear infinite !important;
	margin: 0 !important;
}
#mm-progressbar-container {
	box-sizing: border-box;
	background-color: #fff;
	color: #000;
	opacity: 1;
	width: 500px;
	height: 500px;
	/*transition: opacity 0.2s ease, visibility 0.4s ease;*/
	display: flex;
	align-items: center;
	justify-content: center;
}
#mm-progressbar-container #mm-progressbar {
	border: 16px solid #ccc !important;
	border-top: 16px solid #000 !important;
	border-radius: 50% !important;
	box-sizing: border-box !important;
	width: 120px !important;
	height: 120px !important;
	animation: spinloader 2s linear infinite !important;
}

.page-template .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
	top: 3% !important ;
}
 /*
 <div id="mm-progressbar-container" style="position: absolute; left: 428px; top: 578.5px; z-index: 10000; opacity: 1;">
 	<div id="mm-progressbar" style="width:350px; height:22px; border: 1px solid #ccc;" role="progressbar" aria-valuemin="0" class="ui-progressbar ui-corner-all ui-widget ui-widget-content" aria-valuemax="100" aria-valuenow="100">
 		<div class="ui-progressbar-value ui-corner-left ui-widget-header ui-progressbar-complete ui-corner-right" style="width: 500px;">
 		</div>
 	</div>
 </div>*/

