/* @import "tailwindcss" theme(static); */
/* resources/styles/editor.css */
:root {
    /* COLORS */
    --color-white: #fff;
    /* --color-purple: #3f3cbb;
    --color-midnight: #121063;
    --color-tahiti: #3ab7bf;
    --color-bermuda: #78dcca; */

    /* COLORS */
    --light-grey: #EFF0F5;
    --purple: #7284CA;
    --purple-alpha: rgba(114, 132, 202, 0.15);
    --green: #5EBA9C;
    --dark-grey: #3D3D3D;
    --greyline: #EFF0F5;
    --mid-grey: #D5D5D5;
    --dark-purple: #646A89;
    --light-green: #CBE8DF;
    --title-font: "freight-text-pro";
    --main-font:"inter-18pt";
    --deep-green: #0D8A62;
}
.btn{
    &.btn-primary{
        background-color: var(--green);
        color: #fff;
        border-radius: 9999px;
        font-weight: 500;
        transition: background-color 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
padding: 10px 16px;
border-radius: 4px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
text-decoration: none;
/* text-align: center; */
font-size: 14px;
&:hover{
    background-color: var(--deep-green);
}
span{
    margin-left: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/ico-book-w-Cp4EFwlb.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
    }
    &.btn-arrow{
        span{
            margin-left: 8px;
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/arrow-right-w-DXKYvJ4S.svg');
            background-repeat: no-repeat;
            background-size: inherit;
            background-position: center right 0px;
            
        }
    }

    &.btn-download{
        span{
            margin-left: 8px;
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/download-w-Gp_mwBtE.svg');
            background-repeat: no-repeat;
            background-size: inherit;
            background-position: center right 0px;
        }
    }

    &.btn-sfoglia{
        span{
            margin-left: 8px;
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/ico-book-w-Cp4EFwlb.svg');
            background-repeat: no-repeat;
            background-size: inherit;
            background-position: center right 0px;
            
        }
    }
}
a{
            text-decoration: none;
.da-card{
    display:flex;
    flex-direction: column;
    height: 100%;
    a{
            text-decoration: none;
    }
    .tipo-post{
        font-size: 12px;
        font-weight: 600;
        color: var(--purple);
            text-decoration: none;
    }
    .tipo-post-pills{
        background-color: rgba(255, 255, 255, 0.6);
        line-height: 24px;
        color: var(--dark-grey);
        font-size: 12px;
        font-weight: 600;
        padding: 0 12px;
        border-radius: 9999px;
            text-decoration: none;
    }
    .tipo-post-play{
        width: 40px;
        height: 40px;
        background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/ico-play-CrjPGXiV.svg');
        background-repeat: no-repeat;
        background-size: contain;
    }
    h3{
        font-size: 24px;
        color: var(--dark-grey);
        font-weight: 400;
        font-family: var(--title-font);
        line-height: 28px;
        margin-top: 10px;
            text-decoration: none;
    }
    .da-card-cta{
        margin-top: auto;
        p{
            color: var(--dark-purple);
            font-size: 12px;
            display: flex;
            align-items: center;
            font-weight: 600;
            &::before{
                content: '';
                display: inline-block;
                width: 16px;
                height: 16px;
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/alendar-DIBDtqIz.svg');
                background-repeat: no-repeat;
                background-size: contain;
                margin-right: 8px;
            }
        }
        .cta-card{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/arrow-right-w-DXKYvJ4S.svg');
                background-repeat: no-repeat;
                background-position: center right 10px;
                padding-right: 36px;
        }
    }
    &.banner-training{
        h3{
            font-size: 42px;
            color: var(--dark-grey);
            font-weight: 400;
            font-family: var(--title-font);
                  line-height: 100%;
      margin: 20px 0;

        @media (width >= 48rem) { 
            font-size: 52px;
         }
        }
        p{
            color: var(--dark-purple);
            font-size: 16px;
            font-weight: 400;
            &.tipo-post{
        font-size: 12px;
        font-weight: 600;
        color: var(--purple);
    }
        }
        .btn-primary{
            width: 100%;
            max-width: max-content;
        }
    }
    &.banner-experience{
        background-color: var(--purple);
        color: #fff;
        h3{
            color: #fff;
        }
        p{
            color: #fff;
        }
        .infobar-evento{
            border:none;
            color: #fff;
            p{
                color: #fff;
            }
            .infobar-evento-data{
                &:before{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/calendar-w-UXkeBSGk.svg');
                }
            }
            .infobar-evento-luogo{
                &:before{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/pin-w-C3B0Hl2C.svg');
                }
            }
        }
    }
    &.banner-ambassador{
        background-color: var(--purple);
        color: #fff;
        h3{
            color: #fff;
        }
        p{
            color: #fff;
        }
        .infobar-evento{
            border:none;
            color: #fff;
            p{
                color: #fff;
            }
        }
    }
}

    }
.da-card{
    display:flex;
    flex-direction: column;
    height: 100%;
    a{
            text-decoration: none;
    }
    .tipo-post{
        font-size: 12px;
        font-weight: 600;
        color: var(--purple);
            text-decoration: none;
    }
    .tipo-post-pills{
        background-color: rgba(255, 255, 255, 0.6);
        line-height: 24px;
        color: var(--dark-grey);
        font-size: 12px;
        font-weight: 600;
        padding: 0 12px;
        border-radius: 9999px;
            text-decoration: none;
    }
    .tipo-post-play{
        width: 40px;
        height: 40px;
        background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/ico-play-CrjPGXiV.svg');
        background-repeat: no-repeat;
        background-size: contain;
    }
    h3{
        font-size: 24px;
        color: var(--dark-grey);
        font-weight: 400;
        font-family: var(--title-font);
        line-height: 28px;
        margin-top: 10px;
            text-decoration: none;
    }
    .da-card-cta{
        margin-top: auto;
        p{
            color: var(--dark-purple);
            font-size: 12px;
            display: flex;
            align-items: center;
            font-weight: 600;
            &::before{
                content: '';
                display: inline-block;
                width: 16px;
                height: 16px;
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/alendar-DIBDtqIz.svg');
                background-repeat: no-repeat;
                background-size: contain;
                margin-right: 8px;
            }
        }
        .cta-card{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/arrow-right-w-DXKYvJ4S.svg');
                background-repeat: no-repeat;
                background-position: center right 10px;
                padding-right: 36px;
        }
    }
    &.banner-training{
        h3{
            font-size: 42px;
            color: var(--dark-grey);
            font-weight: 400;
            font-family: var(--title-font);
                  line-height: 100%;
      margin: 20px 0;
        @media (width >= 48rem) { 
            font-size: 52px;
         }
        }
        p{
            color: var(--dark-purple);
            font-size: 16px;
            font-weight: 400;
            &.tipo-post{
        font-size: 12px;
        font-weight: 600;
        color: var(--purple);
    }
        }
        .btn-primary{
            width: 100%;
            max-width: max-content;
        }
    }
    &.banner-experience{
        background-color: var(--purple);
        color: #fff;
        h3{
            color: #fff;
        }
        p{
            color: #fff;
        }
        .infobar-evento{
            border:none;
            color: #fff;
            p{
                color: #fff;
            }
            .infobar-evento-data{
                &:before{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/calendar-w-UXkeBSGk.svg');
                }
            }
            .infobar-evento-luogo{
                &:before{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/pin-w-C3B0Hl2C.svg');
                }
            }
        }
    }
    &.banner-ambassador{
        background-color: var(--purple);
        color: #fff;
        h3{
            color: #fff;
        }
        p{
            color: #fff;
        }
        .infobar-evento{
            border:none;
            color: #fff;
            p{
                color: #fff;
            }
        }
    }
}
.da-pagination{
    .nav-links{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .page-numbers{
        min-width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border: 1px solid #d1d5db;
        border-radius: 4px;
        color: var(--dark-purple);
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }

    .page-numbers.current{
        background-color: var(--green);
        border-color: var(--green);
        color: #fff;
    }

    a.page-numbers:hover{
        background-color: #f3f4f6;
    }
}
.user-private-info{
    border-top: 1px solid #d5d5d5;
    color: var(--dark-purple);
    font-size: 14px;
    font-weight: 500;
    .user-avatar{
        width: 50px;
        min-width: 50px;
        height: 50px;
        background-color: var(--green);
        color: #fff;
        border-radius: 9999px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 600;
    }
    .user-name{
        font-size: 14px;
        font-weight: 600;
        color: var(--dark-purple);
    }
    .pc_logout_btn{
        background-color: transparent;
        color: var(--dark-purple);
        border: none;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        padding: 0 !important;
            background-color: transparent !important;
            border: none !important;
            span{
               text-decoration: underline; 
    color: var(--dark-purple);
    font-size: 14px;
    font-weight: 600;
            }
    }
}
.da-punti-forza{
    max-width: 1200px;
    .da-punti-forza-deavocado-academy{
        color: var(--green);
        letter-spacing: 3.2px;
    }
    h2{
        font-family: var(--title-font);
        font-weight: 400;
        color: var(--dark-grey);
        font-size: 38px;
        line-height: 110%;
        max-width: 800px;
    }
}
.da-punto-forza {
    h3{
        font-family: var(--title-font);
        font-weight: 400;
        color: var(--dark-grey);
        font-size: 24px;
        line-height: 110%;
    }
    p{
        color: var(--dark-purple);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
    }
}
.da-footer{
    background-color: var(--light-grey);
    .da-footer-logo{
        img{

        width: 230px;
        height: auto;
        margin-bottom: 20px;
        }
    }
    p{
        margin-bottom: 4px;
        color: var(--dark-purple);
        font-size: 14px;
        font-weight: 400;
    }
}
.sidebar{
    left: -100%;
    transition: left 0.3s ease;
    z-index: 1000;
    @media screen and (min-width: 768px) {
        left: initial;
        
    }
    &.active{
        left: 0;
    transition: left 0.3s ease;
    }
}
.nav-sidebar{
.sidebar-menu-list{
    .menu-item{
        padding: 10px;
        border-radius: 8px;
        margin: 0 0 5px 0;
        &.current_page_item{
            background-color: var(--purple);
            color: var(--color-white);
            a{
                color: var(--color-white);
                filter: brightness(0) invert(1);
            }
        }
        a{
            text-decoration: none;
            font-size: 16px;
            font-weight: 600;
            padding: 0 0 0 40px;
            color: var(--dark-purple);
        }
        &.dashboard{
            a{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/dashboard-BCEY671Q.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
            }
        }
        &.formazione-continua{
            a{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/formazione-CtY_fOI0.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
            }
        }
        &.area-scientifica{
            a{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/area-scientifica-AOnG5lkc.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
            }
        }

        &.local-training{
            a{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/local-training-DAuEV34R.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
            }
        }

        &.case-histories{
            a{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/case-JaHorgo4.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
            }
        }

        &.ambassador-network{
            a{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/ambassador-CGa-L2aI.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
            }
        }
    }

}
}
.da-hello{
    .da-hello--welcome{
        font-family: var(--title-font);
        font-weight: 400;
        strong{
            color: var(--purple);
        font-weight: 400;
        }
    }
}
.da-title-article{
    border-bottom: 1px solid var(--greyline);
    .da-title-article--icon {
        width: 40px;
        height: 40px;
        background-color: var(--purple-alpha);
        display: inline-flex;
        border-radius: 6px;
        margin-right: 20px;

        &.dashboard{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/dashboard-BCEY671Q.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }
        &.formazione-continua{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/formazione-CtY_fOI0.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }
        &.area-scientifica{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/area-scientifica-AOnG5lkc.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }

        &.local-training{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/local-training-DAuEV34R.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }

        &.case-histories{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/case-JaHorgo4.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }

        &.ambassador-network{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/ambassador-CGa-L2aI.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }
    }
}
.da-content-articolo{
    .da-data-articolo{
        color: var(--dark-purple);
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 30px;
        display: flex;
        &::before{
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/ico-data-article-cT8otNyU.svg');
            margin-right: 8px;
            display: flex;
        }

    }
    .da-title-articolo{
    font-family: var(--title-font);
    font-weight: 400;
    color: var(--dark-grey);
    line-height: 110%;
    }
    .da-author-article{
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 40px;
        border-top: 1px solid var(--greyline);
        border-bottom: 1px solid var(--greyline);

        .da-author-article--avatar{
            width: 100%;
            height: 100%;
            max-height: 70px;
      max-width: 70px;
            border-radius: 999px;
            background-color: var(--light-green);

        }

        .da-author-article--content{
            min-width: 0;
        }

        .da-author-article--title,
        .da-author-article--specialization{
            margin-bottom: 0;
        }

        .da-author-article--title{
            color: var(--dark-purple);
            font-size: 16px;
            font-weight: 600;
        }

        .da-author-article--specialization{
            color: var(--dark-purple);
            font-size: 14px;
            font-weight: 400;
        }
    }
    p{
    color: var(--dark-purple);
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 150%;
    }
}
.ratio-reel{  aspect-ratio: 9/16;
}
.infobar-evento{
            display: flex;
        gap: 16px;
        margin-bottom: 40px;
        border-top: 1px solid var(--greyline);
        border-bottom: 1px solid var(--greyline);
        padding: 20px 0;
        color: var(--dark-purple);
        font-size: 16px;
        flex-direction: column;
        align-items: flex-start;
        @media (width >= 48rem) { 
        align-items: center;
        flex-direction: row;
         }
        .infobar-evento-data{
            display: flex;
            align-items: center;
            &:before{
                content: '';
                display: inline-block;
                width: 24px;
                height: 24px;
                    background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/alendar-DIBDtqIz.svg');
                margin-right: 8px;
                background-repeat: no-repeat;
                background-position: center;
            }
            strong{
                margin-left: 8px;
            }
        }
        .infobar-evento-luogo{
            display: flex;
            align-items: center;
            &:before{
                content: '';
                display: inline-block;
                width: 24px;
                height: 24px;
                    background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/pin-CLzukTOt.svg');
                margin-right: 8px;
                background-repeat: no-repeat;
                background-position: center;
            }
            strong{
                margin-left: 8px;
            }

        }
}
aside{
    .df-book-wrapper{
        display: none !important;
    }
}
.da-areehero{
    background-image: url(/wp-content/themes/deavocadoacademy/public/build/assets/deavocado_academy_hero_dashboard@2x-tp3YHfU9.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    .da-areehero-title {
        font-family:  var(--title-font);
        font-weight: 400;
        strong{
        font-weight: 400;
        }
    }
        p{
            font-size: 20px;
        color: var(--dark-purple);
        font-weight: 400;
        }
    .da-areehero-card{
        border: 2px solid var(--mid-grey);
        text-decoration: none;
        display: flex;
        flex-direction: column;
        transition: border-color 0.3s ease-in-out;
        &:hover{
        border: 2px solid var(--purple);
        }
        h3{
            display: flex;
            gap: 10px;
            align-items: center;
        text-decoration: none;
        height: 60px;
        color: var(--dark-purple);
            span{
                height: 40px;
        width: 100%;
        min-height: 40px;
        max-width: 40px;
        min-width: 40px;
                background-color: var(--purple-alpha);
                display: inline-flex;
                border-radius: 6px;

        &.formazione-continua{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/formazione-CtY_fOI0.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }
        &.area-scientifica{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/area-scientifica-AOnG5lkc.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }

        &.local-training{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/local-training-DAuEV34R.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }

        &.case-histories{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/case-JaHorgo4.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }

        &.ambassador-network{
                background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/ambassador-CGa-L2aI.svg');
                background-repeat: no-repeat;
                background-position: 10px center;
        }
            }
        }
        p{
            font-size: 14px;
        color: var(--dark-purple);
        font-weight: 400;
        }
        .da-areehero-cardnumber{
            font-size: 52px;
            font-family: var(--title-font);
        color: var(--green);
        line-height: 90%;
        margin-bottom: 20px;
        margin-top: auto;
        }
    }
}
.hero-login-register{
        background-image: url('/wp-content/themes/deavocadoacademy/public/build/assets/deavocado_academy_background@2x-Cr3k8iYK.webp');
        background-size: cover;
        background-position: center top;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 0;
        @media (width >= 48rem) { 
        padding: 80px 20px;
         }
        .hero-login-register-sx{
            .logo-hero{
                width: 100%;
                max-width: 260px;
                height: auto;
                margin: 0 auto 30px auto;
        @media (width >= 48rem) { 
                margin: 0 0 40px 0;
         }
            }
            h1{
                font-size: 42px;
                font-weight: 400;
                color: var(--dark-grey);
                text-align: center;
        @media (width >= 48rem) { 
            text-align: left;
                font-size: 52px;
         }
                strong{

                color: #7284CA;

                }
            }
            p{
                font-size: 16px;
                font-weight: 400;
                color: var(--dark-purple);
                text-align: center;
        @media (width >= 48rem) { 
                font-size: 20px;
            text-align: left;
         }
            }
        }
}
.tabs-form-login-register{
    .tab-link{
        border: 0;
        background: transparent;
        color: var(--dark-purple);
        cursor: pointer;
        font-weight: 600;
        padding: 10px 0;
        position: relative;
    }


    .tab-link.active::after{
        opacity: 1;
        transform: scaleX(1);
    }
}
.tab-content{
    .tab-pane{
        display: none;
        opacity: 0;
    }

    .tab-pane.active{
        display: block;
        animation: tabFadeIn 0.25s ease forwards;
    }
}
@keyframes tabFadeIn{
    from{
        opacity: 0;
        transform: translateY(6px);
    }

    to{
        opacity: 1;
        transform: translateY(0);
    }
}
.hero-login-container-form{
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    .tabs-form-login-register{
        background-color: var(--light-grey);
        border-radius: 12px;
        padding: 10px;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        .tab-link{
                color: var(--dark-grey);
            padding: 12px 24px;
            width: 100%;
            text-align: center;
            &.active{
                background-color: #fff;
                color: var(--dark-grey);
                border-radius: 12px;
            }
        }
    }
    .pc_login_form,
    .pc_one_col_form.pvtcont_form.pc_registration_form{
        max-width: 100%;
        border: 0;
        padding: 0;
        .pc_form_flist{
            display: flex;
            flex-direction: column;
  gap: 1rem;                    /* gap-4 (1rem equivale a 16px di default) */

        @media (width >= 48rem) { 
            display: grid;    
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* grid-cols-2 */
         }
            .pc_form_field{
                display: flex;
                flex-direction: column;
                &.pc_f_email.pc_email_subtype{
                    display: flex;
                    grid-column: span 1; /* col-span-2 */
        @media (width >= 48rem) { 
                    grid-column: span 2; /* col-span-2 */
         }
                }
                &.pc_select_ftype{
                    display: flex;
                    grid-column: span 2; /* col-span-2 */
                }
                    &.pc_form_field.pc_password_ftype.pc_f_psw{
                        label{
                        min-height: 34px;
                    }
                    }
                    &.pc_password_ftype.pc_f_psw.pc_psw_confirm{
                        label{
                        min-height: 34px;
                    }
                    }
                    &.pc_disclaimer_f.pc_fullw_field.pc_single_checkbox_ftype.pc_f_pc_disclaimer{
                    display: flex;
        @media (width >= 48rem) { 
                    grid-column: span 2; /* col-span-2 */
         }
                    }
                label{
                    margin-bottom: 4px;
                    font-size: 14px;
                    color: var(--dark-purple);
                    width: 100%;
                    margin-bottom: 6px !important; 
                    .pc_req_field{
                        color: var(--dark-purple);
                    }
                }
                .pc_field_container{
                    width: 100%;
                }

                .lcslt.lcslt-f-ruolo{
                    padding: 10px;
                    border: 1px solid rgb(215, 219, 234);
                    background-color: #FCFCFD;
                    border-radius: 6px !important;
                    font-size: 14px;
                    transition: border-color 0.3s ease;
                    width: 100%;
                    
                    &:focus{
                        border-color: var(--purple);
                        outline: none;
                        box-shadow: 0 0 2px 2px rgba(215, 219, 234, 0.4);
                    }
                }
                input{
                    padding: 10px;
                    border: 1px solid rgb(215, 219, 234);
                    background-color: #FCFCFD;
                    border-radius: 6px !important;
                    font-size: 14px;
                    transition: border-color 0.3s ease;
                    width: 100%;
                    
                    &:focus{
                        border-color: var(--purple);
                        outline: none;
                        box-shadow: 0 0 2px 2px rgba(215, 219, 234, 0.4);
                    }
                }
            }
        }
    }
    .pc_spinner_btn,
    .pcma_do_recovery,
    .pc_auth_btn,
    .pc_reg_btn  {
        width: 100%;
        background-color: var(--purple) !important;
        color: #fff !important;
        border-radius: 9999px;
        font-weight: 500;
        transition: background-color 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 16px !important;
        border-radius: 6px !important;
        /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); */
        border: none !important;
        text-decoration: none;
        font-size: 16px;
        &:hover{
            background-color: var(--dark-purple) !important;
        color: #fff !important;
        border: none !important;
        }
                &:focus{
            background-color: var(--dark-purple) !important;
        width: 100%;
        background-color: var(--purple) !important;
        color: #fff !important;
        border-radius: 9999px;
        font-weight: 500;
        transition: background-color 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 16px !important;
        border-radius: 6px !important;
        /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); */
        border: none !important;
        text-decoration: none;
        font-size: 16px;
        }
    }
    .pc_login_smalls{
        height: 40px;
    }
    .pcma_del_recovery,
    .pcma_psw_recovery_trigger{
        font-weight: 600;
        text-decoration: underline;
        text-transform: capitalize;
    }
    .has_pcma_psw_recovery:not(.pc_rm_login):not(.pc_fullw_login_btns) .pc_login_smalls {
  justify-content: start;
  margin: 0;
}
.pc_login_form:not(.pc_widget_login) label{

                label{
                    margin-bottom: 4px;
                    font-size: 14px;
                    color: var(--dark-purple);
                    width: 100%;
                    margin-bottom: 6px !important; 
                    .pc_req_field{
                        color: var(--dark-purple);
                    }
                }
}
}
.loginpage{
    background-color: var( --purple-alpha);
    h2{
        /* font-weight: 500; */
        font-family: var(--title-font);
        margin-top: 10px;
    }
    .pc_login_form:not(.pc_widget_login), .pvtcont_form {
  border: none;
  border-radius: 8px;
  padding: 20px;
}
.has_pcma_psw_recovery:not(.pc_rm_login):not(.pc_fullw_login_btns) .pc_login_smalls{
    margin: 4px 0;
}
    .pc_login_form,
    .pc_one_col_form.pvtcont_form.pc_registration_form{
        max-width: 100%;
        border: 0;
        padding: 0;
        .pc_form_flist{
            display: flex;
            flex-direction: column;
  gap: 1rem;                    /* gap-4 (1rem equivale a 16px di default) */

        @media (width >= 48rem) { 
            display: grid;    
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* grid-cols-2 */
         }
            .pc_form_field{
                display: flex;
                flex-direction: column;
                &.pc_f_email.pc_email_subtype{
                    display: flex;
                    grid-column: span 1; /* col-span-2 */
        @media (width >= 48rem) { 
                    grid-column: span 2; /* col-span-2 */
         }
                }
                &.pc_select_ftype{
                    display: flex;
                    grid-column: span 2; /* col-span-2 */
                }
                    &.pc_form_field.pc_password_ftype.pc_f_psw{
                        label{
                        min-height: 34px;
                    }
                    }
                    &.pc_password_ftype.pc_f_psw.pc_psw_confirm{
                        label{
                        min-height: 34px;
                    }
                    }
                    &.pc_disclaimer_f.pc_fullw_field.pc_single_checkbox_ftype.pc_f_pc_disclaimer{
                    display: flex;
        @media (width >= 48rem) { 
                    grid-column: span 2; /* col-span-2 */
         }
                    }
                label{
                    margin-bottom: 4px;
                    font-size: 14px;
                    color: var(--dark-purple);
                    width: 100%;
                    margin-bottom: 6px !important; 
                    .pc_req_field{
                        color: var(--dark-purple);
                    }
                }
                .pc_field_container{
                    width: 100%;
                }

                .lcslt.lcslt-f-ruolo{
                    padding: 10px;
                    border: 1px solid rgb(215, 219, 234);
                    background-color: #FCFCFD;
                    border-radius: 6px !important;
                    font-size: 14px;
                    transition: border-color 0.3s ease;
                    width: 100%;
                    
                    &:focus{
                        border-color: var(--purple);
                        outline: none;
                        box-shadow: 0 0 2px 2px rgba(215, 219, 234, 0.4);
                    }
                }
                input{
                    padding: 10px;
                    border: 1px solid rgb(215, 219, 234);
                    background-color: #FCFCFD;
                    border-radius: 6px !important;
                    font-size: 14px;
                    transition: border-color 0.3s ease;
                    width: 100%;
                    
                    &:focus{
                        border-color: var(--purple);
                        outline: none;
                        box-shadow: 0 0 2px 2px rgba(215, 219, 234, 0.4);
                    }
                }
            }
        }
    }
    .pc_spinner_btn,
    .pcma_do_recovery,
    .pc_auth_btn,
    .pc_reg_btn  {
        width: 100%;
        background-color: var(--purple) !important;
        color: #fff !important;
        border-radius: 9999px;
        font-weight: 500;
        transition: background-color 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 16px !important;
        border-radius: 6px !important;
        /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); */
        border: none !important;
        text-decoration: none;
        font-size: 16px;
        &:hover{
            background-color: var(--dark-purple) !important;
        color: #fff !important;
        border: none !important;
        }
                &:focus{
            background-color: var(--dark-purple) !important;
        width: 100%;
        background-color: var(--purple) !important;
        color: #fff !important;
        border-radius: 9999px;
        font-weight: 500;
        transition: background-color 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 16px !important;
        border-radius: 6px !important;
        /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); */
        border: none !important;
        text-decoration: none;
        font-size: 16px;
        }
    }
}
.wp-block-accordion-item{
    border: 1px solid #DBDBDB;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    .wp-block-accordion-heading__toggle-title{
        text-decoration: none;
    font-family: var(--title-font);
    font-size: 24px;
    color: #2B2B2B;
    text-decoration: none;
    &:hover{
        text-decoration: none;
    }
    }
    .wp-block-accordion-panel{
        padding-top: 20px;
    }
}
.wp-block-accordion-item > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{

        background-image: url(/wp-content/themes/deavocadoacademy/public/build/assets/chevron-BuljX8ZH.svg);
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -1000px;
          transform: rotate(-180deg);
  }
.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{
        background-image: url(/wp-content/themes/deavocadoacademy/public/build/assets/chevron-BuljX8ZH.svg);
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -1000px;
          transform: rotate(0deg);
    }
.form-contatti-da{
    input[type=text]{
        border: 1px solid #D7DBEA;
        background-color: #FCFCFD;
        border-radius: 6px;
        padding: 12px;
        box-sizing: border-box;
        max-width: 100%;
    }

    input[type=email]{
        border: 1px solid #D7DBEA;
        background-color: #FCFCFD;
        border-radius: 6px;
        padding: 12px;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }
    textarea{
        border: 1px solid #D7DBEA;
        background-color: #FCFCFD;
        border-radius: 6px;
        padding: 12px;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }
    .wpcf7-list-item{
        margin: 0;
    }
    .class-privacy-cf7{
        a{
            color:#7284CA;
            text-decoration: underline;
        }
        .wpcf7-list-item-label{

        a{
            color:#7284CA;
            text-decoration: underline;
        }
        }
    }
    .wpcf7-submit{
        background-color: #7284CA;
        width: 100%;
        text-align: center;
        border-radius: 6px;
        padding: 12px;
        color: #fff;
        font-weight: 500;
        font-size: 16px;
    }
}
.box-contact{
    background-color: #EFF0F5;
    border-radius: 8px;
    padding: 30px 20px;
    .logo-aside-contact{
        img{
            margin: 0 auto 30px 0;
        }
    }
    p{
        margin: 0;
        &:first-of-type{
            margin-bottom: 30px;
        }
        a{
            font-weight: 700;

        }
    }
}
.da-academy {
    /* Ora var(--color-tahiti) sarà riconosciuta dal browser */
    color: var(--color-tahiti);
}
.bg-light-grey {
    background-color: var(--light-grey);
}
.da-header-m {
    border-bottom: 1px solid var(--greyline);
}
.da-top-bar{
    border-bottom: 1px solid var(--greyline);
    a{
        font-weight: 600;
    }
}
.bg-lisght-grey{
    background-color: var(--light-grey);
}
.color-dark-grey{
    color: var(--dark-grey);
}
.color-purple{
    color: var(--purple);
}
.color-dark-purple{
    color: var(--dark-purple);
}
.border-mid-grey{
    border-color: var(--mid-grey);
}
.font-title{
    font-family: var( --title-font);
}
.da-search{
    input{
        background-image: url(/wp-content/themes/deavocadoacademy/public/build/assets/search-C0NsBvzy.svg);
        background-repeat: no-repeat;
        background-position: left 15px center;
    }
}