/*
 MemberPress theme overide
*/
/*
 Updating the My Account menu styles
*/

#mepr-account-nav {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

#mpcs-breadcrumbs {
    padding-bottom: 20px;
}

.mepr-nav-item {
    display: inline-block;
    padding: 6px 14px;
    border: 2px solid #0073e6;
    border-radius: 6px;
    background-color: #0073e6;
    font-weight: 600;
    transition: all 0.25s ease;
    margin-right: 6px;
}

.mepr-nav-item a {
    display: block;
    color: #ffffff;
    text-decoration: none;
}

.mepr-nav-item:hover,
.mepr-nav-item:hover a,
.mepr-nav-item a:hover {
    background-color: #005bb5;
    border-color: #005bb5;
    color: #ffffff;
}

.mepr-nav-item.mepr-active-nav-tab,
.mepr-nav-item.mepr-active-nav-tab a {
    background-color: #004494;
    border-color: #004494;
    color: #ffffff;
}

/*
Hiding the progress bar from courses
*/
#bookmark.mpcs-section {
display: none !important;
}

#next_lesson_link {
    all: unset;
}

/* Next / Previous Lesson buttons / start buttons */
/* Unified blue buttons: Next / Previous / Start */
#next_lesson_link,
#previous_lesson_link,
.mpcs-button.is-purple {
    all: unset;
    display: inline-block;
    padding: 6px 14px;
    border: 2px solid #0073e6;
    border-radius: 6px;
    background: #0073e6 !important;
    font-weight: 600;
    color: #ffffff !important;
    text-decoration: none;
    transition: all 0.25s ease;
    margin-right: 6px;
    cursor: pointer;
}

/* Hover / focus */
#next_lesson_link:hover,
#next_lesson_link:focus,
#previous_lesson_link:hover,
#previous_lesson_link:focus,
.mpcs-button.is-purple:hover,
.mpcs-button.is-purple:focus {
    background: #005bb5 !important;
    border-color: #005bb5 !important;
    color: #ffffff !important;
}

/* Arrows for lesson navigation */
#next_lesson_link::after {
    content: " »";
    font-size: 18px;
}

.mp-breadcrumbs {
    margin: 4px 0;
    font-size: 15px;
    font-style: italic;
}

.mp-breadcrumbs a {
    color: #BC4C57;
    text-decoration: none;
}

.mp-breadcrumbs .sep {
    margin: 0 6px;
    color: #999;
}

.current-lesson {
    color: #333;
}