/*
 * Theme Name: PFR Theme
 * Description: Motyw dla portalu szkoleniowego PFR
 * Author: WeLearning
 * Template: blocksy
 */

:root {
    --pfr-navy: #1A2B6B;
    --pfr-white: #FFFFFF;
    --pfr-orange: #F47920;
}

 
.sfwd-lessons iframe {
    height: 72vh !important;
    border: none;
}

.ld-lesson-item-preview {
    display: flex;
    align-items: center;
}

.ld-lesson-item-preview a {
    align-items: center !important;
}

.learndash-wrapper .ld-alert-success.ld-alert-completed,
.learndash-wrapper .ld-alert.ld-alert-success {
    display: none !important;
}


.ld-focus-sidebar-trigger {
    background-color: var(--pfr-orange) !important;
}

.learndash-wrapper .ld-status.ld-status-complete {
    background-color: var(--pfr-orange) !important;
    color: var(--pfr-white) !important;
}

.ld-progress-percentage{
    color: var(--pfr-navy) !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon{
    background-color: var(--pfr-orange) !important;
    border: 2px solid var(--pfr-orange) !important;
}

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover .ld-icon{
  color: var(--pfr-navy) !important;
}

.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress{
    background-color: var(--pfr-navy) !important;;
}

.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
    background-color: var(--pfr-orange) !important;
}

.ld-course-navigation-heading{
    background-color: var(--pfr-navy) !important;
}

.ld-breadcrumbs-segments a{
    color: var(--pfr-navy) !important;
}

.ld-course-navigation-heading h3 a {
    color: var(--pfr-white) !important;
}

.ld-lesson-item-preview .ld-lesson-title {
    color: var(--pfr-navy) !important;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete {
    border-color: var(--pfr-navy) !important;
}

.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
    color: var(--pfr-navy) !important;
}

.learndash-wrapper .ld-status-icon.ld-status-complete,
.learndash-wrapper .ld-status-complete {
    background-color: var(--pfr-navy) !important;
    color: var(--pfr-white) !important;
}

body .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
    background: var(--pfr-orange) !important;
    color: var(--pfr-white) !important;
    border: 0 !important;
    border-radius: 100px !important;
    padding: 12px 45px !important;
    font-weight: 500 !important;
    transition: all 0.3s !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:hover{
    outline-color: var(--pfr-navy) !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after{
    color: var(--pfr-white) !important;
}

.learndash-wrapper #learndash_mark_complete_button:hover,
.learndash-wrapper .learndash_mark_complete_button:hover {
    background: var(--pfr-white) !important;
    color: var(--pfr-navy) !important;
}

.learndash-wrapper .ld-content-actions .ld-content-action .ld-button {
    background-color: var(--pfr-navy) !important;
    border-color: var(--pfr-navy) !important;
    color: var(--pfr-white) !important;
}

.learndash-wrapper .ld-content-actions .ld-content-action .ld-button:hover {
    background-color: var(--pfr-white) !important;
    color: var(--pfr-navy) !important;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:hover {
    color: var(--pfr-navy) !important;
}

.ld-lesson-item-preview a:hover .ld-lesson-title {
    color: var(--pfr-navy) !important;
    opacity: 0.7;
}

.learndash-wrapper .ld-breadcrumbs {
    display: none !important;
}

.learndash-wrapper .ld-focus-content > h1 {
    display: none !important;
}

.portal-close-training-btn {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    margin-right: 20px;
    padding: 8px 20px;
    background-color: var(--pfr-navy);
    color: var(--pfr-white) !important;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
}

.portal-close-training-btn:hover {
    background-color: var(--pfr-orange);
    color: var(--pfr-white) !important;
}