/*
Theme Name: Remedi4All Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: GetYos
Author URI:  https://getyos.nl/
Template: salient
Version: 1.1
*/
.w-100{
	width:calc(100% - 50px);
}
body:not(.logged-in) .loggodin{
	display:none!important;
}
.wp-block-table.is-style-stripes tbody tr:not(.dark) {
background-color: transparent!important;
}
.striped_new{
  background-color: #eef9f9!important;
}
.foundation:nth-child(9), .foundation:nth-child(10) td{
	opacity:0.5;
	pointer-events:none;
}
.module small, small{
	    color: #000;
    font-size: 0.8em;
}
.lowercase{
	text-transform:lowercase!important;
	font-size: inherit!important;
}
.hidden{
	display:none;
}
ul li ul li{
	list-style: circle;
}
@media only screen and (max-width:999px){
	.desktop-only{
		display:none;
	}
	.mobile-only{
		display:inline-block;
	}
}
@media only screen and (min-width:1000px){
	.mobile-only{
		display:none;
	}
	.desktop-only{
		display:inline-block;
	}
}
/*WP BAKERY*/
p{
	padding-bottom: 1em!important;
}
.wp-block-list{
	margin-top: 0!important;
}
.wp-block-table td, .wp-block-table th{
	padding: 1em;
}
.wp-block-table.is-style-stripes thead tr:first-child th{
	background-color: #1c2f39;
	color: #fff!important;
	text-align:center;
}
.wp-block-table.is-style-stripes tbody tr td:first-child{

}
.wp-block-table.is-style-stripes tbody > tr td{
    border-bottom: solid 1px #eee;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
	background-color:#eef9f9;
}
.nectar-fancy-box .inner{
	padding-bottom:0%;
}
.nectar-fancy-box.using-img .inner > div{
	position:absolute;
	bottom:0;
}
.nectar-carousel-fixed-content h2 b{
	color: #54c3c0!important;
}
.wp-block-separator{
	border-top: solid 1px #eeeeee;
}
:not(.wp-block-quote) > .wp-block-separator{
	margin: 40px 0;
}
.wp-block-button .wp-block-button__link:where(.is-style-outline), .wp-block-button:where(.is-style-outline)>.wp-block-button__link{
	   border: 2px solid !important;
	border-bottom:inherit!important;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) a:not(.button):not(.screen-reader-shortcut).wp-block-button__link{
	border-bottom:inherit!important;
}
.usecase{
	border: solid 2px #54c3c0;
padding: 20px;
border-top: solid 50px #54c3c0;
margin-top: 66px;
}
.usecase .usecase-header{
	color: #54c3c0;
	margin-top: -126px;
	float:right;
	    line-height: 26px;
    text-align: right;
	display:flex;
	height: 56px;
}
@media screen and (max-width: 1000px){
	.usecase .usecase-header{
		font-size: 18px!important;
	}
}
.usecase .usecase-header strong{
	    display: inline-block;
    align-self: flex-end;
}
ul,ol{
	padding-left:1em!important;
}

/*The Events Calendar*/
/*Fix for header shortcode*/
.post-type-archive-tribe_events #header-secondary-outer, .tribe-events-c-subscribe-dropdown__container{
	display: none!important;
}

.tribe-events-header.tribe-events-header--has-event-search{
	display: none;
}
.tribe-events-calendar-list{
	padding-top: 90px!important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container, .single-tribe_events .container-wrap{
	padding-top: 0px!important;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border{
	    border-radius: 200px!important;
    -webkit-border-radius: 200px!important;
    box-shadow: none;
    -ms-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
    -webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
	    padding-left: 35px;
    padding-right: 35px;
	    border-width: 2px;
    padding-top: 13px;
    padding-bottom: 13px;
	font-size: 14px;
    padding: 15px 22px;
	color: #fff;
	background: linear-gradient(90deg,#1c2f39 0%,#54c3c0 100%);
}
.tribe-events-c-nav__prev:not([disabled]), .tribe-events-c-nav__next:not([disabled]){
font-weight: bold;
    text-transform: uppercase;
    border-radius: 200px!important;
    -webkit-border-radius: 200px!important;
    box-shadow: none;
    -ms-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
    -webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
    padding-left: 35px!important;
    padding-right: 35px!important;
    padding-top: 13px!important;
    padding-bottom: 13px!important;
    font-size: 14px;
    padding: 15px 22px;
    color: #54c3c0;
    /* background: linear-gradient(90deg,#1c2f39 0%,#54c3c0 100%); */
    border: solid 2px #54c3c0!important;
}
.tribe-events-c-nav__prev:hover, .tribe-events-c-nav__next:hover{
    box-shadow: 0 20px 38px rgba(0,0,0,0.16);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.tribe-common .tribe-common-c-btn-border svg, .tribe-common a.tribe-common-c-btn-border svg{
	fill: #fff;
}
.tribe-common button{
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
    color: #fff!important;
    border: 0;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase
}
.tribe-events-c-subscribe-dropdown__content{
    box-shadow: 0 20px 38px rgb(0 0 0 / 16%);
    width: 80%;
	padding-bottom: 10px!important;
    margin-left: 10%!important;
    border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.tribe-events-meta-group:first-child{
	padding-top: 0px!important;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime{
	background: #1c2f39;
    background: linear-gradient(135deg,#1c2f39 0%,#54c3c0 100%);
    color: #fff;
}
.tribe-events-calendar-list__event-date-tag-weekday{
	font-weight: bold
}

.tribe-events-calendar-list__event-venue{
	font-style:italic;
}
.tribe-events-calendar-list__event-cost{
display: none;
}

.explore-as {
    width: auto;
    color: #fff;
    border: 0;
    font-weight: 600;
	font-size: 16px;
    padding: 0;
    padding-right: 1.2rem;
    margin-top: -3px;
}
.explore-as option{
	background-color: #1c2f39;
}
#header-secondary-outer .nectar-center-text{
    text-transform: none!important;
	max-width:100%!important;
}

/*LMS*/

/*Profile*/

#ld-profile .ld-item-list.ld-course-list, .ld-profile-edit-link{
	display:none!important;
}
.ld_course_grid .thumbnail img{
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.ld-course-list-items .ld_course_grid .thumbnail.course{
	height:100%;
	display:flex;
	flex-direction:column;
}
.ld-course-list-items .ld_course_grid .thumbnail.course .caption{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.ld-course-list-items .ld_course_grid .btn.btn-primary{
	font-size: 14px;
	font-weight: 600;
	position:relative;
	line-height: 20px;
	padding: 15px 22px;
	background-color: #54c3c0!important;
	border-radius: 200px!important;
	-webkit-border-radius: 200px!important;
	box-shadow: none;
	border-color: transparent;
	-ms-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
	-webkit-transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
	transition: opacity .45s cubic-bezier(0.25,1,0.33,1),transform .45s cubic-bezier(0.25,1,0.33,1),border-color .45s cubic-bezier(0.25,1,0.33,1),color .45s cubic-bezier(0.25,1,0.33,1),background-color .45s cubic-bezier(0.25,1,0.33,1),box-shadow .45s cubic-bezier(0.25,1,0.33,1);
	opacity:1
}
.ld-course-list-items .ld_course_grid .btn.btn-primary:hover{
	opacity: .87;
	color: #fff;
	box-shadow: 0 20px 38px rgba(0,0,0,0.16);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
}
.badge_new{
	color:#fff;
background-color: rgb(229, 76, 50);
display: inline-block;
	border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.1;
    margin-bottom: 5px;
    padding: 5px 12px;
    text-align: center;
    text-transform: uppercase;
}
.ld-item-title .badge_new, .ld-lesson-title .badge_new{
	font-size:0.6em;
	padding:0px 15px;
	margin-left: 10px;
	line-height: 2em;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper) a:not(.button):not(.wp-block-button__link)
.learndash-wrapper:not(.ld-registration__outer-wrapper) .wp-block-button .wp-block-button__link:where(.is-style-outline),.learndash-wrapper:not(.ld-registration__outer-wrapper) .wp-block-button:where(.is-style-outline)>.wp-block-button__link{
	border-bottom: solid 2px!important;
}
.ld-login-modal{
	box-shadow: rgba(0, 0, 0, .4) 0 5px 10px, rgba(0, 0, 0, .3) 0 20px 40px, rgba(0, 0, 0, .5) 0 80px 160px!important;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-form .ld-login-modal-branding img{
	max-height:50px;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before,.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before{
	top:2.8em;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-form{
	margin:1em 0;
}
.learndash-wrapper .ld-button.ld-login-button{
	color: #fff!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    font-weight: normal;
    text-transform: uppercase;
}
.learndash-wrapper .ld-button.ld-login-button.ld-login:hover:after{display:none!important;}
.single-sfwd-courses .learndash-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	/*height:100%;*/
}
div[class*='learndash-shortcode-wrap-course_content']{
	height: 100%;
}
.ld-course-status-mode-free, .learndash-wrapper .order-overview{
	display:none;
}
.learndash-wrapper div:not(.ld-section-heading) > h2{
	font-size: 24px;
	margin-right: -20px !important;
	font-weight: 500!important;
	color: #54c3c0!important;
}
.single-sfwd-courses .learndash-wrapper > *{
	flex-grow: 1;
	flex-basis: 500px;
}
.single-sfwd-courses .learndash-wrapper > div:last-child{
    box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px;
}
.single-sfwd-courses .ld-item-list{
	margin:0px;
}
.single-sfwd-courses .ld-section-heading, body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading, body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger{
	background-color:rgb(28, 47, 57)!important;
	margin-bottom:0!important;
	padding: 0 20px;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon{
	background-color:rgb(28, 47, 57)!important;
}
.single-sfwd-courses .ld-section-heading h2, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3{
	color:#fff;
	font-size:1.2em!important;
}
.single-sfwd-courses .ld-item-list-items{
	padding: 20px;
	background-color:#eef9f9;
}
.learndash-wrapper .ld-focus{
	position:relative;
}
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content{
	max-width:100%;
	padding-left: 90px;
}
.learndash-wrapper .ld-focus .ld-focus-main{
	    width: calc(100% - 450px);
}
.learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-main, .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-main{
	margin-right: 450px;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar{
	padding-top:0;
	position:absolute;
	top: -75px!important;
	border-left: none!important;
	background-color:#eef9f9;
	width:450px;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{
	width:450px;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item, .learndash-wrapper .ld-focus.ld-focus-position-right .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list:before, .learndash-wrapper .ld-focus.ld-focus-position-rtl-left .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list:before{
	background-color:#eef9f9;
}
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list{
	background-color:#f8ffff;
}
.learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title{
	color:#e54c32!important;
}
.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-status-incomplete{
	border-color: #e54c32!important;
}
.learndash-wrapper .ld-status-complete{
	background-color:#e54c32!important;
}
.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back{
	font-size:1.2em;
}
.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent){
	background: linear-gradient(45deg, black, transparent);
	color: #fff!important;
}
/*FIX for missing button on scroll*/
.ld-lesson-items{
padding-bottom: 90px;
}

/*Learndash form*/
.learndash-wrapper #learndash-registration-wrapper form input, .learndash-wrapper #learndash-reset-password-wrapper form input{
	border-width:0;
	margin-bottom:0.5em;
}
.learndash-wrapper #learndash-registration-wrapper form input[type=checkbox], .learndash-wrapper #learndash-reset-password-wrapper form input[type=checkbox]{
	width:auto;
}
.learndash-registration-field-username{
	display:none;
}
.learndash-registration-field-first_name, .learndash-registration-field-password{
	width:calc(50% - 10px);
	float:left;
}
.learndash-registration-field-last_name, .learndash-registration-field-confirmpassword{
	width:calc(50% - 10px);
	float:right;
}

/*Roadmap*/
col{
	width:14%;
}
col:first-child{
	width:4%
}
col:nth-child(2){
	width:12%;
}
col:nth-child(3){
	width:10%;
}
col:nth-child(4){
	width:4%;
}
body:not(.woocommerce-cart) .main-content  .roadmap{
  text-transform: uppercase;
  border-collapse: separate;
  border-spacing: 7px;
  height:1px;
  color: #fff;
  margin-right:10px;
  border:none!important;
}
body:not(.woocommerce-cart) .main-content  .roadmap tr{
  background: transparent!important;
}
body:not(.woocommerce-cart) .main-content  .roadmap tr td{
  height:60px;
  vertical-align: middle;
}
body:not(.woocommerce-cart) .main-content  .roadmap tr td.half{
  height:35px;
}
body:not(.woocommerce-cart) .main-content  .roadmap th, body:not(.woocommerce-cart) .main-content  .roadmap td{
  height:100%;
  vertical-align: middle;
  padding:0;
  border:none;
}
body:not(.woocommerce-cart) .main-content  .roadmap td > div{
  height:100%;
  display:flex;
  align-items: center;
  justify-content: space-between;
	vertical-align: middle;
}
body:not(.woocommerce-cart) .main-content  .roadmap th{
  color: rgb(28, 47, 57);
  font-size: 1em;
	line-height: 1em;
  text-align:left;
  width:14%;
}
body:not(.woocommerce-cart) .main-content  .roadmap th > div{
	position:relative;
  height:100%;
  display:flex;
  align-items: center;
	vertical-align: middle;
}
body:not(.woocommerce-cart) .main-content  .roadmap th > div:hover > label:after{
display:inline-block;
	position:absolute;
	content: "i";
	line-height: 18px;
    aspect-ratio: 1 / 1;
    height: 18px;
	text-align:center;
	border-radius: 10px;
	text-transform: lowercase!important;
	font-weight: normal!important;
	border: solid 1px rgb(28, 47, 57);
	top: 10px;
	right: 0;
}
body:not(.woocommerce-cart) .main-content  .roadmap th:first-child{
  width:16%;
}
body:not(.woocommerce-cart) .main-content  .roadmap th:first-child > div{
  padding-left: 10px;
  border:solid 1px rgb(28, 47, 57);
}
body:not(.woocommerce-cart) .main-content  .roadmap th:nth-child(2) .ribbon_transparent{
  border-left:solid 1px rgb(28, 47, 57);
  padding-left: 10px;
}
body:not(.woocommerce-cart) .main-content  .roadmap .core .head, body:not(.woocommerce-cart) .main-content  .roadmap .foundation .head{
  vertical-align: middle;
  text-align: center;
  width:4%;
	font-weight:bold;
}
body:not(.woocommerce-cart) .main-content  .roadmap .foundation .head{
  background-color:rgb(84, 195, 192);
}
body:not(.woocommerce-cart) .main-content  .roadmap .core .head span, body:not(.woocommerce-cart) .main-content  .roadmap .foundation .head span{
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
}
body:not(.woocommerce-cart) .main-content  .roadmap .module{
  padding: 10px;
	font-weight: bold;
	    justify-content: start;
		font-size: 12px;
	line-height: 14px;
}
body:not(.woocommerce-cart) .main-content  .roadmap .foundation .ribbon{
	font-weight: bold;
	letter-spacing: -0.01em;
	font-size: 0.8em;
	line-height: 1.2em;	
	cursor:pointer;
}
body:not(.woocommerce-cart) .main-content  .roadmap .foundation .module{
  background-color:rgb(84, 195, 192);
	font-size: 12px;
	line-height: 14px;
}
body:not(.woocommerce-cart) .main-content  .roadmap .core .submodule{
  position:relative;
  height: 5px;
  color:rgb(28, 47, 57)!important;
  font-size: 0.65em;
  padding-right: 5px;
}
body:not(.woocommerce-cart) .main-content  .roadmap .core .submodule:after{
  content:"";
  display:block;
  position: absolute;
  width: 0; 
  height: 0; 
  right:-5px;
  top:-7px;
  background-color: transparent!important;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid;
}
body:not(.woocommerce-cart) .main-content  .roadmap .core .arrows{
  background: url(grid2.png);
  background-position: top;
  background-size: contain;
}
body:not(.woocommerce-cart) .main-content  .roadmap .lesson{
  position:relative;
  float:left;
  text-transform: capitalize;
  top:50%;
  height:50px;
		cursor:pointer;
}
body:not(.woocommerce-cart) .main-content  .roadmap .lesson:hover label .text{
font-weight:bold;
}
body:not(.woocommerce-cart) .main-content  .roadmap .lesson:hover .check{
	border-width:3px;
}
body:not(.woocommerce-cart) .main-content  .roadmap label{
  height:100%;
  display:flex;
  align-items:center;
  justify-content: center;
  margin-top: -2px;
  cursor:pointer;
}
body:not(.woocommerce-cart) .main-content  .roadmap .foundation label{
	width:100%;
	justify-content: start;
}
body:not(.woocommerce-cart) .main-content  .roadmap .lesson label .text{
  position:absolute;
  bottom:-22px;
  width:100px;
  text-align:center;
	color:rgb(28, 47, 57);
	line-height: 1.2em;
	    display: flex;
    justify-content: center;
    height: 40px;
	bottom:-22px;
}
body:not(.woocommerce-cart) .main-content  .roadmap th label .text{
	color:rgb(28, 47, 57);
}
body:not(.woocommerce-cart) .main-content  .roadmap .foundation label .text{
	color: #fff;
}
body:not(.woocommerce-cart) .main-content  .roadmap .lesson:nth-child(2n) label .text{
  bottom:40px;
	align-items:end;
}
.roadmap .toggle{
  display:none;
}
body:not(.woocommerce-cart) .main-content  .roadmap .popup .close{
	width: 100%;
    text-align: right;
    display: block;
		font-weight: normal!important;
	font-size: 12px!important;
	text-transform: none!important;
}
body:not(.woocommerce-cart) .main-content  .roadmap .popup, .notice {
  position:fixed;
  display:none;
  overflow: hidden;
  background: #fcfcfc;
	color: rgb(28, 47, 57)!important;
  width: 100%;
  padding: 40px;
	left:0;
	bottom:0;
  margin: 20px auto 0;
  transition: all .1s ease-out;
  border-left: 30px solid rgb(28, 47, 57);
	font-size: 1em;
	text-transform: inherit;
}
.notice{
	position:relative;
	display:block;
	font-size:0.75em;
	line-height:1.5em;
	margin-bottom: 20px;
	margin-top: -20px;
}
body:not(.woocommerce-cart) .main-content .roadmap .popup p{
	font-weight: normal!important;
	font-size: 16px!important;
	line-height: 18px!important;
	text-transform: none!important;
}
body:not(.woocommerce-cart) .main-content  .roadmap .black-bg{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background: #000;
	display:none;
	z-index:-1;
}
body:not(.woocommerce-cart) .main-content  .roadmap .toggle:checked ~ .black-bg {
  opacity: 0.35;
	z-index:9999;
	display: block;
  transition: opacity .15s ease-in;
}
body:not(.woocommerce-cart) .main-content  .roadmap .toggle:checked ~ .popup {
  display:block;
  z-index:99999;
  transition: opacity .15s ease-in;
}
body:not(.woocommerce-cart) .main-content  .roadmap .check{
  display: block;
width: 15px;
height: 15px;
border: solid 2px blue;
border-radius: 10px;
margin: 0 auto;
background-color: #fefefe;
}
body:not(.woocommerce-cart) .main-content  .roadmap .foundation .check{
	display:none;
}
.core .module, .module a, .core .submodule{
	color:#fff;
}
.module a{
	display: block;
}
.module:hover{
	cursor:pointer;
	opacity: 0.8;

}
body:not(.woocommerce-cart) .main-content  .roadmap .core:first-child td:first-child{
  background-color:rgb(28, 47, 57);
  color: #fff;
}
body:not(.woocommerce-cart) .main-content  .roadmap .core:first-child td:nth-child(2), body:not(.woocommerce-cart) .main-content  .roadmap .core:first-child .submodule, body:not(.woocommerce-cart) .main-content  .roadmap .core:first-child .submodule:after, body:not(.woocommerce-cart) .main-content  .roadmap .core:first-child .lesson .toggle:checked + label .check{
  background-color:rgb(218, 142, 34);
  border-left-color: rgb(218, 142, 34);

}
body:not(.woocommerce-cart) .main-content  .roadmap .core:first-child .lesson .check{
  border-color:rgb(218, 142, 34);
}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(2) td:first-child, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(2) .submodule, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(2) .submodule:after, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(2) .lesson .toggle:checked + label .check{
  background-color:rgb(79,138,165);
  border-left-color:rgb(79,138,165);

}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(2) .lesson .check{
  border-color:rgb(79,138,165);
}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(3) td:first-child, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(3) .submodule, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(3) .submodule:after, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(3) .lesson .toggle:checked + label .check{
  background-color:rgb(164,192,87);
  border-left-color:rgb(164,192,87);

}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(3) .lesson .check{
  border-color:rgb(164,192,87);
}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(4) td:first-child, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(4) .submodule, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(4) .submodule:after, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(4) .lesson .toggle:checked + label .check{
  background-color:rgb(84,78,100);
  border-left-color:rgb(84,78,100);

}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(4) .lesson .check{
  border-color:rgb(84,78,100);
}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(5) td:first-child, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(5) .submodule, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(5) .submodule:after, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(5) .lesson .toggle:checked + label .check{
  background-color:rgb(94,155,142);
  border-left-color:rgb(94,155,142);

}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(5) .lesson .check{
  border-color:rgb(94,155,142);
}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(6) td:first-child, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(6) .submodule, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(6) .submodule:after, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(6) .lesson .toggle:checked + label .check{
  background-color:rgb(222,194,111);
  border-left-color:rgb(222,194,111);

}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(6) .lesson .check{
  border-color:rgb(222,194,111);
}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(7) td:first-child, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(7) .submodule, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(7) .submodule:after, body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(7) .lesson .toggle:checked + label .check{
  background-color:rgb(204,111,83);
  border-left-color:rgb(204,111,83);

}
body:not(.woocommerce-cart) .main-content  .roadmap .core:nth-child(7) .lesson .check{
  border-color:rgb(204,111,83);
}
body:not(.woocommerce-cart) .main-content  .roadmap .core .submodule > input{
	display:none;
}
.ribbon, .ribbon_transparent{
    display:flex;
    align-items: center;
  height: 100%;
  position:relative;
  background-color: rgb(84, 195, 192);
  padding: 0px 0px 0px 10px;
  margin-right:18px;
}
.ribbon_transparent{
  background-color: transparent;
  border-top:solid 1px rgb(28, 47, 57);
  border-bottom:solid 1px rgb(28, 47, 57);
  padding: 10px 0px 10px 30px;
  margin-right:0;
}
.ribbon:before, .ribbon:after, .ribbon_transparent:before, .ribbon_transparent:after{
  content:"";
  position:absolute;
  width:20px;
  height:50%;
  left:100%;
}
.seperator, .seperator_top, .seperator_bottom{
  position: absolute!important;
  height:100%;
  left:-20px;
  background-color: transparent;
  border-left-width:0;
  border-right-width:0;
}
.ribbon_transparent .seperator{
  left: 0px;
}
.seperator:before, .seperator:after,.seperator_top:before, .seperator_bottom:after{
  content:"";
  position:absolute;
  width:20px;
  height:50%;
  left:100%;
}
.seperator_top:before, .seperator_bottom:after{
  height:100%;
}
.seperator:before,.seperator_top:before{
  top:0;
  background: linear-gradient(to left bottom, rgb(84, 195, 192) 50%, transparent 50%);
}
.seperator:after,.seperator_bottom:after{
  bottom:0;
  background: linear-gradient(to left top, rgb(84, 195, 192) 50%, transparent 50%);
}
.ribbon_transparent .seperator:before,.ribbon_transparent .seperator_top:before{
  top:0;
  background: linear-gradient(to left bottom, transparent 48%,rgb(28, 47, 57) 5%, transparent 53%);
}
.ribbon_transparent .seperator:after,.ribbon_transparent .seperator_bottom:after{
  bottom:0;
  background: linear-gradient(to left top, transparent 48%,rgb(28, 47, 57) 5%, transparent 53%);
}
.ribbon:before{
  top:0;
  background: linear-gradient(to right top, rgb(84, 195, 192) 50%, transparent 50%);
}
.ribbon:after{
  bottom:0;
  background: linear-gradient(to right bottom, rgb(84, 195, 192) 50%, transparent 50%);
}
.ribbon_transparent:before{
  top:0;
  background: linear-gradient(to right top, transparent 48%,rgb(28, 47, 57) 5%, transparent 53%);
}
.ribbon_transparent:after{
  bottom:0;
  background: linear-gradient(to right bottom, transparent 48%,rgb(28, 47, 57) 5%, transparent 53%);
}
.ribbon:hover,.ribbon:hover:after,.ribbon:hover:before,.ribbon:hover .seperator:before,.ribbon:hover .seperator:after{
  background-color: rgb(28, 47, 57);
}
.ribbon:hover .seperator:before, .ribbon:hover .seperator_top:before{
  top:0;
  background: linear-gradient(to left bottom, rgb(28, 47, 57) 50%, transparent 50%);
}
.ribbon:hover .seperator:after, .ribbon:hover .seperator_bottom:after{
  bottom:0;
  background: linear-gradient(to left top, rgb(28, 47, 57) 50%, transparent 50%);
}
.ribbon:hover:before{
  top:0;
  background: linear-gradient(to right top, rgb(28, 47, 57) 50%, transparent 50%);
}
.ribbon:hover:after{
  bottom:0;
  background: linear-gradient(to right bottom, rgb(28, 47, 57) 50%, transparent 50%);
}

/*Definition popover*/
.definition-popover {
    position: relative;
    cursor: pointer;
    color: rgb(229, 76, 50);
}
.definition-popover:after{
content: "?";
display: inline-block;
font-size: 6px;
text-align: center;
height: 6px;
width: 6px;
border-radius: 10px;
border: solid 1px rgb(229, 76, 50);
line-height: 6px;
bottom: 6px;
margin-top: -5px;
position: relative;
}

/* Desktop tooltip styling */
.popover-tooltip {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    max-width: 500px;
    font-size: 14px;
    z-index: 1000;
}

/* Mobile-specific popover styling (fixed at bottom) */
.popover-tooltip.popover-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	max-width:100%;
    background-color: #fff;
	color: rgb(28, 47, 57);
    padding: 15px;
    font-size: 16px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
	border-left: 30px solid rgb(28, 47, 57);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999999;
}

/* Text inside mobile popover */
.popover-text {
    flex-grow: 1;
    margin-right: 10px;
}

/* Close button in mobile popover */
.popover-close {
    background: none;
    color: rgb(28, 47, 57);
    border: none;
    font-size: 16px;
    cursor: pointer;
}
h1 .definition-popover, h2 .definition-popover, h3 .definition-popover, h4 .definition-popover, a .definition-popover{ 
pointer-events:none;
	color: inherit;
}
h1 .definition-popover:after, h2 .definition-popover:after, h3 .definition-popover:after, h4 .definition-popover:after, a .definition-popover:after{ 
	display:none;
}
.ribbon.enrolled{
	display:none!important;
}

/*font resizer*/
#header-secondary-outer .zeno_font_resizer_container {
    position:absolute;
	right: 40px;
}

#header-secondary-outer .nectar-center-text a:hover {
    color: #2e807f !important;
}

@media (max-width: 1000px) {
    #header-secondary-outer .zeno_font_resizer_container {
        display: none;
    }
}
	
/* reading time badges */
.ttr_lesson_topic p{
	display: inline-block;
    color: #6ABFBF;
    background-color: #fff;
    padding: 6px 12px 6px 12px !important;
    border-radius: 999px;
	border: 2px solid #6ABFBF;
}

.ttr_lesson_topic em::before{
	content: url(https://academy.remedi4all.org/wp-content/uploads/2025/12/reading-icon-colored.svg);
    display: inline-block;
    width: 30px;
    height: 25px;
    margin-right: 6px;
    margin-left: 6px;
    color: white;
    vertical-align: middle;
}

@media (max-width: 641px) {
    .ttr_lesson_topic {
    	justify-self: center;
    }
}


.ttr_focusbar em{
	font-size:10px;
}

.ld-item-list-item-preview {
    position: relative;
}

.sfwd-courses .ttr_focusbar{
	position:absolute;
	top:0px;
	right:32px;
}

.ld-item-list .ttr_moduleview em{
	color:white;
	font-size:15px;
}

.ld_course_grid .ttr_moduleview em{
	font-size:15px;
}

.ttr_moduleview{
	margin-right: auto;
    padding-left: 10px;
}

@media (max-width: 641px) {
    .ttr_moduleview {
    	flex: 0 0 100%;
		text-align: center;
    }
}


/* Technical badge */
.badge_technical{
	color:#fff;
	background-color: #2d807f;
	display: inline-block;
	border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.1;
    margin-bottom: 5px;
    padding: 5px 12px;
    text-align: center;
    text-transform: uppercase;
}

.add-info{
	position:relative;
}

.add-info .badge_technical{
	position: absolute;
    right: 5px;
    top: 0px;
}

/* Roadmap Technical */
.roadmap-tag{
	padding-bottom:0px !important;
	font-weight:400;
	font-style:italic;
	font-size:10px !important;
}