/**
Theme Name: MT Utbildning
Author: MT ledarskap 
Author URI: https://www.mtledarskap.se
Description: MT utbildning - MT ledarskap 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mt-utbildning
Template: astra
*/


/* --------------------------------------------------------------------------------------------- */
/*	X. Course: Archive
/* --------------------------------------------------------------------------------------------- */


.llms-loop-image-wrapper {
	position: relative;
}

.llms-loop-price-wrapper {
	height: 130px;
	overflow: hidden;
	position: absolute;
		left: 0;
		top: 0;
	width: 130px;
}

.llms-loop-price {
	align-content: flex-end;
	justify-content: flex-end;
	background: #019EE2;
	color: #fff;
	content: "";
	display: flex;
	flex-direction: column;
	height: 100%;
	line-height: 1;
	padding-bottom: 8px;
	position: absolute;
		left: -50%;
		top: -50%;
	text-align: center;
	transform: rotate( -45deg );
	width: 100%;
}

.llms-loop-price-prefix {
	font-size: 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.llms-loop-price-value {
	font-size: 19px;
	font-weight: 700;
}

.price-length-5 .llms-loop-price-value {
	font-size: 17px;
}

.price-length-6 .llms-loop-price-value {
	font-size: 16px;
}


/* --------------------------------------------------------------------------------------------- */
/*	X. Lesson: Single
/* --------------------------------------------------------------------------------------------- */


/* Course Outline List ----------------------- */

.llms-course-outline ul.llms-lesson li {
	align-items: baseline;
	display: flex;
}

.llms-course-outline ul.llms-lesson li .llms-lesson-complete, 
.llms-course-outline ul.llms-lesson li .lesson-complete-placeholder {
	color: #009fe3;
	flex-shrink: 0;
}

.llms-course-outline ul.llms-lesson li .llms-lesson-complete.done, 
.llms-course-outline ul.llms-lesson li .lesson-complete-placeholder.done {
    color: #ccc;
}

.llms-course-outline ul.llms-lesson li .lesson-title {
	width: 100%;
}

/* LESSON ICONS */

.llms-lesson-complete .fa {
	transform: translateY( 8% );
}

.llms-lesson:not( .current-lesson ) .llms-lesson-complete:not( .done ) .fa {
	transform: translateY( 8% ) scale( .66 );
}

.llms-lesson-complete .fa:before { content: "\f111" !important; font-weight: 900; }
.llms-lesson-complete.done .fa:before { content: "\f058" !important; }


/* --------------------------------------------------------------------------------------------- */
/*	X. Quiz Master
/* --------------------------------------------------------------------------------------------- */


.qmn_quiz_container .qsm-submit-btn {
	align-items: center;
	border-radius: 3px;
	display: flex;
	font-family: "Roboto", Sans-serif;
	font-size: 15px !important;
	font-weight: 500;
	justify-content: center;
	line-height: 1;
	min-height: 40px;
	padding: 12px 24px;
	text-align: center;
	width: 100%;
}

.qsm-pagination {
	position: relative;
}

.qsm-pagination:before {
	color: #fff;
	content: "\f061";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	pointer-events: none;
	position: absolute;
		top: 90%;
		left: 24px;
	transform: translateY( -50% );
}

/** Quiz färg när du inte fyllt i alla fält */
.qmn_error_message {
	background-color: red;
	color: white;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 2px 2px 2px 10px;
}

/* Genom body taggen tvingas detta*/
body .qmn_quiz_container .qmn_btn, .qmn_quiz_container .btn {
color: #fff !important;
background: #009fe3 !important;
}

body .qmn_quiz_container .qmn_btn:hover, .qmn_quiz_container .btn:hover {
    background: #000 !important;
	}


/* --------------------------------------------------------------------------------------------- */
/*	X. Extra CSS Modifications
/* --------------------------------------------------------------------------------------------- */


/** Superfel */
.course .llms-meta-info {
   margin: 0px 0;
}

.llms-instructor-info .llms-instructors .llms-author {
    background: #f1f1f1;
    border-top: 4px solid #009fe3;
    margin: 0;
    padding: 0 10px 10px;
    text-align: center;
}

.woocommerce ul.products, 
.woocommerce-page ul.products {
    clear: both;
    display: block;
    flex-wrap: wrap;
}

/* Input Styles */
input[type="email"], 
input[type="number"], 
input[type="password"], 
input[type="reset"], 
input[type="search"], 
input[type="tel"], 
input[type="text"], 
input[type="url"], 
select, 
textarea {
	border-color: #009fe3;
}

/** Citat */
blockquote {
    border-color: #009fe3;
	box-shadow: 0 4px 15px 0 rgba( 0, 0, 0, 0.2 ), 0 6px 20px 0 rgba( 0, 0, 0, 0.19 );
}

/** Kassan */
.woocommerce input[type="email"] {
    border-color: #009fe3;
}

.woocommerce input [type="text"],
#billing_first_name, 
#billing_last_name {
    border-color:#009fe3 !important;
}

input[type=email]:focus {
	outline: 4px solid #009fe3 !important;
}

input[type=text]:focus {
	outline: 4px solid #009fe3 !important;
}

/** KEDS */
.qmn_mc_answer_wrap {
    display: block;
	line-height: 110%;
    margin: 5px 5px 5px 50px !important;
    text-indent: -47px;
}

.llms-field-button, 
.llms-button-secondary, 
#llms_mark_incomplete {
	background-color: lightgrey;
}

.llms-widget-syllabus .llms-lesson.current-lesson .lesson-title {
    font-weight: 800;
}

.tuck {
	background: #eff7fb;
	border-left: 8px solid #5eccfb ;
	box-shadow: 0 4px 15px 0 rgba( 0, 0, 0, 0.2 ), 0 6px 20px 0 rgba( 0, 0, 0, 0.19 );
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.6;
	margin: 0 60px 0 0;
	padding: 1.2em 30px 1.2em 35px;
	position: relative;
}

.llms-lesson-preview.is-complete .llms-lesson-complete, 
.llms-lesson-preview.is-free .llms-lesson-complete, 
.single-llms_quiz .llms-quiz-results .llms-donut.passing, 
.llms-quiz-timer {
    color: #ccc;
}

.llms-question-wrapper ol.llms-question-choices li.llms-choice input:checked + .llms-marker {
    background: #009fe3;
}

.ast-separate-container .ast-article-post, 
.ast-separate-container .ast-article-single {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 0;
}

/* Korrigerar att länkar läggs emellan på frågor */
/* .quiz_section .llms-parent-course-link {
    display: none !important;
}
*/



/* --------------------------------------------------------------------------------------------- */
/*	X. Media Queries
/* --------------------------------------------------------------------------------------------- */

@media ( max-width: 544px ) {

	.single-lesson nav.llms-course-navigation {
		display: flex;
		justify-content: space-between;
	}

	.single-lesson nav.llms-course-navigation:before,
	.single-lesson nav.llms-course-navigation:after {
		content: none;
	}

	.single-lesson nav.llms-course-navigation .llms-lesson-title {
		display: none;
	}

	.single-lesson nav.llms-course-navigation .llms-course-nav {
		float: none;
		margin: 0;
		width: calc( 50% - .5rem );
	}

	.single-lesson nav.llms-course-navigation .llms-course-nav:first-child {
		margin-bottom: 0;
	}

	.single-lesson nav.llms-course-navigation .llms-course-nav:only-child {
		width: 100%;
	}

	.single-lesson .llms-course-navigation .llms-lesson-preview .llms-lesson-link {
		padding: 9px;
	}



}