/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.1
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.wp-block-cover.hide-it {
    display: none;
}
.force_bitcot .llms-checkout-section .llms-form-fields {
    margin: 0;
}
.non_logged_in li.account-menuu,
.non_logged_in li.llms-nav-item-notifications {
    display: none;
}

.llms-person-login-form-wrapper {
    width: 500px;
    margin: 0 auto;
}
.llms-student-dashboard .wp_google_login {
    max-width: 500px;
}
.llms-notification-body img {
    max-width: 150px;
}

.llms-student-dashboard .llms-loop-item-content .llms-featured-image {
    height: 150px;
}

.llms-student-dashboard .llms-loop .llms-loop-item.entry {
    box-shadow: 0px 15px 25px -10px rgb(104 102 102 / 54%);
}

.bit_lms_dashboard-custom {
    display: flex;
    width: 100%;
    border: 2px solid #33333357;
    margin-bottom: 10px;
    padding: 15px 10px;
    align-items: center;
}
.bit_lms_dashboard_side-custom .bitlms_dash_card_wrapper.profile {
    width: 60%;
}
.bit_lms_dashboard_side-custom .bitlms_dash_card_wrapper.profile .header {
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    vertical-align: middle;
}

.bit_lms_dashboard_side-custom .bitlms_dash_card_wrapper.profile .body {
    display: inline-block;
    vertical-align: middle;
}
.bitlms_dash_profile .para.username {
    font-weight: 600;
}
.bit_lms_dashboard-custom .bitlms_dash_card_wrapper {
    display: flex;
    width: 100%;
}
.bit_lms_dashboard-custom .bitlms_dash_card_wrapper .bitlms_dash_card {
    width: 50%;
}
.bit_lms_dashboard-custom .bitlms_overall_progress {
    width: 100%;
}


@keyframes growProgressBar {
    0%, 33% { --pgPercentage: 0; }
    100% { --pgPercentage: var(--value); }
  }
  
  @property --pgPercentage {
    syntax: '<number>';
    inherits: false;
    initial-value: 0;
  }
  
div.bitlms_radial_progressbar[role="progressbar"] {
    --size: 5rem;
    --fg: #369;
    --bg: #def;
    --pgPercentage: var(--value);
    animation: growProgressBar 3s 1 forwards;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: 
      radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
      conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
      ;
    font-family: Helvetica, Arial, sans-serif;
    font-size: calc(var(--size) / 5);
    color: var(--fg);
  }
  
div.bitlms_radial_progressbar[role="progressbar"]::before {
    counter-reset: percentage var(--value);
    content: counter(percentage) '%';
}


.non_logged_in .llms-student-dashboard.dashboard {
    display: flex;
}
.non_logged_in .bitlms_login_img-wrapper {
    width: 50%;
}
.non_logged_in .llms-person-login-form-wrapper {
    width: 50%;
}

@media screen and (min-width: 768px){
    .non_logged_in .kadence-llms-dash-nav-left .llms-student-dashboard {
        padding-left: unset;
    }
}

.llms-course-navigation .llms-back-to-course.course_left .llms-lesson-preview .llms-pre-text, 
.llms-course-navigation .llms-back-to-course.course_left .llms-lesson-preview .llms-lesson-title, 
.llms-course-navigation .llms-back-to-course.course_left .llms-lesson-preview .llms-lesson-excerpt {
    text-align: left;
}



#wp_reset_password input#resetsubmitbtn:disabled {
    pointer-events: none;
    cursor: none;
    opacity: 0.6;
}
#wp_reset_password .form-group {
    padding: 10px;
}
#wp_reset_password input {
    width: 100%;
}
.resetpass_custom #wp_reset_password input.newreset_password {
    width: auto;
}

.resetpass_custom .llms-form-heading {
    position: relative;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 0;
    color: #35bff7;
    display: inline-block;
  }
  
  .resetpass_custom .llms-person-login-form-wrapper {
    background-color: var(--white);
    padding: 25px;
    max-width: 540px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    box-shadow: 0 0 30px 0 rgb(82 63 105 / 5%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

.resetpass_custom input[type="text"]:focus,
.resetpass_custom input[type="email"]:focus,
.resetpass_custom input[type="url"]:focus,
.resetpass_custom input[type="password"]:focus,
.resetpass_custom input[type="search"]:focus,
.resetpass_custom input[type="number"]:focus,
.resetpass_custom input[type="tel"]:focus,
.resetpass_custom input[type="range"]:focus,
.resetpass_custom input[type="date"]:focus,
.resetpass_custom input[type="month"]:focus,
.resetpass_custom input[type="week"]:focus,
.resetpass_custom input[type="time"]:focus,
.resetpass_custom input[type="datetime"]:focus,
.resetpass_custom input[type="datetime-local"]:focus,
.resetpass_custom input[type="color"]:focus,
.resetpass_custom textarea:focus {
  color: var(--text-color);
  border: 1px solid var(--primary-color);
  background: var(--white);
  box-shadow: 0px 3px 10px rgb(53 191 247 / 10%);
}

.resetpass_custom label {
  font-weight: 600;
  margin-bottom: 7px;
  display: inline-block;
  font-size: 14px;
}

.resetpass_custom .llms-form-field input,
.resetpass_custom .llms-form-field textarea,
.resetpass_custom .llms-form-field select {
  margin-bottom: 0;
}
