/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 16 2024 | 23:16:41 */
/* Add your CSS code here.
End of comment */ 

article.course .entry-content, article.quiz .entry-content{
	max-width: 1100px;
    margin: auto;
    padding: 0 18px;
}

article.lesson .entry-content, article.quiz .entry-content{
	max-width: 1440px;
	margin: auto;
}

article.quiz .sensei-message.tick{
	align-items: center;
    display: flex;
}

article.quiz .sensei-quiz-actions{
	margin-bottom:28px;
}

article.quiz .sensei-message.tick .next-lesson{
	line-height: 11px;
    margin-left: auto;
	    padding-top: 10px;
    padding-bottom: 7px;
    border-radius: 9999px;
}

article.quiz .sensei-quiz-action:has(.save) {
  display: none;
}

article.quiz div.sensei-message.tick::before{
	top:-1px;
}

article.quiz .sensei-quiz-action .reset{
	display: none
}

article.quiz .sensei-message.info {
	display:none;
}
.sensei-progress-bar__progress{
	background-color:#2FAA53 !important;
}

.sensei-lms-course-navigation-lesson a{
	color: #3a3a3a!important;
	transition: .3s ease-in;
}

.sensei-lms-course-navigation-lesson a:hover{
	color: #ff8300!important;
	transition: .3s ease-in;
}

.sensei-lms-course-navigation-lesson.status-locked a{
	color: #626060 !important;
	pointer-events: none;
}

.sensei-lms-course-navigation-lesson a svg{
	width: 16px !important;
	height: 16px !important;
	margin-top: -6px!important;
}

.sensei-lms-course-navigation-lesson.status-completed svg{ 
	color: #2FAA53 !important;
}

.sensei-lms-course-navigation-lesson.status-in-progress svg{ 
	color: #4C3E91 !important;
}

.sensei-lms-course-navigation-lesson{
	font-size: 14px;
	line-height: 1.8;
}

.vp_sensei_main .wp-block-image {
	margin-bottom: 1.5em;
}

.vp_sensei_main:has(.alert) .sensei-quiz-actions .reset {
    display: inline-block;
    text-align: center;
    width: 250px;
    border: 2px solid #FF8300;
    color: #FF8300;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 0 15px #FF8300;
    padding: 13px 16px 10px;
    font-family: Spartan;
    letter-spacing: .8px;
    cursor: pointer;
    background: rgba(20, 20, 20, 0.8);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    line-height: 13px!important;
    margin: 0;
	border-radius: 99px;
}

.vp_sensei_main .tick a {
	display: none!important;
}

.vp_sensei_main:has(.tick) .post-entries {
	display: block;
	margin-top: -60px;
}

article.quiz #sensei-quiz-list li:first-child{
	margin-top: 40px!important;
}

.vp_sensei_container{
	display: flex;
}

.vp_sense_sidebar{
	flex-basis: 25%;
	margin-top: 1.387em;
	padding-right: 40px;
	margin-left: 40px;
	border-right: 1px solid #939393;
}

.vp_sense_sidebar nav {
	padding: 20px 0;
	/* position: sticky;
	top: 100px; */
}

.vp_sensei_main{
	flex-basis: 75%;
	margin: 0 40px
}

.lesson input[type=submit], .quiz input[type=submit]{
	margin-bottom:30px!important;
}
.wp-block-button button, .lesson input[type=submit], .quiz input[type=submit] {
	display: inline-block;
    text-align: center;
    width: 250px;
    border: 2px solid #FF8300;
    color: #FF8300;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 0 15px #FF8300;
    padding: 13px 16px 10px!important;
    font-family: Spartan;
    letter-spacing: .8px;
    cursor: pointer;
    background: rgba(20, 20, 20, 0.8);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    line-height: 13px!important;
    margin: 0;
	border-radius: 99px;
}

.wp-block-button button:hover, .lesson input[type=submit]:hover, .quiz input[type=submit]:hover, .quiz .reset:hover {
	background: #FF8300!important;
    color: #000!important;
    text-shadow: none!important;
	border-radius: 99px!important;
    -webkit-transition: .3s!important;
    -o-transition: .3s!important;
    transition: .3s!important;
	text-decoration:none!important;
}

.nav-next:hover a, .nav-prev:hover a {
	color: black;
	-webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.nav-next a:hover, .nav-prev a:hover {
	-webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.nav-next, .nav-prev{
	margin-bottom: 18px !important;
}

.lesson a, .quiz a{
	-webkit-transition: .3s !important;
    -o-transition: .3s !important;
    transition: .3s !important;
}

.wp-block-sensei-lms-course-outline-lesson:hover::after{
	content:none;
}

.wp-block-sensei-lms-course-outline-lesson:hover{
	color: black!important;
    background: rgba(255, 131, 0, 0.9);
	-webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.wp-block-sensei-lms-course-outline-lesson{
	border-radius: 99px;
	-webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.wp-block-sensei-lms-course-outline-lesson span {
	padding: 20px 16px 14px;
    line-height: 18px;
}

.sensei-breadcrumb{
	margin: 0!important;
	padding: 13px 20px 10px !important;
	background-color: #EDEDF2 !important;
}

article.lesson header, article.lesson footer, article.lesson .sensei-breadcrumb, article.lesson .post-entries, article.quiz header, article.quiz footer, article.quiz .sensei-breadcrumb, article.quiz .post-entries{
	max-width: 1100px;
    margin: auto;
    padding: 0 18px;
}

nav.post-entries .btn{
	padding-top: 9.5px!important;
}

.lesson header h1, .course header h1, .quiz .entry-header h1{
	border-bottom: 1px solid #ff8300;
}

#user-course-status-toggle .inactive {
	color: #555 !important;
}

#user-course-status-toggle .active {
	color: #ff8300 !important;
}

.wp-block-sensei-lms-course-outline-lesson__status use, .wp-block-sensei-lms-course-outline-lesson__status:has(use) {
	background-color: #2FAA53;
}

.wp-block-sensei-lms-course-outline span {
	font-weight: bold;
}

.answers input {
	width: 16px;
	height: 16px;
	margin-top: -6px !important;
}

article.quiz input[type="text"]{
	color: #ff8300 !important;
}

.fl-builder-content li {
	padding: 8px;
}

.answers [type="radio"]:checked,
.answers [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.answers [type="radio"]:checked + label,
.answers [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.answers [type="radio"]:checked + label:before,
.answers [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.answers [type="radio"]:checked + label:after,
.answers [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #Ff8300;
    position: absolute;
    top: 2px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.answers [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.answers [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sensei-lms-question-block__header .grade {
	display: none;
}

article.lesson .entry-content .sensei-message.tick, article.lesson .entry-content .sensei-message.info, article.quiz .entry-content .sensei-message.info, article.quiz .entry-content .sensei-message.tick, article.quiz .entry-content .sensei-message.alert,  article.lesson .entry-content .sensei-message.alert{
    line-height: 36px;
	padding-bottom: 10px;
	/* margin-left: 18px;
    margin-right: 18px; 
	margin-left: 40px;
	margin-right: 40px; */
}

article.lesson .entry-content .sensei-message.tick a{
    line-height: 24px;
	padding-bottom: 2px;
	margin-top: -1px;
	border-radius: 90px;
}

.lesson .featured-image, .quiz .featured-image, .course .featured-image{
	display:block !important;
}

.lesson .wp-block-sensei-lms-lesson-actions .wp-block-sensei-lms-button-lesson-completed,
.lesson .wp-block-sensei-lms-lesson-actions .wp-block-sensei-lms-button-next-lesson,
.lesson .wp-block-sensei-lms-lesson-actions .wp-block-sensei-lms-button-reset-lesson{
	display: none !important;
}

.lesson .featured-image, .lesson .entry-header, .course .featured-image, .course .entry-header, .quiz .featured-image, .quiz .entry-header{
	display: none !important;
}

article.lesson > .inside-article, article.course > .inside-article, article.quiz > .inside-article{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

article.course .entry-content{
	padding-top: 40px;
}

main{
	margin-top: 0!important;
}

.sheet__date a{
	color: #ddd;
}

.sheet__date a:hover{
	color: #ff8300;
}

/* user profile section */



.sensei article .post-entries{
	display: none;
} 

/*
.sensei .entry-content:not(:has(.fl-builder-content)) p, .entry-content:not(:has(.fl-builder-content)) .sensei-block-wrapper, .entry-content:not(:has(.fl-builder-content)) .sensei-quiz-actions {
	margin-left: 40px;
	margin-right: 40px;
}

 .sensei .lesson .entry-content:not(:has(.fl-builder-content)) p, .sensei .quiz .entry-content:not(:has(.fl-builder-content)) p, .sensei .course .entry-content:not(:has(.fl-builder-content)) p {
    margin-top: 40px;
    margin-bottom: 80px;
} */

.vp_sensei_main:not(:has(.sensei-message)) > p:first-of-type {
  margin-top: 40px;
}

.course .sheet__head, .lesson .sheet__head{
	max-height: 70vh!important;
}

.quiz .sheet__head{
	max-width: 1440px;
	margin: auto;
	margin-top: 40px;
	padding-left: 18px;
	padding-right: 18px;
}

 .quiz .sheet__head .container{
	margin-left: 40px;
	margin-right: 40px;
} 

.quiz .sheet__head h1 {
	border-bottom: 2px solid #ff8300;
}

.quiz .sensei-quiz-actions{
	margin-top: 80px;
}

/* .quiz .sensei-quiz-actions .sensei-quiz-actions-secondary{
	display: none;
} 

.quiz .sensei-quiz-actions .sensei-quiz-actions-primary{
	margin-left: auto;
} */

.quiz form ol#sensei-quiz-list{
	margin-left: 0!important;
}

.quiz .sensei-lms-question__answer-feedback{
	margin-top: 40px;
}

/* .sensei article.lesson footer{
	padding: 0 40px;
} */


/* MEDIA QUERY */
@media (max-width: 900px) {
	.vp_sensei_container {
		flex-direction: column-reverse;
		
	}
	.vp_sensei_container .vp_sense_sidebar{
		border-right: 0;
		border-top: 1px solid #939393;
	}
	
}

@media (max-width: 580px) {
	.ihc-user-page-content-wrapper .songs-list.columns-1 li {
  		width: 300px;
		margin-left: auto!important;
		margin-right: auto!important;
  	}
	.course .sheet__head, .lesson .sheet__head{
		max-height:unset!important;
	}
}

article ul.wp-block-list {
	list-style:disc!important;
}