/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/* Sidebar menu*/
.ld-dashboard-main-wrapper.ld-dashboard-admin{
    max-width:unset!important;
    max-width:100%!important;
}
.ld-dashboard-sidebar-left{
    max-width:fit-content;
}
@media only screen and (max-width: 768px){
    .ld-dashboard-sidebar-left{
        max-width: 100%!important;
    }
}
.ld-dashboard-statistics{
    flex: 1 1 260px;
}
.ld-dashboard-content.ld-dashborad-add-edit-course{
    max-width:100%;
}
.ld-achievements-leaderboard table thead th{
    background-color:var(--primary);
}
.ld-achievements-leaderboard table tr td {
    color: var(--primary)!important;
}
.ld-achievements-leaderboard table tbody tr.odd {
    background:var(--primary_hover);
}
.menu-btn > a {
    padding-top:1em!important;
    padding-bottom:1em!important;
    padding-right:1em!important;
    padding-left:1em!important;
    border-radius:7px;
}

@media only screen and (max-width: 768px){
    .ld-mycourses-stats{
        flex-wrap: wrap;
    }
}
.ld-dashboard-single-group-wrapper{
   align-items:baseline;
}
.ld-mycourses-stats{
    justify-content: flex-start;
    flex-wrap:wrap;
    gap:1em;
}
.ld-mycourses-stats a{
    flex:1;
    gap:3%;
    flex:1;
    justify-content:center;
}
.ld-dashboard-btn .et_pb_blurb_content h4{
    color:white!important;
}
.ld-dashboard-btn:hover .et_pb_blurb_content h4{
    color:var(--primary)!important;
}
.ld-dashboard-inline-links ul{
    padding:0!important;
}
.ld-dashboard-inline-links ul li{
    flex:1 1 30%;
    text-align:center;
}
.ld-dashboard-mobile-wrap{
    gap:1em;
}
a.mobile-menu-link {
    flex: 1 1 30%;
}
.ld-dashboard-progress-steps{
    display:none;
}
.ld-dashboard-main-wrapper strong a {
    flex: 1 1 40%;
}
.ld-dashboard-course-progress ul li strong,.ld-dashboard-student-courses ul li strong{
    width: 100%;
    font-weight: normal;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
a.ld-pagination {
    color: var(--primary);
    text-decoration: underline;
    font-weight: 900;
}
.sfwd-mark-complete,.sfwd-mark-complete .learndash_mark_complete_button{
    height:100%;
}
.sfwd-mark-complete{
margin-left:auto;    
}
.ld-empty,.ld-content-action:last-child,.ld-content-action:first-child{
    display:none!important;
}
.learndash-wrapper .learndash_mark_complete_button{
    border-radius:4px!important;
    background-color:var(--primary)!important;
    flex:1 1 40%;
    font-size:0.75rem;
}
.ld-content-actions .ld-content-action{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1em;
    flex:1 1 100%!important;
    min-height :5em;
    justify-content: flex-end;
}
.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back{
    display: block;
    font-size: 0;
    text-align: center;
    background: var(--primary_hover);
    border-radius: 4px;
    line-height: 5;
    height:100%;
    transition:200ms;
    max-width:200px;
    margin:0!important;
}
a.ld-course-step-back:before {
    content: "\3008";
    color: var(--primary);
    font-size: .75rem;
    font-weight: 800;
    margin-right: 0.15rem;
    transition:0ms;
}
a.ld-course-step-back:after {
    content: "Επιστροφή στο Μάθημα";
    font-size: .75rem;
    font-weight: 800;
    margin-left: 0.15rem;
    color: var(--primary);
    transition:0ms;
}

.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back:hover{
    opacity:.85;
}
/*.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back:hover::before{*/
    
    /*margin-right:0.3rem!important;*/
    /*font-size:0.8rem;*/
/*}*/
/*.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back:hover::after{*/
    
/*    margin-left:0.3rem!important;*/
/*    font-size:0.8rem;*/
/*}*/

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name{
    align-items:center;
    gap:1em;
}
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage{
    color:var(--primary)!important;
}
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage,.learndash-wrapper .ld-status-complete{
    background:var(--primary)!important;
}
.ld-dashboard-progressbar{
    background-color:var(--primary)!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
    color: white; 
}
#unity-logo img{
    display:none!important;
}
/*#loading-cover{*/
/*    top:30%!important;*/
/*}*/
#unity-loading-bar{
    max-width:1080px;
}
#unity-container {
    position: relative!important;
    text-align: center;
}
#unity-container.unity-desktop {
     left:  unset!important; 
     top:  unset!important; 
     transform: unset!important; 
     margin: 0;
}
#unity-canvas{
   width:100%!important;
}
@media only screen and (max-width: 768px){
    .nav-bar{
        flex-wrap: wrap;
    }
}
.nav-bar{
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    padding-left:0!important;
}
ul.nav-bar li{
    flex: 1 1 100%;
    list-style: none;
    text-align:center;
    font-size:16px;
    border-radius:4px;
}
ul.nav-bar li:hover{
    background:var(--primary_hover);
}
ul.nav-bar li a{
    border-radius: 0!important;
    justify-content: center;
    color: var(--primary);
    display: flex;
    padding:1em;
}
ul.nav-bar li a:hover{
    /*color:white;*/
}
.ld-mycourse-content .mycourse-footer a{
    padding:1em;
}
.wbcom-front-end-course-dashboard-my-courses-content,.ld-dashboard-enrolled-course.instructor-courses-list{
    padding:1em;
}

.ld-dashboard-profile-summary{
    aspect-ratio: 10/2;
}
@media only screen and (max-width: 768px){
    .ld-dashboard-profile-summary {
        aspect-ratio: 4/3!important;
    }
}
.banner{
   text-align:center;
   background-color:#FFF!important;
   display: flex;
   height: 100%;
   gap: 1em;
   flex-direction: column;
   align-content: center;
   align-items: center;
   justify-content: flex-start;
}
.loading-text{
    color:var(--primary);
}

@keyframes spin{
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.my-library-banner{
   text-align:center;
   width:25%;
}
.ld-student-course-details.ld-dashboard-pagination > .ld-pagination{
   color:var(--primary)!important;
   font-weight:900;
   text-decoration:underline;
}

.menu-btn > a,.ld-dashboard-location li.ld-dashboard-menu-tab.ld-dashboard-active a.ld-focus-menu-link,.ld-dashboard-add-course,.ld-dashboard-statistics,.ld-dashboard-btn,.ld-dashboard-btn-bg,#ldd_update_user_pass,.ld-dashboard-single-group-actions span.ld-dashboard-single-group-edit a{
   background:var(--primary)!important;
   color:white!important;
   transition:200ms;
}
 .menu-btn > a:hover,.ld-dashboard-add-course:hover,.ld-dashboard-btn:hover,.ld-dashboard-btn-bg:hover,button.ld-dashboard-course-filter-reset.ld-dashboard-btn-bg:hover,#ldd_update_user_pass:hover,.ld-dashboard-single-group-actions span.ld-dashboard-single-group-edit a:hover{
   outline:1px solid var(--primary)!important;
    color:var(--primary)!important;
    background:var(--primary_hover)!important;
    cursor:pointer;
}
.ld-dashboard-enrolled-course-status{
    padding:0;
   color: #948f8f!important;
   background:transparent!important;
}
.ld-dashboard-enrolled-course-status::before{
    content:"Κατάσταση Μαθήματος: ";
}
.ld-dashboard-location ul li a:hover,#ld-dashboard-overview-course-students tr:nth-child(2n + 2),#ld-dashboard-overview-course-students thead,.ld-dashboard-my-profile .table_content_ld tr:nth-child(2n + 2){
    background-color: var(--primary_hover)!important;
    color:var(--primary)!important;
}

.ld-dashboard-location ul li.ld-dashboard-menu-divider-label{
        color:var(--primary)!important; 
}
.ld-dashboard-header-button:hover > a {
    background:white!important;
}
.ld-dashboard-overview-course-students h3{
    background:var(--primary)!important; 
}
button.ld-dashboard-course-filter-submit,button.ld-dashboard-course-filter-reset{
    inline-size:250px;
}
.ld-dashboard-warning{
    padding:1em!important;
}
.ld-dashboard-overview-course-students table tr th {
    color: var(--primary)!important;
}

.ld-mycourse-view,.ld-mycourse-edit,.ld-dashboard-element-delete-btn{
    padding:0.6em;
    border-radius:4px;
    transition:0ms!important;
}
.ld-dashboard-element-delete-btn{
    color:crimson!important;
    background:var(--primary_hover);
    border:1px solid crimson;
   
}    
.ld-dashboard-element-delete-btn:hover{
    outline:4px solid #ed143d30;
}
.ld-dashboard-element-delete-btn:focus{
    color:white!important;
    background:crimson!important;
}
.ld-mycourse-view{
    color:white!important;
    background:var(--primary)!important;
    border:1px solid var(--primary);
}
.ld-mycourse-view:hover{
    outline:4px solid var(--primary_hover)!important;
    /*color:var(--primary)!important;*/
    /*background:var(--primary_hover)!important;*/
}
/*Courses single/Lessons Single*/
article.sfwd-courses,article.sfwd-lessons,article.sfwd-courses .entry-content,article.sfwd-lessons .entry-content{
    max-width:1080px;
    margin:auto;
}

.row{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:1em;
}
.col{
    display:flex;
    flex-direction:column;
    gap:1em;
}
.flex-center{
    justify-content: center;
    align-items: center;
}
.flex-start{
    align-items:flex-start;
}
.tab-content-row{
    margin-top:2em;
}
.dashicons{
    font-size:25px;
}
.repeater{
    flex: 1 1;
    align-items: flex-start;
    justify-content: center;
}
.btn{
    padding:1em;
    cursor:pointer;
    border-radius:4px;
    transition:200ms;
}
.btn-prim{
    background-color:var(--primary);
    color:white;
}
.btn-prim:hover{
    color:var(--primary);
    outline:1px solid var(--primary);
    background-color:var(--primary_hover);
}
.item *{
    color:white;
}
.item:hover *{
    color:var(--primary);
}
/* Enrolled Μαθηματα cards*/
 @media only screen and (max-width: 768px){
    .my-courses.ld-dashboard-enrolled-course-wrap > .ld-dashboard-content-inner >.ld-mycourse-wrap {
        flex:1 1 25em;
    }
}
    /*Outside Container*/
    .my-courses.ld-dashboard-enrolled-course-wrap > .ld-dashboard-content-inner{
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1em;
    }
    .my-courses.ld-dashboard-enrolled-course-wrap > .ld-dashboard-content-inner >.ld-mycourse-wrap{
        flex-direction: column!important;
        width: 100%;
        flex: 1 0 20em;
    }
    .my-courses.ld-dashboard-enrolled-course-wrap > .ld-dashboard-content-inner >.ld-mycourse-wrap .ld-mycourse-content{
        width:100%;
    }
    .my-courses.ld-dashboard-enrolled-course-wrap > .ld-dashboard-content-inner >.ld-mycourse-wrap > .ld-mycourse-thumbnail{
        width:100%;
            /*background-position: inherit;*/
    }
    .ld-mycourse-edit{
        background-color:var(--primary_hover)!important;
        color:var(--primary)!important;
        border:1px solid var(--primary);
    }
    .ld-mycourse-edit:hover{
        outline:4px solid var(--primary_hover);
    }
    .ld-mycourse-edit:focus{
        background-color:var(--primary)!important;
        color:white!important;
    }
    
    /*recommendations*/
    .all-reco{
        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }
    .title-color{
        color: green;
        padding-bottom: unset;
    }
    .exp-color{
        color:blue;
        font-size: 25px;
    }
    .recom-title{
        color: #a39c0d;
        font-size: 30px;
        /*padding-bottom: unset !important;*/
        padding: 20px;
        padding-bottom: 20px !important;
        text-align: center;
    }
    .recom{
        /*padding:30px;*/
        border-style: solid;
        border-width: 1px;
        flex-basis: 49%;
        margin: 1px;
        line-height: 1.4;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
 
 @media (min-width:1025px) { 
     
    .ld-dashboard-profile-summary:after {
        opacity: 0;
    }
 }   


.ld-dashboard-profile-summary {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
}