.elementor-kit-24888{--e-global-color-primary:#F8F8F8;--e-global-color-secondary:#6D2A92;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-9bc1b4e:#3A3A3A;--e-global-color-3fd5b33:#202122;--e-global-color-c57fe58:#282828;--e-global-color-a3148ae:#F8F8F8;--e-global-color-2e5275d3:#23A455;--e-global-color-3f219e59:#000;--e-global-color-ad2bfe5:#FFF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-1ccf37e-font-family:"Poppins";--e-global-typography-1ccf37e-font-size:48px;--e-global-typography-1ccf37e-font-weight:600;--e-global-typography-bd6906d-font-family:"Poppins";--e-global-typography-bd6906d-font-size:48px;--e-global-typography-bd6906d-font-weight:700;background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:300ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-secondary );--e-preloader-size:50px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-24888{--e-global-typography-1ccf37e-font-size:26px;--e-global-typography-bd6906d-font-size:48px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* BODY */
body{
    padding-top: 157px;
    background-color: #F8F8F8 !important;
}

*{
    /*cursor: url('http://duplica.lucapicchio.it/wp-content/uploads/2024/10/cursor-2.png'), auto !important;*/
    font-family: 'Lexand', Sans-Serif; 
}

.page-id-25066{
        padding-top: 0 !important;
    #header {
        background: transparent !important;
    }
    div.entry-content.clear{
    padding: 0 !important;
}
}

.content-area.primary{
    min-height: calc(100vh - 100px) !important;
}
    
a{
    outline: none !important;  
}



/* SCROLLBAR */
/* Stile per browser basati su Webkit (Chrome, Edge, Safari) */
/* Stile per browser mobili basati su WebKit */
::-webkit-scrollbar {
  width: 12px;
  height: 12px; /* Per scrollbar orizzontali */
}

::-webkit-scrollbar-track {
  background: transparent; /* Sfondo trasparente */
}

::-webkit-scrollbar-thumb {
  background-color: #6D2A92; /* Colore della scrollbar */
  border-radius: 6px; /* Angoli arrotondati */
  border: 3px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #8146AA; /* Colore al passaggio del dito */
}

/* Per dispositivi mobili con Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #6D2A92 transparent;
}







/* MAIN SECTION CORSO */
article.sfwd-courses{
    margin-top: 70px !important;
}

.wpr-button::before{
    z-index: -1 !important;
}

/* ONESIGNAL */
.onesignal-bell-launcher-button{
    circle.background{
        fill: #6d2a92 !important;
    }
    .stroke{
        stroke: #F8F8F8 !important;
    }
    .foreground{
        fill: #F8F8F8 !important;
    }
}
.onesignal-bell-launcher-dialog-body{
    .push-notification{
        display: none !important;
    }
    h1{
        color: black !important;
    }
    button{
        color: #F8F8F8 !important;
    }
    .kickback{
        display: none !important;
    }
    .divider{
        display: none !important;
    }
}
.onesignal-bell-launcher-message{
    background-color: #6d2a92 !important;
}
.onesignal-bell-launcher-message::after{
    border-left-color: #6d2a92 !important;
}
#unsubscribe-button{
    background-color: #6d2a92 !important;
}


/* HEADER */

.learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not(.ld--ignore-inline-css){
    background-color: #6d2a92 !important;
    transition: transform .2s !important;
    color: white !important;
    padding: 12px 15px !important;
    font-weight: 500 !important;
    &:hover{
        transform: scale(1.04) !important;   
        opacity: 1 !important;
    }
        span.ld-icon{
        font-size: 20px !important;
    }

}

.ld-logout.ld-button{
    background-color: #6d2a92 !important;
    span.ld-icon{
        margin-left: 3px;
        font-size: 12px !important;
    }
}

.login-navbar{
    ul{
        li:last-child{
            a{
                transition: transform .2s !important;
                background-color: #6d2a92;
                color: white !important;
                padding: 10px 15px !important;
                border-radius: 20px;
                &::after{
                    background-color: transparent !important;
                }
                &:hover{
                    transform: scale(1.04);
                }
            }
        }
    }
}

.elementor-nav-menu{
    a{
        text-transform: none !important;
        &:hover{
            color: #6d2a92 !important;
        }
        &::after:not(:last-child){
            border-bottom: 1px solid #6d2a92 !important;
        }
       
    }
}

.elementor-nav-menu--dropdown{
    background-color: #F8F8F8 !important;
}

/* POPUP LOGIN / REGISTER */

.input-wrapper{
    margin: 0 0 2em !important;
}

input[type="password"]#user_pass,
input[type="text"]#user_pass
{
    width: 100%;
    padding-right: 40px; /* Spazio per il bottone */
    box-sizing: border-box;
    margin: 0 !important;
}

button[aria-label="Mostra/Nascondi password"] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10;
    color: black !important;
    font-size: 1rem;
}

.ld-modal{
    max-width: 100% !important;
    min-height: 100vh;
    height: 100vh;
    .ld-button{
        font-weight: 500 !important;
    }
    #loginform{
        label{
            color: #3A3A3A;
            font-weight: 500;
        }
        p::before{
            color: #3A3A3A;
            line-height: 1.4;
        }
        input{
            background-color: transparent;
            border: 2px solid #3A3A3A;
            border-radius: 5px;
            overflow: hidden;
        }
        input
        .login-remember{
            input[type="checkbox"]:checked{
                background-color: #3A3A3A !important;
            }
        }
        .login-submit{
            input{
                font-weight: 500 !important;
                border: 2px solid #6d2a92;
                &:hover{
                    opacity: 1;
                    transform: scale(1.04);
                }
            }
        }
    }
    .ld-login-modal-branding{
        img{
            margin: 0 auto;
        }
    }
    .learndash-wrapper .ld-login-modal .ld-login-modal-register{
        background-color: #6d2a92 !important;
        a{
            &:hover{
                transform: scale(1.04) !important;
                border: 1px solid white !important;
            }
        }
    }
}


/* REGISTER PAGE */

.ld-registration__heading{
    text-align: center;
    margin-bottom: 100px !important;
    margin-top: -30px !important;
}
.ld-registration__login-link{
    background-color: #3A3A3A;
    color: #F8F8F8;
    padding: 7px 15px;
    margin-left: 5px;
    border-radius: 30px;
    &:hover{
        color: #F8F8F8;
    }
}
.entry-content{
    background-color: #F8F8F8; 
}
.ld-registration__register-submit-wrapper{
    input{
        background-color: #3A3A3A;
        &:hover{
            background-color: #3A3A3A !important;
            color: #F8F8F8 !important;
        }
    }
    .ld-button{
        &:active{
            background-color: #F8F8F8 !important;
        }
        &:focus{
            border: 2px solid #3A3A3A !important;
        }
    }
}
#learndash_registerform{
    .ld-form__field{
        border-radius: 5px !important;
        border: 1px solid transparent;
        outline: none;
    }
}


/* MENU DI NAVIGAZIONE MY ACCOUNT */
.e-n-tabs {
    .e-n-tabs-heading {
    transition: transform .3s;
    &:hover{
        transform: scale(1.04) !important;
    }
    button:has(+ button[aria-selected="true"]) {
            border-bottom: none !important; 
        }
        button {
            background-color: transparent !important;
            border-bottom: 1px solid #3A3A3A !important;
            border-bottom-right-radius: 0;
            transition: border-bottom-right-radius 0.3s ease, background-color .2s ease-out, transform .3s; 

            &[aria-selected="true"] {
                border-bottom-right-radius: 2em;
                background-color: #6d2a92 !important;
            }
            &:hover:not([aria-selected="true"]){
                transform: scale(1.062) !important;
                color: #6d2a92 !important;
            }
        }
    }
}


/* BACHECA */
.card-container{
    .wpr-button{
        min-height: 220px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}
.btn-bg{
    height: 100% !important;
}

/*SEZIONE LIVE*/

.live-container{
    tbody{
        background-color: white !important;
        tr{
            color: #3A3A3A;
            &.vczapi-shortcode-meeting-table--row7{
                display: none;
            }
            td{
                border-width: 2px !important;
                background-color: #f8f8f8 !important;
                a{
                    color: #F8F8F8;
                    background-color: #3A3A3A;
                    padding: 10px 20px;
                    border-radius: 30px;
                }
            }
        }
    } 

}


/* SEZIONE CORSI MY ACCOUNT */

#ld-main-course-list{
    .ld-item-list-item{
        background-color: #F8F8F8;
        .ld-progress{
            background-color: #6d2a92;
            color: #f8f8f8;
            .ld-progress-bar-percentage{
                background-color: #61C9A8 !important;
            }
            .ld-progress-percentage{
                color: #f8f8f8 !important;
                font-weight: 600;
                margin-right: 10px;
            }
        }
    }
}
    .ld-profile-stat.ld-profile-stat-points{
        display: none !important;
    }
.ld-expand-button{
    span{
        font-weight: 500 !important;
    }
}

/* SEZIONE IL MIO ACCOUNT */
.dynamic-hello{
    color: #3A3A3A;
    .hello-name{
        font-weight: 600;
    }
}

.wpr-acc-icon-box{
    display: none !important;
}
.wpr-acc-title-text{
    margin: 0 !important;
}

.message-container{
    display: flex;
    align-items: center; 
    height: 100px;
    margin-bottom: 10px;
}
.success-update-text,
.warning-update-text{
    color: #F8F8F8;
    padding: 7px 15px;
    border-radius: 10px;
    width: fit-content;
    p{
        margin: 0 !important;
    }
}
.warning-update-text{
    background-color: #F6AE2D;
    color: #3A3A3A;
}
.success-update-text{
    background-color: #20C3A0;
}

.wpr-accordion-item-wrap{
    .wpr-acc-panel{
        padding-left: 0 !important;
        padding-top: 0 !important;
    }
    .form-info-container{
    width: 100%;
    form{
        & > div{
            margin-bottom: 20px;
        }
        label{
            display: inline-block;
            width: 20%;
        }
        input{
            border: none;
            border-radius: 10px !important;
        }
        
        .input-submit{
            margin-top: 30px;
            input{
                background-color: #6d2a92;
                margin: 0 auto;
            }
        }
    }
}
}

.stats-container{
    margin-top: 50px;
   #course-progress-info{
    .ld-profile-summary{
        .ld-profile-stats{
            justify-content: start !important;
        }
    }
    .ld-course-list{
        display: none !important;
    }
} 
}



/* ID PROFILE */
.learndash-wrapper{
    #ld-profile{
        .ld-profile-card{
            display: none;
        }
    }
    
    .ld-profile-stats{
        .ld-profile-stat{
            color: #6d2a92;
        }
    }
}

/* PAGINA EVENTI */
.ControlBar_module_controlBarWrapper__4c16a5a0{
    display: none !important;
}


/* PAGINA ALL COURSES */

.courses-container{
    .ld_course_grid{
        article{
            /*min-height: 370px;*/
            border-radius: 8px !important;
            border: none !important;
            img{
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
            }
            .caption{
                .entry-title{
                    font-family: 'Poppins', 'Lexend';
                    text-align: center;
                }
                .ld_course_grid_button{
                    margin: 20px 0 !important;
                    a{
                        background-color: #6d2a92;
                        border: none;
                    }
                }
            }
            .ribbon{
                background-color: #6d2a92 !important;
                border-radius: 30px;
                padding: 4px 15px !important;
                &::before{
                    background-color: none !important;
                    border-color: transparent !important;
                }
            }
        }
        .ld-progress-bar{
            background-color: transparent !important;
            border: 2px solid black; 
        }
    } 
}


/* MEETING PAGE */

.calendly-inline-widget{
   a{
       display: none !important;
   }
  
}
    
}

/*///// INTERNO PAGE CORSO /////*/
.learndash{
    padding: 3% 3% 1% 3% !important;
}
div.entry-content.clear{
    padding: 3% 3% 3% 3% !important;
    .ld-course-status.ld-course-status-enrolled{
        display: none;
        .ld-progress-bar{
            border: 2px solid black;
        }
    }
    .ld-expand-button{
        font-weight: 400;
        .ld-icon-arrow-down::before{
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 8px;
            font-weight: 500 !important;
        }
    }

}
    .ld-item-components{
        font-weight: 500 !important;
    }
    .ld-text{
        font-weight: 600;
    }
    .ld-lesson-list-progress{
        font-weight: 600;
    }
    .ld-course-status-label{
        font-size: 1em !important;
        font-weight: 600 !important;
        color: #6d2a92 !important;
    }
    .ld-status{
        background-color: #6d2a92 !important;
        font-weight: 500;
    }
    .ld-course-status-segment.ld-course-status-seg-action.status-paynow{
        display: flex !important;
        align-items: center;
        span{
            display: none !important;
        }
    }
    .btn-join.button{
        font-weight: 500 !important;
        background-color: #6d2a92 !important;
    }
    .entry-header{
        .post-thumb-img-content{
            img{
                
                width: 50% !important;
                margin: 0 auto !important;
                border-radius: 10px;
            }
        }
    }
    .ast-post-format-{
            background-color: #F8F8F8 !important;
    }
    .entry-title{
        font-size: 1.8rem !important;
        text-align: center;
        font-weight: 600;
    }
    
.ld-lesson-status,
.ld-breadcrumbs,
.ld-topic-status{
    /*background-color: #F8F8F8 !important;*/
    display: none;
}

.ld-status.ld-status-waiting{
        font-weight: 500 !important;
        padding: 12px 15px !important;
        border-radius: 20px !important;
    }

input[type="submit"].learndash_mark_complete_button{
    font-weight: 500 !important;
    padding-right: 20px !important;
}

.ld-item-title{
    .ld-item-components{
        display: none !important;
    }
}

.ld-item-lesson-item{
    border: none !important;
}
.ld-status-icon.ld-status-incomplete{
    /*border-color: black !important;*/
}

.ld-status-icon.ld-status-complete{
    .ld-icon-checkmark.ld-icon{
        &::before{
            transform: translateY(-50%) translateX(-50%) scale(.8);
        }
    }
}

.ld-table-list-items{
    border: none !important;
    .ld-status.ld-status-alert{
        color: white;
    }
}
.learndash-wrapper .ld-table-list.ld-no-pagination{
    border: none !important;
}

.ld-course-status-price{
    color: black !important;
}

.ld-course-status.ld-course-status-not-enrolled{
    background-color: transparent !important;
    .btn-join{
        transition: transform .2s !important;
        background-color: black;
        color: white !important;
        padding: 12px 15px !important;
        border-radius: 20px;
        opacity: 1 !important;
        font-weight: 600 !important;
        &::after{
            background-color: transparent !important;
        }
        &:hover{
            transform: scale(1.04);
        }
    }
}

.navigation.post-navigation{
    display: none !important;
}
.ld-button{
    font-weight: 500 !important;
}

.ld-button.learndash-link-previous-incomplete{
    background-color: #6d2a92 !important;
    color: white !important;
}


/* QUIZ */

.entry-meta{
    display: none !important;
}
.ld-quiz-status{
    padding: 20px 10%;
    .ld-breadcrumbs{
        padding: 50px 10px !important;
        background-color: transparent !important;
        border: 2px solid #6d2a92;
        margin: 50px 0;
        justify-content: center !important;
        font-size: 1.3rem;
        a{
            &:hover{
                text-decoration: underline !important;
            }
        }
        .ld-breadcrumbs-segments{
                    overflow: visible !important;
            span:last-child{
                    overflow: visible !important;
                a{
                    font-weight: 500 !important;
                    color: #F8F8F8 !important;
                    background-color: #6D2A92 !important;
                    padding: 7px 13px !important;
                    border-radius: 50px !important;
                }
            }
        }
    }
}
input.wpProQuiz_button{
    margin: 0 auto !important;
    width: 20% !important;
    font-weight: 600 !important;
}
.ld-table-list.ld-quiz-list{
    width: 50% !important;
    margin: 0 auto !important;
    margin-bottom: 70px !important; 
    .ld-table-list-items{
        border: 1px solid #6D2A9254 !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }
    .ld-table-list-title{
    font-weight: 500 !important;
    }
    .ld-table-list-footer{
        display: none !important;
    }
}

.graded-disclaimer{
    display: none !important;
}


/*///// RESET PASSWORD /////*/
.ld-registration__forgot-password-container{
    .ld-registration__forgot-password-form{
        input[type="text"]{
            border-radius: 10px !important;
            outline: none !important; 
            border-color: transparent !impotant;
        }
        input.button{
            background-color: #6d2a92 !important;
        }
    }
}
.ld-alert.ld-alert-success{
    margin-bottom: 100px !important;
}





/*//////////////
//// TABLET ////
//////////////*/

@media only screen and (min-width: 768px) and (max-width: 1023px){
    

/* PAGINA ALL COURSES */

.courses-container{
    .ld_course_grid.col-md-4{
        max-width: 50% !important;
        article{
        /*width: 300px !important;*/
            min-height: 370px;
            border-radius: 8px !important;
            border: none !important;
            img{
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
            }
        }
    } 
}



}




/*//////////////
//// MOBILE ////
//////////////*/
@media only screen and (max-width: 767px){
/* POUPOP LOGIN */
    .ld-modal{
        #loginform{
            & > p::before{
                line-height: 2 !important;
            }
        }
    }
    
/* DROPDOWN MENU */
.elementor-nav-menu--dropdown{
    ul{
        li{
            a{
                padding: 20px 20px !important;
            }
            a.elementor-item.elementor-item-active.menu-link{
                background-color: black !important;
                border-radius: 2px !important;
                color: #F8F8F8 !important;
                padding: 30px 20px !important;
            }
        }
    }
}
.login-navbar{
    ul{
        li:last-child{
            a{
                transition: transform .2s !important;
                background-color: transparent;
                padding: 20px !important;
                border-radius: 2px;
                color: black !important;
            }
        }
    }
}

    
/* MENU DI NAVIGAZIONE MY ACCOUNT */
.e-n-tabs {
    .e-n-tabs-heading {
        button {
            margin: 0 !important;
            padding: 30px 25px;
            border-bottom-right-radius: 0;
            transition: border-radius .3s ease, background-color .2s ease-out; 

            &[aria-selected="true"] {
                border-bottom-right-radius: 1em;
                border-bottom-left-radius: 1em;
            }
        }
    }
}
.logout-btn{
    width: 40% !important;
}


.success-update-text,
.warning-update-text{
    margin: 0 auto;
    margin-bottom: 40px;
    
}

.wpr-accordion-item-wrap{
    .form-info-container{
    width: 100%;
    form{
        & > div{
            margin-bottom: 25px;
        }
        label{
            display: block;
            width: 50%;
        }
        input{
            width: 100%; 
        }
    }
}
}





}/* End custom CSS */