/*******************************************************************************/
/*                            Pc bureau et pc portable                         */
/*******************************************************************************/


@media screen and (max-width: 900px) {

/*-------------------------------------------------*/
/*                   HEADER                        */
/*-------------------------------------------------*/

    .container-elements-header {
        display: flex;
        justify-content: flex-start;
        opacity: 1;
    }

    .container-img-cache, 
    .container-logo-site,
    .contenu-logo-site, 
    .container-verset,
    .bible {
        display: none;
    }
 

/*-------------------------------------------------*/
/*                   MENU HAMBURGER                */
/*-------------------------------------------------*/

    .container-menu-hamburger {
        display: flex; 
        margin-left: -40px;
        
    }

    #check {
        display: block;
    }

    .container-menu-duo {
        position: fixed;
        height: calc(100vh - 3rem);
        top: 3.7rem;
        left: 0;
        width: 100%;
        background-color: #6A4A72; /* Couleur fond menu vertical */
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(100%);
        transition: .65s;
    }

    #check:checked ~ .container-menu-duo {
        transform: translateX(0);
    }

    #check:checked ~ .container-menu-duo .bouton-icthus,
    #check:checked ~ .container-menu-duo {
        animation: animation .5s ease forwards var(--i);
    }

/*-------------------------------------------------*/
/*                   BOUTON ICTHUS                 */
/*-------------------------------------------------*/

    .menu-classique {
        flex: initial;
        width: 100%;
    }

    .menu-classique > ul {
        flex-direction: column;
    }

    .pos-titre-btn {
        display: flex;
        justify-content: flex-start;
        background-color: transparent;
        border-radius: 0;
        margin-left: 200px;
        margin-top: 25px;
    }

    .bouton-icthus {
        width: 100%;
        opacity: 0;
        transform: translateY(15px);
    }

    .bouton-icthus > a {
        margin-left: 0;
        padding: 0.5rem 2rem; /* Height background btn icthus */
    }

    .bouton-icthus:hover > a {
        transform: scale(1);
        background-color: #3a0e46; /* Couleur fond bouton menu vertical */
      
    }

    .bouton-icthus > a > i {
        font-size: 1.1rem;
        transform: rotate(-90deg);
        transition: .7s;
    }

}