.wplms_clp_steps{position:relative;counter-reset: section;}
.wplms_clp_steps:before{
	content:'';
	position:absolute;
	left:30px;
	top:15px;
	border-left:2px dashed rgba(0,0,0,0.1);
	width:1px;
	height:100%;
	display:block;
}
.wplms_clp_step:before{
	counter-increment: section;
	content: counter(section);
	position:absolute;
	left:-75px;
	margin-top:-30px;
	padding:5px 10px;
	top:50%;
	background:var(--border);
	border:1px solid var(--border);
	width:30px;
	font-weight:600;
	height:30px;
	display:block;
	border-radius:50%;
}
.wplms_clp_stats {position:relative;top:-5px;float:right;}
.wplms_clp_stats li {float: left;padding: 8px 10px 5px;}
.wplms_clp_stats li.active,.wplms_clp_stats li:hover {
	color: var(--highlight);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.wplms_clp_step{
	list-style: none;
	position:relative;
	display: inline-block;
	padding-bottom: 20px;
	margin-left:90px;
	width: calc(100% - 90px);
}
.wplms_clp_step_text{padding:15px 15px 15px 0;}
.wplms_clp_step_points {
	float: right;
	font-size: 16px;
	color: rgba(36, 171, 13, 0.8);
}
.wplms_clp_step_title{margin: 0;font-size: 18px;font-weight: 600;}
.wplms_clp_step_description {text-align: justify;}
.wplms_clp_step:hover .wplms_clp_step_content{
	box-shadow:0 1px 10px rgba(0,0,0,0.2);
	border-radius: 5px;
}
.wplms_clp_step.done:before,
.wplms_clp_step:hover:before{
	background:var(--primary);
	border-color:var(--primary);
	color:var(--primarycolor);
}
.wplms_clp_step.done .wplms_clp_step_image:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:var(--primary);
    opacity:0.8;
    z-index:1;
}

.wplms_clp_step_image {
	border-radius:5px;
	position:relative;
}
.wplms_clp_step_image img{    width: 100%;
    height: auto;border-radius:5px;
    object-fit: cover;
    max-width: 320px;
}
.wplms_clp_grid_step_content .wplms_clp_step_image img{
	max-width:none;
}
.wplms_clp_step_read_more {margin-left: 10px;color: #c75d5d;}

.custom_learning_path_steps {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
    grid-gap: 1.5rem;
}

.wplms_clp_grid_step {
    border: 1px solid var(--border);
    padding: 1rem;
    border-radius: 5px;
    transition: all 0.2s;
}

.wplms_clp_grid_step:hover {
    box-shadow: 0 5px 10px var(--shadow);
    transform: translateY(-2px);
}

.wplms_clp_grid_step .wplms_clp_step_points {
    float: none;
}
.clp_group{
	display:flex;
	align-items:center;
}
.clp_group img{
	max-width:150px;
	border-radius:5px;
	margin-right:1rem;
	box-shadow:0 1px 1px var(--shadow);
}

.lp_author {
    padding: 1rem;
    border: 1px solid var(--border);
    margin: 1rem 0;
    border-radius: 5px;
}

.lp_author > div{
	display:flex;
	flex-wrap:wrap;
    align-items: flex-start;
}
.lp_author > div > .lp_group{flex:1;}

.lp_group_meta {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    align-items: center;
}

.lp_group_meta .vicon {
    margin-right: 10px;
}

.lp_group_meta>span {
    display: flex;
    align-items: center;
}

.wplms_clp_vitals {
    margin: 1rem 0;
    display: flex;
    flex-wrap: wrap;
}

.clp_vital {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    border: 1px solid var(--border);
    padding: 1rem;
}

.clp_vital strong {
    font-size: 3rem;
}

.clp_vital label {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}
.clp_vital .certificate,
.clp_vital .badge{display:flex;padding:5px;flex-direction:column;}
.clp_vital .badge img{max-width:64px;}
.clp_vital .certificates,
.clp_vital .badges {
    display: flex;
    flex-wrap:wrap;
}
.vibebp_content_preview_wrapper{position:fixed;left:0;top:0;display:flex;justify-content:center;width:100vw;height:100vh;z-index:99;background:var(--highlight)}.vibebp_content_preview_wrapper .vibebp_content_preview{max-width:60vw;min-width:480px;display:block}.vibebp_content_preview_wrapper .vibebp_content_preview .new_clp_header{text-align:center;font-size:3rem}.vibebp_full_clp_wrapper{background:var(--highlight);padding:1rem;border:1px solid var(--border)}.vibebp_full_clp_wrapper .wplms_clp_header{display:flex;flex-wrap:wrap;margin:-0.5rem -0.5rem 1rem}.vibebp_full_clp_wrapper .wplms_clp_header .wplms_clp_image{flex:1 0 160px}.vibebp_full_clp_wrapper .wplms_clp_header .wplms_clp_image img{border-radius:5px}.vibebp_full_clp_wrapper .wplms_clp_header .wplms_clp_description{flex:3 0 240px}.vibebp_full_clp_wrapper .wplms_clp_header>*{margin:0.5rem}.vibebp_full_clp_wrapper .wplms_clp_header .vibebp_clp_mincontent{max-height:120px;overflow:hidden}.vibebp_full_clp_wrapper .wplms_clp_header .vibebp_clp_mincontent:hover{max-height:none}.vibebp_full_clp_wrapper .wplms_clp_awards_wrapper{display:flex;align-items:flex-start}.vibebp_full_clp_wrapper .wplms_clp_awards_wrapper>*{margin:0.5rem;flex:1 0 240px;display:flex;flex-wrap:wrap;margin:-5px}.vibebp_full_clp_wrapper .wplms_clp_awards_wrapper>* .certificate>a{display:flex;flex-direction:column}.vibebp_full_clp_wrapper .wplms_clp_awards_wrapper>* .certificate>a .vicon{font-size:48px}.vibebp_full_clp_wrapper .wplms_clp_awards_wrapper>*>*{padding:1rem;margin:5px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:120px;border:1px solid var(--border)}.vibebp_full_clp_wrapper .wplms_clp_awards_wrapper>*>* .badge_details{display:flex;flex-direction:column;text-align:center}.vibebp_clps_wrapper .vibebp_clps_header,.vibebp_full_clp_wrapper .vibebp_clps_header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.vibebp_clps_wrapper .vibebp_clps_header img,.vibebp_full_clp_wrapper .vibebp_clps_header img{width:24px;border-radius:50%}.vibebp_clps_wrapper .vibebp_clps_header .vibebp_form_field,.vibebp_full_clp_wrapper .vibebp_clps_header .vibebp_form_field{display:flex;align-items:center}.vibebp_clps_wrapper .vibebp_clps_header .vibebp_form_field select,.vibebp_full_clp_wrapper .vibebp_clps_header .vibebp_form_field select{margin:0 0.5rem}.vibebp_clps_wrapper .vibebp_clps,.vibebp_full_clp_wrapper .vibebp_clps{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));grid-gap:1rem}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp{cursor:pointer;background:var(--highlight);width:100%;max-width:360px;padding:1rem;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>div.course_progress_wrapper,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>div.course_progress_wrapper{align-items:center}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>div.course_progress_wrapper .course_progress,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>div.course_progress_wrapper .course_progress{flex:1}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>div.course_progress_wrapper>span,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>div.course_progress_wrapper>span{margin-top:0}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>div img,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>div img{border-radius:5px}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>div>*+*,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>div>*+*{margin-top:1rem}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>div.clp_group,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>div.clp_group{justify-content:flex-start}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>div.clp_group img,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>div.clp_group img{max-width:32px}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>div.clp_group a,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>div.clp_group a{margin:0}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp.clp_certificates_badges,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp.clp_certificates_badges{display:flex;align-items:center;margin:0 -5px}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp.clp_certificates_badges>*,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp.clp_certificates_badges>*{margin:5px !important}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>*,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>*{margin-bottom:1rem}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>*:last-child,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>*:last-child{margin-bottom:0}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp .vibebp_clp_members,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp .vibebp_clp_members{display:grid;grid-template-columns:repeat(auto-fill, minmax(24px, 1fr));grid-gap:0.5rem}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp .vibebp_clp_members .vibebp_avatar,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp .vibebp_clp_members .vibebp_avatar{border-radius:50%}.vibebp_clps_wrapper .vibebp_clps .vibebp_clp>div,.vibebp_full_clp_wrapper .vibebp_clps .vibebp_clp>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.vibebp_clps_wrapper .clp_participants,.vibebp_full_clp_wrapper .clp_participants{margin:1rem 0;display:grid;align-items:center;grid-template-columns:repeat(auto-fill, minmax(48px, 1fr));grid-gap:0.5rem}.vibebp_clps_wrapper .clp_participants img,.vibebp_full_clp_wrapper .clp_participants img{border-radius:50%}.vibebp_clps_wrapper .clp_participants>span,.vibebp_full_clp_wrapper .clp_participants>span{background:var(--border);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.vibebp_clps_wrapper .clp_meta,.vibebp_full_clp_wrapper .clp_meta{display:flex;align-items:center;flex-wrap:wrap}.vibebp_clps_wrapper .clp_meta>span,.vibebp_full_clp_wrapper .clp_meta>span{border-radius:5px;padding:2px 5px;margin-right:0.5rem;font-size:1rem;opacity:0.8;margin-bottom:1rem}.vibebp_clps_wrapper .clp_meta>span span,.vibebp_full_clp_wrapper .clp_meta>span span{padding:3px}.vibebp_clps_wrapper .post_title,.vibebp_full_clp_wrapper .post_title{font-size:25px;font-weight:600}.vibebp_clps_wrapper .vibebp_clp_content,.vibebp_full_clp_wrapper .vibebp_clp_content{margin-bottom:10px}.clp_enroll .enroll{width:100%}.new_clp .create_steps .steps{display:grid;grid-gap:1rem}.new_clp .create_steps .steps .step{padding:1rem;border:1px solid var(--border)}.new_clp .create_steps .steps .step .remove{float:right;cursor:pointer}.clp_certificates_badges{display:flex;align-items:center;margin:0 -5px}.clp_certificates_badges>*{margin:5px !important}.student_clp_tabs{display:flex}.student_clp{display:flex;padding:0.5rem 0;border-bottom:1px dashed var(--border)}.student_clp img{width:48px;border-radius:5px;margin-right:0.5rem}.student_clp .clp_content{display:flex;justify-content:space-between;flex:1}