/***************** STRUTTURA PAGINA CON SIDE-BAR ************************/ 

/* Stile per l'header in modalità mobile e tablet */
@media (max-width: 768px) {
    #header {
        width: 250px;
        left: -250px; 
        transition: left 0.3s ease;
        top: 90px; /* Assicura che il contenuto del menu non si sovrapponga all'header mobile */
        height: calc(100% - 90px);
    }

    #header.active {
        left: 0; 
    }

    #cs-content {
        margin-left: 0;
        margin-top: 90px;
    }

    #cs-content.active {
        margin-left: 250px;
    }

    #menu-toggle {
        display: block;
        left: 10px;
        color: #999999;
        cursor: pointer;
        font-size:30px;
    }

    #header-mobile{
        display: block;
    }
}

@media (max-width: 480px) {
    #mobile-logo img{
        width:140px;
        height:48px;
    }

}

@media (max-width: 480px) {
    .accordion-button {
        padding-left: 0;
    }

    .content-intervento *{
        padding: 0;
    }

}

@media (max-width: 768px) {
    .border-content {
        padding: 0;
        border-left: 0;
    }

    .border-content p {
        text-align: start;
    }

    .activity-paragraph {
        text-align: start;
    }

    .activity-paragraph p {
        text-align: start !important;
    }

    .cs-collapsed{
        border-bottom:0;
    }

}

/***************** PAGINA HOME ************************/ 

@media (min-width: 767.98px) {
    .dot-link{
        font-size: 1.4rem;
    }

    .dot-nav {
        font-size: 1.4rem;
    }
}

@media (min-width: 1600px) {
    .dot-link{
        font-size: 1.6rem;
    }
    .dot-nav {
        font-size: 1.6rem;
    }
}

/***************** PAGINA CURRICULUM ************************/ 

/* a seconda della dimensione attuale e quindi di quante col ha la row, rimuovo il bordo destro dell'nesimo elemento*/
@media (min-width: 1200px) {
    .filtered-element:nth-child(3n)::after {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .filtered-element:nth-child(2n)::after {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .filtered-element::after {
        display: none;
    }
}

/* i 3 verbi delle tipologie si sovrappongono ad un quadrato rosso dopo i 992 px*/
@media (max-width: 992px) {

    .word {
        margin: 0;
        padding-right: 10px;
        font-size: 1rem;
        font-weight: 600;
        font-style: italic;
        color: #bb2024;
        white-space: nowrap;
        position: static;
        left: 0px; 
        top: 0px; 
        line-height: 1.2;
        text-shadow: none;
        z-index: 1; 
        display: inline-block;
    }

    .red-square {
        position: static;
        display: none;
    }

}


/* descrizione-tipo-attivita deve diventare un normale dive senza overflow con larghezza e altezza default */
@media (max-width: 992px) {
    #descrizione-tipo-attivita {
        width: auto;
        height: auto;
        position: static;
        top: 0;
        right: 0;
        padding: 10px;
        margin-top: 20px;
        background-color: transparent;
        box-shadow: none;
        padding: 0px;
    }
    #attivita-verbs{
        display:block!important;
        text-align: left!important;
        margin-left: 20px;
    }
    .word{
        font-weight: 400;
    }
    #descrizione-tipo-attivita::-webkit-scrollbar {
        width: 8px; /* Larghezza della scrollbar */
    }
    
    #descrizione-tipo-attivita::-webkit-scrollbar-track {
        background: none; /* Colore del track della scrollbar */
        border-radius: none; /* Arrotondamento degli angoli */
    }
    
    #descrizione-tipo-attivita::-webkit-scrollbar-thumb {
        background: none; /* Colore del thumb della scrollbar */
        border-radius: none; /* Arrotondamento degli angoli */
    }
    
    #descrizione-tipo-attivita::-webkit-scrollbar-thumb:hover {
        background: none; /* Colore del thumb della scrollbar quando è in hover */
    }

}