/*
Theme Name:      GLR Suite
Author:          Gloria Ingrassia
Author URI:      https://www.gloriaingrassia.com
Template:        hello-elementor
Text Domain:     hello-elementor-child
Version:		 1.0.0
*/

:root {
    --color-white: #ffffff;
    --color-dark: #1C1B18;
    --color-primary: #A08B4C;
    --color-light: #F2EFE6;
    --color-extra-light: #FAF9F5;
    --border-dark: #161614;
    --border-radius-l: 30px;
    --border-radius-m: 15px;
}

/**
.lista-programmi-acquistati ul {
    list-style: none;
}

.lista-programmi-acquistati ul li {

}

.lista-sessioni ul {
    padding: 0;
    list-style: none;
}

.lista-sessioni ul li a {
    width: 100%;
    padding: 5px 10px;
}

.current-sessione a:hover,
.current-sessione a {
    background: var(--color-primary);
    color: var(--color-light);
    border-radius: 15px;
}

.sessione-icona {
    flex: 0 0 auto;
}

.sessione-testo {
    flex: 1 1 auto;
    line-height: 1.4;
}

.lista-sessioni ul li {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.left-menu .lista-programmi-acquistati {
    margin: 15px 0;
    padding-top: 15px;
    border-top: 0.5px solid var(--border-dark);
}

.left-menu .lista-programmi-acquistati ul {
    list-style: circle!important;
    margin-left: 15px;
}

.left-menu .lista-programmi-acquistati li a {
    font-size: 18px;
    color: var(--color-light);
}

a.completamento-toggle {
    cursor: pointer;
    display: block;
}

a.elementor-button.completata {
    background: var(--color-dark) !important;
    color: var(--color-light) !important;
}

.prossima-sessione-link {
    display: block;
    text-align: right;
}

.lista-sessioni-programma .dashicons,
.lista-sessioni-programma {
    line-height: 1.4;
    font-size: 18px;
}

h4.titolo-modulo {
    font-size: 18px !important;
    margin: 20px 0 0;
}

.toggle-sessioni-btn {
    background: none!important;
    border: 0!important;
    cursor: pointer;
    display: block;
    width: 100%;
    align-items: center;
    text-align: left;
    padding: 0!important;
}

.toggle-sessioni-btn .dashicons {
    transition: transform 0.3s ease;
    float: right;
}

.toggle-sessioni-btn .dashicons.rotate {
    transform: rotate(180deg);
}

.sessioni-progress {
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1;
}

.sessione-link {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-decoration: none;
}

.sessione-pallino {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid var(--color-primary);
    flex-shrink: 0;
    margin-top: 8px;
}

.sessione-pallino.completata {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.current-sessione .sessione-pallino.completata {
    background: var(--color-light)!important;
    color: var(--color-light)!important;
}

.current-sessione .sessione-pallino {
    background: none;
    border-color: var(--color-light);
}

/* Lista program */
/*
.glr-programmi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
}

@media (max-width: 767px) {
    .glr-programmi-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 577px) {
    .glr-programmi-grid {
        grid-template-columns: 1fr;
    }
}

.glr-program-item {
    display: flex;
    background: var(--color-white);
    flex-direction: column;
    align-items: stretch;
    border: 1px solid var(--color-dark);
    border-radius: var(--border-radius-l);
}

.glr-program-text {
    padding: 30px 20px;
}

.glr-program-item img {
    max-width: 100%;
    height: auto;
    display: block;
    border-top-left-radius: var(--border-radius-l);
    border-top-right-radius: var(--border-radius-l);
}

.glr-program-title {
    margin: 0;
    text-align: center;
    font-size: 26px!important;
}

.glr-programmi-list {
    padding: 0;
}

aside.left-menu .glr-programmi-list a {
    color: var(--color-light);
}

/* Sidebar */
/*
.sidebar-toggle{
    cursor: pointer;
}



@media ( min-width: 1024px ){

    :root{
        --width: 300px;
        --narrow-width: 80px;
    }

    aside.left-menu{
        width: var(--width);
        overflow: auto;
        position: fixed;
        transition: all 0.3s ease-in-out !important;
        overflow-x: hidden;
        z-index: 1;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    aside.left-menu::-webkit-scrollbar{
        display: none;
    }

    body.opening aside.left-menu{
        width: var(--narrow-width) !important;
    }
    body.opening aside.left-menu .elementor-inner-section .elementor-widget-wrap{
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    aside.left-menu .logo{
        transition: all 0.3s ease-in-out;
    }
    body.opening aside.left-menu .logo{
        opacity: 0;
    }
    body.open aside.left-menu .logo{
        display: none;
    }
    body.opening aside.left-menu .sidebar-toggle{
        *right: 26px;
    }
    aside.left-menu .elementor-widget-search-form form{
        position: relative;
    }
    aside.left-menu .elementor-widget-search-form form:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    body.opening aside .elementor-widget-search-form form:before{
        z-index: 1;
    }
    body.opening aside .elementor-search-form__icon{
        padding-left: 14px !important;
    }
    aside.left-menu .elementor-icon-list-text{
        transition: all 0.3s ease-in-out;
    }
    body.opening aside.left-menu .elementor-icon-list-text{
        opacity: 0;
    }

    aside.left-menu .elementor-widget-image-box{
        transition: all 0.3s ease-in-out;
    }
    body.opening aside.left-menu .elementor-widget-image-box{
        opacity: 0;
    }
    aside.left-menu .user{
        transition: all 0.3s ease-in-out;
    }
    body.opening aside.left-menu .user .elementor-widget-wrap{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    body.opening  aside.left-menu .user img {
        width: 40px;
        transition: all 0.3s ease-in-out;
    }

    header + *,
    [data-elementor-type="header"] + *,
    footer,
    [data-elementor-type="footer"]{
        margin-left: var(--width);
        transition: all 0.3s ease-in-out !important;
    }
    body.opening header + *,
    body.opening [data-elementor-type="header"] + *,
    body.opening footer,
    body.opening [data-elementor-type="footer"]{
        margin-left: var(--narrow-width);
    }


    .site-content footer,
    .site-content header + *{
        margin: 0 !important;
        transform: none !important;
    }

    aside.left-menu{
        --gap: 0.25em;
        --weight: 0.05em;
        --width: 0.8em;
    }
    aside.left-menu .elementor-icon{
        position: relative;
    }
    aside.left-menu i:before,
    aside.left-menu i:after,
    aside.left-menu .elementor-icon:after{
        content: "";
        height: var(--weight);
        width: var(--width);
        position: absolute;
        background: currentColor;
        top: 50%;
        left: 50%;
        transform: translate(-50%,calc(-50% + var(--gap)));
    }
    aside.left-menu i:after{
        transform: translate(-50%,calc(-50% - var(--gap)));
    }
    aside.left-menu .elementor-icon:after{
        transform: translate(-50%,-50%);
    }

    aside.left-menu .elementor-search-form__icon{
        opacity: 1;
    }

    aside.left-menu{
        --radius: 8px;

    }
    aside.left-menu .elementor-icon-list-icon{
      color: currentColor;
      -webkit-text-fill-color: transparent;
      -webkit-text-stroke-width: 0.5px;
      -webkit-text-stroke-color: currentColor;
      text-align: center;
    }
    aside.left-menu .elementor-icon-list-item.active .elementor-icon-list-icon,
    aside.left-menu .elementor-icon-list-item:hover .elementor-icon-list-icon{
        -webkit-text-stroke-width: 1px;
    }
    aside.left-menu .elementor-icon-list-item a{
        border-radius: var(--radius);
    }
    aside.left-menu .elementor-icon-list-text{
        min-width: var(--width);
    }
    aside.left-menu a:focus{
        outline: none;
    }

    aside.left-menu{
        height: 0;
    }


}


/*
@media (max-width: 767px){
    aside.left-menu{
        height: 100vh;
        display: none;
    }
    body.left aside.left-menu{
        *transform: translateX(calc(-1*var(--width)));
    }
    header + *,
    [data-elementor-type="header"] + *,
    footer,
    [data-elementor-type="footer"]{
        margin-left: 0;
        *transform: translateX(var(--width));
        transition: all 0.3s ease-in-out !important;
    }
    body.left header + *,
    body.left [data-elementor-type="header"] + *,
    body.left footer,
    body.left [data-elementor-type="footer"]{
        transform: translateX(0);
    }
}


    @media (max-width: 1024px){
        header + *,
        [data-elementor-type="header"] + *,
        footer,
        [data-elementor-type="footer"]{
            margin-left: var(--narrow-width);
            transform: translateX(calc(var(--width) - var(--narrow-width)));
            transition: all 0.6s ease-in-out !important;
        }
        body.opening header + *,
        body.opening [data-elementor-type="header"] + *,
        body.opening footer,
        body.opening [data-elementor-type="footer"]{
            transform: translateX(0);
            transition: all 0.3s ease-in-out !important;
        }
        html, body{
            overflow-x: hidden;
        }
        aside.left-menu{
            display: none;
        }
    }
*/