/**

Learn Controller
Styles for the learning experience controllers

**/

/** .learn **/
/* the my course page for a user */

.learn {

}

.learn .learn-bar {

}

.learn .learn-bar .sub {
	font-size: 13px;
	color: rgba(0,0,0,0.50);
}

.learn .preview-banner {

}

.learn .preview-banner .countdown {
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	margin-top: 2px;
}

.learn .preview-banner .header-banner-strong h1 {
	letter-spacing: 0px;
}

@media(max-width:767px) {
	.learn .preview-banner .countdown {
		margin-top: 10px;
		margin-left: 0px;
	}
}

/****************************************************************************************************************/
/** .learn-content **/
/* Contains the actual learning widget that is currently active */

.learn-content {
	position: relative;
	z-index: 1;
}

.learn-content .course-curriculum-bar {
	font-size: 13px !important;
}

/* .learn-content-video */

/*

transition looks horrible and laggy because of how wistia's embed works so don't bother with this for now

.learn-content-video .wistia_embed {
	transition: all 1000ms linear;
}*/

/* .learn-content-quiz */

.learn-content-quiz {
	transition: width 500ms ease;
}

.learn-content-quiz .quiz-question {
	transition: all 500ms ease;
}

.learn-content-quiz .quiz-question h2 {
	margin-bottom: 15px;
}

.learn-content-quiz .quiz-question-option {
	border: 1px solid #eee;
	border-radius: 10px;
	
	margin-bottom: 15px;
	padding: 15px;

	font-size: 18px;
	font-weight: 100;

	cursor: pointer;
}
.learn-content-quiz .quiz-question-option:last-child {
	margin-bottom: 0px;
}

.learn-content-quiz .quiz-question-option-selected {
	border-color: #aaa;
}

.learn-content-quiz .quiz-question-option .circle {
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #fff;
	border: 2px solid #eee;
	color: #eee;

	float: left;
}.learn-content-quiz .quiz-question-option .circle .fa {
	margin-left: 1px;
}
.learn-content-quiz .quiz-question-option-selected .circle {
	border-color: #aaa;
	color: #aaa;
}

.learn-content-quiz .quiz-question-option > *:last-child {
	position: relative;
	margin-left: 45px;
	text-align: left;
	padding-top: 2px;
}

/* .learn-content-upload */

.learn-content-upload {
	transition: width 500ms ease;
}

.learn-content-upload .pdfobject {
	background: transparent;
}

/* .learn-content-markdown */

.learn-content-markdown {
	transition: width 500ms ease;
}

/* .learn-content-discussion */

.learn-content-discussion p {
	font-size: 14px;
}

/** .learn-content-accessory **/
/* Sits on top of learn content (sidebars, accessories etc) */

.learn-content-accessory {
	z-index: 2;

	opacity: 0.0;

	transition: all 500ms linear;
}
.learn-content-accessory.show {
	opacity: 1.0;
}

.learn-content-transparent { /* ie mouse clicks etc do nothing */
	pointer-events: none;
}

/** Accessory Instances **/

.learn-content-accessory-overlay-gradient {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;

	height: 175px;

	background: -webkit-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0));
	z-index: 2;
}

.learn-content-accessory-overlay-title {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 60px;
	color: #fff;
	z-index: 3;
}

.learn-content-accessory-overlay-button {
	position: absolute;
	margin-top: -30px;
	top: 50%;
	height: 50px;
	padding: 10px;
	line-height: 50px;
	width: 40px;
	text-align: left;
	color: #fff;
	font-size: 40px;
	cursor: pointer;
	pointer-events: auto;
	background: rgba(249,178,51,0.8);
	z-index: 4;
}

.learn-content-accessory-overlay-previous {
	left: 0px;
	text-align: left;
}

.learn-content-accessory-overlay-next {
	right: 0px;
	text-align: right;
}

/** Wraps **/

.learn-wrap {

}

.learn-wrap-overlay {

}

.learn-wrap-overlay > div {
	transition: width 500ms ease;
}