/*LearnPress 4*/
body.learnpress-page .lp-button {
	background-color: var(--colorMain);
	border: 2px solid;
	border-color: var(--colorMain);
	border-color: var(--colorMain) !important;
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	height: auto;
	padding: 8px 23px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

body.learnpress-page .lp-button:hover {
	background-color: transparent;
	border-color: var(--colorMain) !important;
	color: var(--colorMain);
}

body.learnpress-page form[name="search-course"] .search-course-button {
	background: transparent;
	border: none;
	color: transparent;
	font-size: 0;
	padding: 17px 8px;
	position: absolute;
}

body.learnpress-page form[name="search-course"] .search-course-button:before {
	background: transparent;
	color: var(--colorMain);
	content: "\f002";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	margin-right: 1em;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: auto;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}

body.learnpress-page form[name="search-course"] .search-course-button:hover:before {
	color: #222a35;
}

body.learnpress-page .learn-press-form .form-fields .form-field input[type="text"],
body.learnpress-page .learn-press-form .form-fields .form-field input[type="email"],
body.learnpress-page .learn-press-form .form-fields .form-field input[type="number"],
body.learnpress-page .learn-press-form .form-fields .form-field input[type="password"],
body.learnpress-page .learn-press-form .form-fields .form-field textarea {
	background-color: #f5f5f5;
	border: none !important;
	font-style: inherit !important;
	padding-left: 1.5em;
}

body.learnpress-page form[name="search-course"] .search-course-input {
	padding-left: 1.5em;
}

body .lp-modal-dialog .lp-modal-content {
	background-color: #fff;
	color: #768292;
}

body .lp-modal-dialog .lp-modal-content .lp-modal-header {
	background-color: var(--colorMain);
	color: #fff;
	padding-left: 2em;
	padding-right: 2em;
}

body .lp-modal-dialog .lp-modal-content .lp-modal-header h3 {
	color: #fff;
}

body .lp-modal-dialog .lp-modal-content .lp-modal-footer {
	background-color: #fff;
	color: #768292;
}

body .lp-modal-dialog .lp-modal-content .main-content {
	padding-bottom: 10px;
	padding-top: 20px;
}

body .lp-modal-dialog .lp-button {
	background-color: var(--colorMain);
	border: 2px solid;
	border-color: var(--colorMain);
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	padding: 8px 23px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

body .lp-modal-dialog .lp-button:hover {
	background-color: #222a35;
	border-color: #222a35 !important;
	color: #fff;
}

#canvas .learn-press-message {
	border-radius: 0;
}

#canvas .learn-press-message:after {
	border-bottom-color: #f5f5f5;
}

#canvas .learn-press-progress .progress-bg {
	background-color: #f5f5f5;
}

#canvas .learn-press-progress:before,
#canvas .learn-press-message {
	background-color: #f5f5f5;
}

#canvas .learn-press-form .form-fields .form-field input[type="checkbox"] + .description {
	display: inline;
}

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

#canvas #box_wrapper .lp-archive-courses {
	width: 100%;
}

#canvas #box_wrapper .lp-archive-courses .learn-press-courses .course .course-item .course-content .course-categories::after {
	background-color: #d8efdb;
	opacity: 1;
}

#canvas #box_wrapper .lp-courses-bar {
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
}

#canvas #box_wrapper .switch-layout .switch-btn::before {
	border: none;
	color: #222a35;
	margin: 0;
}

#canvas #box_wrapper .switch-layout input[type="radio"]:checked + label {
	background-color: #f5f5f5;
}

#canvas #box_wrapper .switch-layout input[type="radio"]:checked + label::before {
	background-clip: initial;
	background-color: transparent;
	border: none;
	color: var(--colorMain);
	margin: 0;
	padding: 0;
}

#canvas #box_wrapper .lp-courses-bar .search-courses input[type="text"] {
	background-color: transparent;
	border: 2px solid rgba(118, 130, 146, 0.4);
	border-color: #d8efdb;
	display: inline-block;
	font-style: inherit;
	height: 47px;
	margin: 0 5px 0 0;
	max-width: 400px;
}

#canvas #box_wrapper .course-content .course-instructor a {
	color: #222a35;
}

#canvas #box_wrapper .course-content .course-instructor a:hover {
	color: var(--colorMain);
}

#canvas #box_wrapper .course-permalink .course-title {
	color: #222a35;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.3;
}

#canvas #box_wrapper .course-content .course-wrap-meta .meta-item {
	color: #768292;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding-right: 1.5em;
	text-transform: uppercase;
}

#canvas #box_wrapper .course-info,
#canvas #box_wrapper .course-excerpt {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

#canvas #box_wrapper .learn-press-courses[data-layout="list"] .course {
	border-color: #d8efdb;
	border-radius: 5px;
}

#canvas #box_wrapper .learn-press-courses[data-layout="list"] .course-readmore a {
	background-color: var(--colorMain);
}

#canvas #box_wrapper .learn-press-courses[data-layout="grid"] .course {
	width: 33.33%;
}

#canvas #box_wrapper .learn-press-courses[data-layout="grid"] .course .course-item:hover {
	box-shadow: none;
}

#canvas #box_wrapper .learn-press-courses[data-layout="grid"] .course-instructor {
	display: block;
	float: none;
	font-size: inherit;
	font-weight: 400;
	margin-bottom: 1.25em;
}

#canvas #box_wrapper .learn-press-courses[data-layout="grid"] .course-content {
	padding: 40px 30px;
	text-align: center;
}

#canvas #box_wrapper .learn-press-courses[data-layout="grid"] .course-content .course-permalink {
	height: auto;
	-webkit-line-clamp: initial;
	line-clamp: initial;
}

#canvas #box_wrapper .learn-press-courses[data-layout="grid"] .course-content .course-price {
	float: none;
}

#canvas #box_wrapper .learn-press-courses[data-layout="grid"] .course-footer {
	border: none;
	padding-top: 5px;
}

#canvas #box_wrapper .learn-press-courses[data-layout="grid"] .course-content {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-color: #d8efdb;
}

#canvas #box_wrapper .learn-press-pagination {
	text-align: initial;
}

#canvas #box_wrapper .learn-press-pagination .page-numbers {
	color: #222a35;
	padding: 0;
}

#canvas #box_wrapper .learn-press-pagination .page-numbers li {
	padding: 0;
}

#canvas #box_wrapper .learn-press-pagination .page-numbers > li a,
#canvas #box_wrapper .learn-press-pagination .page-numbers > li span {
	border: 2px solid transparent;
	border-radius: 5px !important;
	color: #768292;
	font-weight: inherit;
	line-height: 1;
	min-width: 2.75em;
	padding: .75em 1em;
	text-align: center;
}

#canvas #box_wrapper .learn-press-pagination .page-numbers:hover,
#canvas #box_wrapper .learn-press-pagination .page-numbers.current {
	border-color: rgba(var(--colorMainRGB), 0.4);
	color: #222a35;
}

#canvas #box_wrapper #learn-press-profile #profile-nav .lp-profile-nav-tabs > li > a > i,
#canvas #box_wrapper .course-extra-box__content li::before,
#canvas #box_wrapper .meta-item::before,
#canvas #box_wrapper .section-item-link::before {
	color: var(--colorMain);
}

#canvas #box_wrapper #learn-press-profile #profile-nav .lp-profile-nav-tabs > li > a:after {
	color: #768292;
}

#canvas #box_wrapper .course-learning-summary > div {
	margin-bottom: 2em;
}

#canvas #box_wrapper .single-course-info .lp-course-buttons {
	margin: 1em 0 .5em;
}

#canvas #box_wrapper .single-course-info .learn-press-course-results-progress .items-progress,
#canvas #box_wrapper .single-course-info .learn-press-course-results-progress .course-progress {
	float: none;
	width: 100%;
}

#canvas #box_wrapper ul.learn-press-nav-tabs {
	background-color: transparent;
	border: none;
	margin-bottom: 0;
}

#canvas #box_wrapper ul.learn-press-nav-tabs .course-nav {
	border: none;
	-webkit-box-flex: initial;
	-webkit-flex: initial;
	        flex: initial;
	margin-right: 60px;
}

#canvas #box_wrapper ul.learn-press-nav-tabs .course-nav a {
	background: #fff;
	border: 1px solid #d8efdb;
	border-bottom-width: 0;
	margin-bottom: -1px;
	margin-right: 3px;
	position: relative;
}

#canvas #box_wrapper ul.learn-press-nav-tabs .course-nav.active:after,
#canvas #box_wrapper ul.learn-press-nav-tabs .course-nav:hover:after {
	background-color: var(--colorMain);
	bottom: auto;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: -1px;
	width: auto;
}

#canvas #box_wrapper .course-extra-box + #learn-press-course-tabs {
	margin-top: 3em;
}

#canvas #box_wrapper #learn-press-course-tabs {
	margin-top: 0;
}

#canvas #box_wrapper #learn-press-course-tabs .course-nav:before,
#canvas #box_wrapper #learn-press-course-tabs .course-nav:after {
	display: none;
}

#canvas #box_wrapper #learn-press-course-tabs .course-nav label {
	color: #222a35;
	font-weight: 400;
	padding: 0 0 5px;
	position: relative;
}

#canvas #box_wrapper #learn-press-course-tabs .course-nav label:after {
	background-color: var(--colorMain);
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	-webkit-transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
	width: 0;
}

#canvas #box_wrapper #learn-press-course-tabs .course-nav label:hover:after {
	width: 100%;
}

#canvas #box_wrapper #learn-press-course-tabs .course-nav.active label {
	background-color: transparent;
	color: #222a35;
	font-weight: 600;
}

#canvas #box_wrapper #learn-press-course-tabs .course-nav.active label:after {
	width: 100%;
}

#canvas #box_wrapper #learn-press-course-tabs .course-tab-panel {
	background-color: transparent;
	border: none;
	border-top-width: 0;
	padding-top: 30px;
}

#canvas #box_wrapper #learn-press-course-tabs .course-tab-panel .course-description p {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

@media (min-width: 768px) {
	#canvas #box_wrapper .course-flex-1-3 {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		        align-items: flex-start;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}

	#canvas #box_wrapper .course-info-wrap {
		width: 70%;
	}
}

#canvas #box_wrapper .course-summary .course-detail-info {
	background-color: #f5f5f5;
	color: #768292;
}

#canvas #box_wrapper .course-summary .course-detail-info .course-info-left {
	width: 100%;
}

#canvas #box_wrapper .course-summary .course-detail-info .course-meta .course-meta__pull-left .meta-item {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin-right: 3em;
	text-transform: uppercase;
}

@media (max-width: 1024px) {
	#canvas #box_wrapper .course-summary .course-detail-info {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 768px) {
	#canvas #box_wrapper .course-summary .course-detail-info {
		padding-left: 30px;
	}
}

#canvas #box_wrapper .course-summary .course-detail-info .course-title {
	color: #222a35;
}

#canvas #box_wrapper .course-summary .course-detail-info a {
	color: #222a35;
}

#canvas #box_wrapper .course-summary .course-detail-info label {
	color: #768292;
}

#canvas #box_wrapper #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button.button-enroll-course {
	background-color: var(--colorMain);
	border: 2px solid;
	border-color: var(--colorMain);
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	padding: 8px 23px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections {
	background-color: transparent;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-header {
	background-color: transparent;
	border-bottom-width: 3px;
	border-color: #d8efdb;
	cursor: pointer;
	padding: 0;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-header .section-desc {
	color: #768292;
	line-height: 1.4;
	margin: .5em 0 1em !important;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item {
	background: transparent;
	border-bottom-color: #d8efdb;
	font-size: inherit;
	padding: 0;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item.current {
	background-color: #f5f5f5;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link:before {
	font-size: inherit;
	padding-bottom: 1em;
	padding-top: 1em;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item .item-name,
#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta {
	color: #222a35;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding-bottom: 1em;
	padding-top: 1em;
	text-transform: uppercase;
	-webkit-transition: color .2s ease;
	transition: color .2s ease;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item .item-name .item-meta,
#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .item-meta {
	font-size: inherit;
	margin-bottom: 0;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item .item-name:hover {
	color: var(--colorMain);
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .course-item-status:before {
	font-size: inherit;
}

#canvas #box_wrapper div.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status:before {
	color: #222a35;
}

#canvas #box_wrapper .lp-course-author {
	margin-bottom: 0;
}

#canvas #box_wrapper .lp-course-author a {
	color: #222a35;
}

#canvas #box_wrapper .lp-course-author .author-description {
	color: #768292;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

#canvas #box_wrapper .course-price .origin-price,
#canvas #box_wrapper .course-price .price {
	color: var(--colorMain);
	font-size: 18px;
}

#canvas #box_wrapper .course-featured-review .featured-review__content {
	color: #768292;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

#canvas #box_wrapper .course-featured-review .featured-review__content:after {
	line-height: 0;
}

#canvas #box_wrapper .course-sidebar-top {
	background-color: #fff;
	border: 1px solid #d8efdb;
	border-radius: 5px;
	box-shadow: none;
	padding: 30px;
}

#canvas #box_wrapper .course-summary-sidebar {
	margin: 0;
}

#canvas #box_wrapper .course-summary-sidebar .course-summary-sidebar__inner {
	position: static;
}

#canvas #box_wrapper .course-summary-sidebar .course-sidebar-preview {
	background-color: #fff;
	margin-bottom: 15px;
}

#canvas #box_wrapper .course-summary-sidebar .course-sidebar-preview .course-time {
	border-color: #d8efdb;
}

#canvas #box_wrapper .course-summary-sidebar .course-sidebar-preview .course-time-row {
	color: #768292;
}

#canvas #box_wrapper .course-summary-sidebar .course-sidebar-preview .course-time-row:last-child:after {
	display: none;
}

#canvas #box_wrapper .course-summary-sidebar .course-sidebar-preview .course-time-row time {
	color: #768292;
	font-size: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	text-transform: none;
}

#canvas #box_wrapper .course-summary-sidebar .course-sidebar-preview .course-time-row strong {
	color: #222a35;
}

#canvas #box_wrapper .course-summary-sidebar .course-sidebar-preview .course-results-progress .items-progress__heading,
#canvas #box_wrapper .course-summary-sidebar .course-sidebar-preview .course-results-progress .course-progress__heading {
	color: #222a35;
	letter-spacing: initial;
	margin-bottom: 1em;
}

#canvas #box_wrapper .course-summary-sidebar .course-sidebar-preview .course-results-progress .number {
	color: #768292;
}

#canvas #box_wrapper .course-extra-box__title {
	background-color: #f5f5f5;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	text-transform: uppercase;
}

#canvas #box_wrapper .course-extra-box {
	border: none;
}

#canvas #box_wrapper .course-tab-panel-faqs .course-faqs-box,
#canvas #box_wrapper .course-extra-box,
#canvas #box_wrapper .course-extra-box__content li {
	border-color: #d8efdb;
}

#canvas #box_wrapper .course-faqs-box__content-inner,
#canvas #box_wrapper .course-extra-box__content li {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

#canvas #box_wrapper .course-extra-box__content li {
	border: none;
	padding: 10px 15px 10px;
}

#canvas #box_wrapper .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title,
#canvas #box_wrapper input[name="course-faqs-box-ratio"]:checked + .course-faqs-box .course-faqs-box__title {
	color: var(--colorMain);
}

#canvas #box_wrapper .course-rate {
	margin-bottom: 3em;
}

#canvas #box_wrapper .course-reviews-list,
#canvas #box_wrapper .course-reviews-list-shortcode {
	padding: 0;
}

#canvas #box_wrapper .course-reviews-list li,
#canvas #box_wrapper .course-reviews-list-shortcode li {
	background-color: transparent;
	border: none;
	padding: 0;
}

#canvas #box_wrapper .course-reviews-list li .user-name,
#canvas #box_wrapper .course-reviews-list-shortcode li .user-name {
	margin: 0 0 10px;
}

#canvas #box_wrapper .review-author-info {
	margin-left: 100px;
}

#canvas #popup-course {
	background-color: #fff;
	z-index: 9999;
}

#canvas #popup-course #sidebar-toggle {
	background-color: #fff;
}

#canvas #popup-course #sidebar-toggle:before {
	color: var(--colorMain);
}

#canvas #popup-course #popup-header {
	background-color: #222a35;
	color: #fff;
}

#canvas #popup-course #popup-header .popup-header__inner .course-title a {
	color: #fff;
}

#canvas #popup-course #popup-header .items-progress .number {
	color: #fff;
}

#canvas #popup-course #popup-sidebar .search-course {
	background-color: #f5f5f5;
}

#canvas #popup-course #popup-sidebar .search-course button::before {
	color: #222a35;
}

#canvas #popup-course #popup-sidebar .search-course input[name="s"] {
	color: #222a35;
}

#canvas #popup-course #popup-sidebar .search-course.searching::after {
	border-bottom-color: #fff;
}

#canvas #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .item-meta {
	color: #768292;
}

#canvas #popup-course #learn-press-course-curriculum {
	background: #fff;
	border-color: #d8efdb;
}

#canvas #popup-course #learn-press-course-curriculum .curriculum-scrollable {
	padding: 10px 20px;
}

#canvas #popup-course #learn-press-course-curriculum .section-header {
	background-color: #fff;
	padding-top: 10px;
}

#canvas #popup-course #learn-press-course-curriculum .current {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}

#canvas #popup-course #learn-press-course-curriculum .current .item-meta.course-item-status {
	right: 38px;
}

#canvas #popup-course #popup-content .lp-button {
	background-color: var(--colorMain);
	border: 2px solid;
	border-color: var(--colorMain);
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	padding: 8px 23px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#canvas #popup-course #popup-content #learn-press-content-item .course-item-title {
	color: #222a35;
}

#canvas #popup-course #popup-content #learn-press-content-item p {
	color: #768292;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

#canvas #popup-course #popup-footer {
	background-color: #fff;
	border-color: #d8efdb;
}

#canvas #popup-course #popup-footer .course-item-nav .prev:before,
#canvas #popup-course #popup-footer .course-item-nav .next:before {
	color: #222a35;
}

#canvas #popup-course #popup-footer .course-item-nav .prev a,
#canvas #popup-course #popup-footer .course-item-nav .next a {
	color: #222a35;
}

#canvas #popup-course .quiz-intro-item::before {
	color: var(--colorMain);
}

#canvas #popup-course .quiz-intro-item__title {
	color: #768292;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	text-transform: uppercase;
}

#canvas #popup-course .quiz-intro-item__content {
	color: #222a35;
}

#canvas #popup-course .quiz-progress {
	background-color: #f5f5f5;
}

#canvas #popup-course .quiz-progress .progress-items .progress-item {
	color: #222a35;
}

#canvas #popup-course .quiz-status > div {
	background-color: #f5f5f5;
	padding-bottom: 3em;
	padding-top: 3em;
}

#canvas #popup-course .quiz-status .questions-index {
	color: #768292;
}

#canvas #popup-course .quiz-status .questions-index span {
	color: #222a35;
}

#canvas #popup-course .quiz-status .countdown {
	background-color: #f5f5f5;
	color: #222a35;
}

#canvas #popup-course .quiz-status .countdown .fas {
	color: #222a35;
}

#canvas #popup-course .question .question-title {
	color: #222a35;
}

#canvas #popup-course .answer-options .answer-option {
	background-color: #f5f5f5;
	color: #222a35;
	margin: 1em 0;
}

#canvas #popup-course .answer-options .answer-option .option-title {
	background-color: #f5f5f5;
	border: none;
	color: #768292;
}

#canvas #popup-course .answer-options .answer-option .option-title:before {
	background-color: #d8efdb;
}

#canvas #popup-course .answer-options .answer-option:hover {
	background-color: #f5f5f5;
}

#canvas #popup-course .answer-options .answer-option:hover .option-title:before {
	background-color: var(--colorMain);
}

#canvas #popup-course .answer-options .answer-option input[type="checkbox"],
#canvas #popup-course .answer-options .answer-option input[type="radio"] {
	background-color: #fff;
	border-color: #d8efdb;
	font-size: 18px;
}

#canvas #popup-course .answer-options .answer-option input[type="checkbox"]:after,
#canvas #popup-course .answer-options .answer-option input[type="radio"]:after {
	border-color: var(--colorMain);
}

#canvas #popup-course .answer-options .answer-option input[type="checkbox"]:checked ~ .option-title:before,
#canvas #popup-course .answer-options .answer-option input[type="radio"]:checked ~ .option-title:before {
	background-color: var(--colorMain);
}

#canvas #popup-course .lp-quiz-buttons {
	margin: 2em 0;
}

#canvas #popup-course .quiz-result {
	margin: 2em auto;
}

#canvas #popup-course .quiz-result .result-message {
	background-color: #f5f5f5;
}

#canvas #popup-course .quiz-result .result-statistic .result-statistic-field span {
	color: #222a35;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	text-transform: uppercase;
}

#canvas #popup-course .quiz-result .result-achieved {
	border-color: var(--colorMain);
}

#canvas #popup-course .quiz-result.failed .result-achieved {
	color: var(--colorMain);
}

#canvas #popup-course .quiz-result .result-require {
	color: #222a35;
	margin: .5em 0;
}

#canvas #popup-course .quiz-result .result-grade .result-message {
	color: #222a35;
	font-size: inherit;
}

#canvas #popup-course #learn-press-quiz-app .questions-pagination {
	background-color: #fff !important;
}

#canvas #popup-course #learn-press-quiz-app .questions-pagination button.page-numbers {
	border: none;
}

#canvas #popup-course .learn-press-form .button-complete-item {
	background-color: var(--colorMain);
	border: 2px solid;
	border-color: var(--colorMain);
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	margin-top: 2em;
	padding: 8px 23px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#canvas #popup-course .learn-press-form .button-complete-item:hover {
	background-color: #222a35;
	border-color: #222a35;
}

#canvas #learn-press-user-profile .learn-press-form-login,
#canvas #learn-press-user-profile .learn-press-form-register,
#canvas #learn-press-checkout-login,
#canvas #learn-press-checkout-register {
	background-color: #fff;
	border-color: #d8efdb;
	padding: 1.5em;
}

#canvas #learn-press-profile {
	background-color: transparent;
}

#canvas #learn-press-profile #learn-press-profile-basic-information .form-field > label,
#canvas #learn-press-profile form[name="profile-change-password"] .form-field > label {
	color: #222a35;
	font-size: 12px;
	font-style: inherit;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	text-transform: uppercase;
}

#canvas #learn-press-profile .lp-password-input .lp-show-password-input {
	top: 15px;
}

#canvas #learn-press-profile #learn-press-profile-basic-information button,
#canvas #learn-press-profile form[name="profile-change-password"] button {
	background-color: var(--colorMain);
	border: 2px solid;
	border-color: var(--colorMain);
	border-radius: 5px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	padding: 8px 23px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#canvas #learn-press-profile .wrapper-profile-header {
	background-color: #f5f5f5;
	color: inherit;
}

#canvas #learn-press-profile .wrapper-profile-header .lp-profile-left {
	background-color: #fff;
	border-color: #d8efdb;
}

#canvas #learn-press-profile #profile-sidebar {
	background-color: #f5f5f5;
	border: none;
}

#canvas #learn-press-profile #profile-nav .lp-profile-nav-tabs > li {
	border-color: #fff;
}

#canvas #learn-press-profile #profile-nav .lp-profile-nav-tabs > li a {
	color: #222a35;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

#canvas #learn-press-profile #profile-nav .lp-profile-nav-tabs > li > ul {
	background-color: #fff;
}

#canvas #learn-press-profile #profile-nav .lp-profile-nav-tabs > li.active > ul {
	border-left: 1px solid #d8efdb;
	border-right: 1px solid #d8efdb;
}

#canvas #learn-press-profile #profile-nav .lp-profile-nav-tabs > li ul li a {
	border-color: #d8efdb;
}

#canvas #learn-press-profile #profile-nav .lp-profile-nav-tabs > li ul li a:hover {
	background-color: #f5f5f5;
}

#canvas #learn-press-profile #profile-nav .lp-profile-nav-tabs li.active,
#canvas #learn-press-profile #profile-nav .lp-profile-nav-tabs li:hover {
	background-color: #f5f5f5;
}

#canvas #learn-press-profile #profile-nav li.active > ul .active {
	background-color: #fff;
}

@media (max-width: 560px) {
	#canvas #learn-press-profile #profile-nav .lp-profile-nav-tabs > li > a:after {
		position: absolute;
	}
}

#canvas #learn-press-profile .dashboard-general-statistic__row {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
}

#canvas #learn-press-profile .dashboard-general-statistic__row .statistic-box {
	background-color: #fff;
	border-color: #d8efdb;
}

#canvas #learn-press-profile .dashboard-general-statistic__row .statistic-box:hover {
	background-color: #f5f5f5;
}

#canvas #learn-press-profile .dashboard-general-statistic__row .statistic-box .statistic-box__text {
	color: #222a35;
}

#canvas #learn-press-profile .dashboard-general-statistic__row .statistic-box .statistic-box__number {
	color: #768292;
}

#canvas #learn-press-profile #dashboard-general-statistic {
	border-color: #d8efdb;
}

#canvas #learn-press-profile .profile-courses > h3 {
	color: #222a35;
}

#canvas .learn-press-tabs {
	background-color: #f5f5f5;
}

#canvas .learn-press-tabs .learn-press-tabs__nav {
	border: none;
}

#canvas .learn-press-tabs .learn-press-tabs__nav .learn-press-tabs__tab {
	background-color: transparent;
	border-color: #d8efdb;
}

#canvas .learn-press-tabs .learn-press-tabs__nav .learn-press-tabs__tab.active::before {
	background-color: var(--colorMain);
}

#canvas .learn-press-tabs .learn-press-tabs__nav .learn-press-tabs__tab:first-child.active label::before {
	display: none;
}

#canvas .learn-press-tabs .learn-press-tabs__nav .learn-press-tabs__tab.active {
	background-color: #fff;
}

#canvas .learn-press-tabs .learn-press-tabs__nav .learn-press-tabs__tab:after {
	display: none;
}

#canvas .learn-press-tabs .learn-press-tabs__nav .learn-press-tabs__tab label a {
	color: #222a35;
}

#canvas div.order-recover input[type="text"] {
	background-color: transparent;
	border: 1px solid var(--colorMain4);
	border-radius: 5px;
	color: #222a35;
	font-size: 16px;
	font-weight: 400;
	height: 47px;
	padding-bottom: 9px;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 9px;
	width: 100%;
}

#canvas .recover-order__description {
	color: #768292;
}

#canvas #learn-press-profile-basic-information label {
	color: #222a35;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	margin: 0;
	text-transform: uppercase;
}

#canvas .learn-press-filters > li a {
	color: #222a35;
}

#canvas .learn-press-filters > li span {
	color: var(--colorMain);
}

#canvas .learn-press-filters > li:after {
	color: #d8efdb;
}

#canvas .lp-content-area {
	max-width: none;
	padding: 0;
	width: 100%;
}

#canvas .lp-content-wrap {
	max-width: none;
	width: 100%;
}

#canvas .lp-content-wrap > h2 {
	color: #222a35;
}

#canvas .lp-checkout-form__before .lp-checkout-block h4,
#canvas .lp-checkout-form__after .lp-checkout-block h4 {
	color: #222a35;
}

#canvas #learn-press-checkout-form a {
	color: #222a35;
}

#canvas #learn-press-checkout-form a:hover {
	color: var(--colorMain);
}

#canvas .lp-terms-and-conditions {
	color: #768292;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	text-transform: uppercase;
}

#canvas #checkout-order .lp-checkout-order__inner {
	border-color: #d8efdb;
}

#canvas #checkout-order th,
#canvas #checkout-order td {
	border-color: #d8efdb;
	font-weight: inherit;
}

#canvas #checkout-order .cart-subtotal,
#canvas #checkout-order .col-number {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

#canvas #checkout-order .order-total th {
	color: inherit;
	font-size: inherit;
	font-weight: 700;
	line-height: inherit;
}

#canvas #checkout-order .order-total .col-number {
	color: #222a35;
	font-size: inherit;
	font-weight: 700;
}

#canvas .lp-widget .lp-course-info-fields .lp-course-info .lp-label {
	background-color: var(--colorMain);
}

#canvas .lp-course-info-fields {
	padding: 0;
}

#canvas .widget .course-entry .course-cover img {
	width: 100%;
}

#canvas .widget .course-entry .course-title {
	font-size: 1.15em;
	margin: 1em 0 .5em;
}

#canvas .widget .course-entry .course-meta-field {
	margin: .5em 0;
}

#canvas .widget .course-entry .course-meta-field:not(.course-student-number):not(.course-lesson-number) {
	color: var(--colorMain);
	font-weight: bold;
}

#canvas .widget .course-entry + .course-entry {
	border-top: 1px solid #d8efdb;
	margin-top: 1em;
	padding-top: 1.5em;
}

#canvas .widget .side-image .course-entry .course-cover {
	float: left;
	margin-right: 1em;
	max-width: 80px;
}

#canvas .widget .side-image .course-entry .course-detail {
	overflow: hidden;
}

#canvas .widget .side-image .course-entry .course-detail .course-title {
	margin-top: 0;
}

#canvas .widget .side-image .course-entry + .course-entry {
	margin-top: .5em;
	padding-top: 1em;
}

#canvas [class*='lp-widget'] .widget-footer .pull-right:after {
	bottom: .15em;
	content: "\f054";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 8px;
	-webkit-font-smoothing: antialiased;
	margin-left: 1em;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	text-rendering: auto;
}

/*
flip course
*/
#canvas .widget.learnpress .masonry-layout .course-entry + .course-entry {
	border: none;
	margin-top: 0;
	padding-top: 0;
}

#canvas .widget.learnpress .masonry-layout .course-thumbnail img {
	border-radius: 5px 5px 0 0;
}

#canvas .widget.learnpress .masonry-layout .course-detail {
	padding: 23px 30px 25px;
}

#canvas .widget.learnpress .masonry-layout .course-meta {
	margin-bottom: 17px;
}

#canvas .widget.learnpress .masonry-layout .course-meta .course-title {
	line-height: 30px;
	margin-top: 0;
}

#canvas .widget.learnpress .masonry-layout .course-tag-data {
	margin-top: 5px;
}

#canvas .widget.learnpress .masonry-layout .course-tag-data .tagcloud {
	font-size: 0;
}

#canvas .widget.learnpress .masonry-layout .course-meta-data .btn {
	min-width: auto;
}

#canvas .widget.learnpress .masonry-layout .review-stars-rated {
	display: inline-block;
	position: relative;
	width: 74px;
}

#canvas .widget.learnpress .masonry-layout .review-stars-rated .review-stars.empty,
#canvas .widget.learnpress .masonry-layout .review-stars-rated .review-stars.filled {
	color: rgba(var(--colorMainRGB), 0.4);
	font-family: "FontAwesome";
	font-size: 16px;
	height: 24px;
	width: 120px;
}

#canvas .widget.learnpress .masonry-layout .review-stars-rated .review-stars {
	list-style: none;
	margin: 0 0;
	overflow: hidden;
}

#canvas .widget.learnpress .masonry-layout .review-stars-rated .review-stars.empty:before {
	color: transparent;
}

#canvas .widget.learnpress .masonry-layout .review-stars-rated .review-stars.filled {
	left: 0;
	position: absolute;
	top: 0;
}

#canvas .widget.learnpress .masonry-layout .review-stars-rated .review-stars.filled:before {
	content: "\f006\f006\f006\f006\f006";
}

#canvas .widget.learnpress .masonry-layout .course-item-content > div {
	height: 100%;
	margin: 0;
	-webkit-transition: -webkit-transform 300ms;
	transition: -webkit-transform 300ms;
	transition: transform 300ms;
	transition: transform 300ms, -webkit-transform 300ms;
	-webkit-transition-timing-function: linear;
	        transition-timing-function: linear;
	width: 100%;
}

#canvas .widget.learnpress .masonry-layout .course-item-content {
	position: relative;
}

#canvas .widget.learnpress .masonry-layout .course-front {
	-webkit-transform: rotateY(0deg);
	        transform: rotateY(0deg);
}

#canvas .widget.learnpress .masonry-layout .course-back {
	position: absolute;
	top: 0;
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
	visibility: hidden;
}

#canvas .widget.learnpress .masonry-layout .course-back .course-meta-data {
	margin-top: 17px;
}

#canvas .widget.learnpress .masonry-layout .course-back .course-meta-data .course-buttons {
	margin-top: 37px;
}

#canvas .widget.learnpress .masonry-layout .course-back .tagcloud {
	bottom: 6%;
	position: absolute;
}

#canvas .widget.learnpress .masonry-layout .course-back .course-title {
	margin-bottom: 16px;
}

#canvas .widget.learnpress .masonry-layout .course-back .course-title a {
	border-bottom: 1px solid transparent;
}

#canvas .widget.learnpress .masonry-layout .course-back .course-title a:hover {
	border-bottom: 1px solid;
	color: #fff !important;
	opacity: 1 !important;
}

#canvas .widget.learnpress .masonry-layout .course-item-content:hover .course-front {
	-webkit-transform: rotateY(-180deg);
	        transform: rotateY(-180deg);
}

#canvas .widget.learnpress .masonry-layout .course-item-content:hover .course-back {
	-webkit-transform: rotateY(0deg);
	        transform: rotateY(0deg);
	visibility: visible;
}