.course-curriculum {
	ul.curriculum-sections {
		.section-content {
			.course-item {
				border-bottom: none;

				&.has-status {
					&.status-completed {
						.course-item-status {
							color: #fff;
							border-radius: 50%;
							background-color: #54B551;
							width: 22px;
							line-height: 22px;
							display: block;
							height: 22px;
							text-align: center;
							margin-top: 3px;

							&:before {
								content: "\f00c";
							}
						}
					}

					&.passed {
						color: #666;
					}
				}

				.course-item-meta {
					vertical-align: middle;

					.course-item-status {
						&:before {
							font-size: 14px;
						}
					}
				}
			}
		}
	}
}

#learn-press-course-curriculum {
	.learn-press-breadcrumb {
		display: none;
	}
}

body.course-item-popup {
	overflow: hidden;

	.site-header {
		z-index: 0;
	}

	&.wpadminbar {
		#course-item-content-header {
			top: 32px;
		}
	}

	#learn-press-course-curriculum {
		position: fixed;
		bottom: 0;
		z-index: 10;
		left: 0;
		width: 400px;
		background-color: #fff;

		.learn-press-breadcrumb {
			background: #f9fafa;
			padding: 20px 23px 25px 18px;
			margin: 0;
			display: block;

			a {
				font-size: 13px;
				font-weight: 400;
				text-transform: uppercase;
				line-height: 30px;
				display: inline-block;
			}

			.fa {
				line-height: 30px;
				display: inline-block;
				font-size: 15px;
				padding: 0 12px;
			}

			.item-name {
				display: block;
				font-size: 22px;
				color: #999;
				line-height: 1.3;
				padding-top: 9px;
			}
		}

		ul.curriculum-sections {
			border-top: 1px solid #eee;
			padding-top: 35px;

			.section-header {
				margin-top: 30px;

				.collapse {
					left: 10px;
					top: -3px;
				}

				.meta {
					font-weight: normal;
				}
			}

			.section-desc {
				padding-left: 15px;
				padding-right: 15px;
			}

			.section-content {
				.course-lesson, .course-assignment, .course-quiz {
					padding: 15px 18px 13px;
					line-height: 20px;
					position: relative;

					.lesson-title, .quiz-title {
						max-width: calc(100% - 70px);
						max-width: -webkit-calc(100% - 70px);
						max-width: -moz-calc(100% - 70px);
					}

					a.course-item-title {
						line-height: 20px;

					}

					span, .index {
						line-height: 20px;
					}

					.meta {
						float: none;
						clear: both;
						display: block;
						padding-left: 55px;
						padding-top: 3px;
					}

					.course-item-meta {
						position: absolute;
						top: 15px;
						right: 10px;
					}

					.index {
						min-width: 30px;

						span.label {
							display: none;
						}
					}

					.meta-left {
						min-width: inherit;
						padding-right: 0;
					}

					&.current {
						&:before {
							display: none;
						}
					}
				}

				.course-item.has-status.status-completed {
					.course-item-status {
						margin-top: 0;
					}
				}
			}
		}

		&:before {
			height: 100%;
			content: '';
			position: absolute;
			left: 399px;
			width: 1px;
			background: #eee;
			top: 0;
			bottom: 0;
			z-index: 10;
			min-height: calc(100vh - 200px);
			min-height: -webkit-calc(100vh - 200px);
			min-height: -moz-calc(100vh - 200px);
		}
	}

	.scroll-wrapper {
		&:hover {
			.scroll-element {
				opacity: 0.8;
			}
		}

		> .scroll-element {
			.scroll-element_size {
				left: 3px;
			}

			&.scroll-y {
				right: 2px;
				width: 8px;

				.scroll-element_outer {
					width: 7px;
				}

				.scroll-bar {
					width: 7px;
					background-color: #999999;
				}
			}
		}
	}

	#learn-press-content-item {
		position: fixed;
		z-index: 99999;
		background: #FFF;
		left: 400px;
		top: 90px;
		right: 0;
		bottom: 0;
		//overflow: hidden;
		#course-item-content-header {
			top: 0;
			left: 0;
			background: #ffb606;
			z-index: 100;
			padding: 0;
			position: fixed;
			right: 0;
			height: 90px;
			line-height: 90px;
			-webkit-transform: translate3d(0, 0, 0);
			-o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);

			.courses-searching {
				position: relative;
				line-height: 90px;

				.form-control {
					background: transparent;
					border: transparent;
					box-shadow: none;
					padding-left: 70px;
					color: rgba(255, 255, 255, 0.65);
					line-height: 90px;
					height: 90px;
					font-size: 16px;
					max-width: 400px;

					&::-webkit-input-placeholder {
						color: rgba(255, 255, 255, 0.65);
					}

					&:-moz-placeholder { /* Firefox 18- */
						color: rgba(255, 255, 255, 0.65);
					}

					&::-moz-placeholder { /* Firefox 19+ */
						color: rgba(255, 255, 255, 0.65);
					}

					&:-ms-input-placeholder {
						color: rgba(255, 255, 255, 0.65);
					}

					&:focus {
						&::-webkit-input-placeholder {
							color: transparent;
						}

						&:-moz-placeholder { /* Firefox 18- */
							color: transparent;
						}

						&::-moz-placeholder { /* Firefox 19+ */
							color: transparent;
						}

						&:-ms-input-placeholder {
							color: transparent;
						}
					}
				}

				button {
					top: 0;
					bottom: 0;
					width: 70px;
					left: 0;
					background: transparent;
					color: #fff;
					text-align: center;
					position: absolute;
					line-height: 90px;
					height: 90px;
					font-size: 23px;
					padding: 0;

					.fa {
						line-height: 90px;
					}
				}

				.courses-list-search {
					color: #666;
					margin: 0;
					overflow: hidden;
					line-height: 30px;
					background: #f6f6f6;
					border: none;
					min-width: 270px;
					position: absolute;
					height: calc(100vh - 90px);
					height: -webkit-calc(100vh - 90px);
					height: -moz-calc(100vh - 90px);
					width: 100%;
					visibility: hidden;
					padding-left: 50px;
					@include transition(none);
					cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUNEQkY4MkZBRDY3MTFFNkI3RTRGQzAxM0E3RjBCMDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUNEQkY4MzBBRDY3MTFFNkI3RTRGQzAxM0E3RjBCMDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQ0RCRjgyREFENjcxMUU2QjdFNEZDMDEzQTdGMEIwMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQ0RCRjgyRUFENjcxMUU2QjdFNEZDMDEzQTdGMEIwMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlMNdGQAAAB2SURBVHjavJRRFoAgCAQZ73/nen1aYixQ/MoOyKKY2WFzYHpMjPGWoAI9qAJe5g1VEDknAEAsCNFEJQ+lg2hhGtx/cCi6v2RQcN/Vk12bnfbXTttnWnZ/dMzwrvv0RbW//ZYrR78+Muu0g5JdJw9KZZ2uOAUYAEC8HRoqW0/5AAAAAElFTkSuQmCC'), progress;

					&.search-visible {
						visibility: visible;
					}

					li {
						list-style: none;
						line-height: 30px;
						padding: 0 20px;
						height: 30px;
						display: block;

						&:first-child {
							margin-top: 20px;
						}

						a {
							display: inline-block;
							line-height: 30px;
							@include transition(none);
							color: #333;

							&:hover {
								text-decoration: underline;
								color: #333 !important;
							}
						}
					}
				}
			}

			.back_course {
				width: 90px;
				height: 90px;
				line-height: 90px;
				text-transform: none;
				text-align: center;
				color: #fff;
				font-size: 13px;
				font-weight: 700;
				z-index: 99999;
				position: absolute;
				top: 0;
				right: 0;
				cursor: pointer;

				.fa {
					font-size: 29px;
					vertical-align: middle;
				}

				@include opacity(0.7);

				&:hover {
					@include opacity(1);
				}

				&:before, &:after {
					display: none;
				}
			}

			.toggle-content-item {
				width: 90px;
				height: 90px;
				line-height: 90px;
				text-transform: none;
				text-align: center;
				color: #fff;
				font-size: 13px;
				font-weight: 700;
				z-index: 99999;
				position: absolute;
				top: 0;
				right: 90px;
				cursor: pointer;
				border-left: none;
				@include opacity(0.7);

				&:hover {
					@include opacity(1);
				}

				&:before {
					font: 28px/60px fontawesome;
					content: "\f065";
					line-height: 90px;
					font-size: 24px;
				}
			}
		}

		.content-item-wrap {
			padding-bottom: 30px;

			.content-item-summary, .course-item-nav, .edit-course-item-link, .message, .comments-area, .learn-press-content-protected-message {
				margin: 10px auto;
				max-width: 700px;
			}

			.message {
				margin-bottom: 20px;
				margin-top: 20px;
			}
		}
	}

	div#learn-press-content-item {
		top: 90px;

	}

	div#learn-press-course-curriculum {
		top: 90px;
	}

	.lp-single-course {
		#course-curriculum-popup {
			position: fixed;
			left: 0;
			top: 90px;
			bottom: 0;
			background-color: #fff;
			width: 400px;
			z-index: 9999;
		}
	}

	#course-curriculum-popup {
		#popup-sidebar {
			width: 100%;
			height: 100%;
			top: auto;

			#learn-press-course-curriculum {
				top: auto;
				width: 100%;

				ul.curriculum-sections {
					.section-content {
						.course-lesson, .course-assignment, .course-quiz {
							position: relative;

							.course-item-meta {
								position: absolute;
								right: 15px;
								top: 15px;
							}
						}
					}
				}
			}
		}
	}

	&.full-screen-content-item {
		#learn-press-content-item {
			#course-item-content-header {
				.toggle-content-item {
					&:before {
						content: "\f066";
					}
				}
			}
		}
	}

	&.thim-style-content-new-1 {
		#learn-press-course-curriculum {
			ul.curriculum-sections {
				padding-top: 0;

				.section {
					background-color: #fff;

					.section-header {
						margin-left: 5px;
						padding-left: 40px;
					}

					.section-desc {
						margin-left: 40px;
						padding-left: 5px;
					}
				}
			}
		}
	}
}

.profile-container {
	.profile-tabs {
		.learn-press-subtab-content {
			.lp-sub-menu {
				margin-bottom: 20px;
				margin-top: 30px;
				margin-left: 0;

				li {
					list-style: none;
					display: inline-block;
					padding-right: 15px;

					a {
						padding-bottom: 5px;
						color: #666;
					}

					span {
						padding-bottom: 2px;
						border-bottom: 2px solid #ffb606;
					}
				}
			}
		}
	}

	.profile-orders {
		.column-order-action {
			a {
				margin-right: 5px;
			}
		}
	}
}

#tab-curriculum {
	button {
		margin-bottom: 40px;
		margin-right: 15px;
	}

	form {
		display: inline-block;
	}
}

#order_review {
	#checkout-guest-email {
		margin: 20px 0 15px;
		padding-top: 10px;
		border-top: 1px solid #eee;

		.form-desc {
			margin-bottom: 10px;
		}

		#checkout-guest-options {
			margin-top: 15px;

			li {
				list-style: none;

				label {
					font-weight: normal;
				}
			}
		}
	}
}