.elementor-7886 .elementor-element.elementor-element-d4294d8 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7886 .elementor-element.elementor-element-d4294d8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7886 .elementor-element.elementor-element-58ba2ab > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7886 .elementor-element.elementor-element-ae7d504 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7886 .elementor-element.elementor-element-ae7d504.bdt-background-overlay-yes > .elementor-widget-container:before{transition:background 0.3s;}/* Start custom CSS for html, class: .elementor-element-ae7d504 */.nav-wrapper{
    z-index: 0;
}

.sessionS{
    width: auto;
   /* margin-right: 60px;*/
}

/*  smart & Desktop */

.cart-contain-count{
    font-size: 9px !important;
}


.zoneBasketSession{
    width: auto;
    display: flex; 
    align-items: center; 
    padding-right: 20px;
}
/* fin */


#smartphoneVersion{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    background-color: #333;
}


#smartphoneCollapse li{
   padding:15px;
   background-color: #333;
   padding: 15px;
   background-color: #333;
   line-height: 21.4286px;
   margin: 0px;
   border-top: 1px solid #737373;
}

.main-header{
    background-color: #333 !important;
    display:none;
}

.logo{
    width: 100%;
    height: 86px;
    background-image: url(/wp-content/uploads/2020/04/eatvice-neg-homePage.svg);
    background-repeat: no-repeat;
    background-size: 80% 80%;
    background-position: center;
    background-color: #333;
}

.smart.logo{
    width: 90px;
    margin-left: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #333;
}


.commencer{
    background-color: #8FCB4D !important;
    color: #333 !important;
}

.commencer:hover
    {
        background-color: #8FCB4D !important;
    }

.menu2 {
    flex-basis: 100%;
    list-style: none;
    margin: 0;
    max-height: 0;
    text-align: center;
    font-size: 16px!important;
    color: #cccccc !important;
    margin-top: 85px;
    position: fixed;
    width: 100%;
    max-height: calc(100% - 85px);
    overflow-y: auto;
    }

.menu2 a, .sessions a{
    color: #cccccc !important;
    text-decoration: none;
}

.menu2 a:hover, .sessions a:hover{
    color: white;
    text-decoration: none;
    }

.menu2 li:hover
    {
        background-color: #55595c;
    }


.basket{
    height: 50px;
    width: 50px;
    background-image: url(/wp-content/uploads/2020/09/shopping-bag.svg);
    background-repeat: no-repeat;
    background-size: 50% 50%;
    background-position: center;
    
}   

.number{
    width: 15px;
    height: 15px;
    background-color: #8FCB4D;
    border-radius: 50%;
    font-size: 9px !important;
    color:white;
    font-weight: bolder;
    text-align: center;
    line-height: 15px;
    position: relative;
    float: right;
    top: 4px;
    right: 4px;
}

 .seConnecter a{
    padding: 0 20px;
    text-align: center;
    color: #cccccc !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    font-family: "AktivGrotesk Regular", Sans-serif;
    font-weight: bolder;
    line-height: 15px;
}


.seConnecter a:hover{
    color: white !important;
}

    .sessions{
        background-color: #333;
        text-align: center;
        color: white;
        height: 87px;   
        display: flex;
        align-items: center;
        width: 100%;    
        }

#avatarMenu {
            height: 43px;
            width: 43px;
            float: right;
            border-radius: 20px;
            background-color: black;
            background-size: contain;
            background-image: url(https://static1.purepeople.com/articles/0/39/80/00/@/5723753-sarah-fraisou-et-son-compagnon-ahmed-sur-624x600-2.jpg);
            background-repeat: no-repeat; 
            background-position: center;
            border: 1px solid grey;
            -webkit-box-shadow: 10px 10px 15px -4px rgba(0,0,0,0.51);
            -moz-box-shadow: 10px 10px 15px -4px rgba(0,0,0,0.51);
             box-shadow: 10px 10px 15px -4px rgba(0,0,0,0.51);
        }


    .menu-checkbox:checked ~ .menu {
        max-height: 1000px;
        background-color: #333;
        max-height: none;
        opacity: 1;
        visibility: visible;
    }



    ul.menu{
        position: relative;
        top: -85px;

    }


/* cache le check box mais associé au hamburger */
.menu-checkbox {
	opacity: 0;
	position: absolute;
	top: -1000px;
}


.menu-toggle {
    width: 35px;
    text-align: center;
    background-color: #333;
    color: white;
    font-size: 40px !important;
    /* position bouton */
    position: relative;
/*    top: 17px;
    right: 20px;*/
    float:right;
}

/* bouton affiché à droite */
.nav-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.menu {
    flex-basis: 100%;
}

.menu li {
    /* padding: 10px 0; */
    border-bottom: 1px solid #55595c; /* smartphone */
    padding: 20px 0;
    font-size: 24px !important;
    font-family: "AktivGrotesk Regular", Sans-serif;
    font-weight: bolder;
    margin: 0;
}


.menu li:hover
    {
        background-color: #55595c;
    }

#checkBoxButton{
    height: 87px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
  
}


/* Version Desktop */ 
@media screen and (min-width: 900px) {
    
            .sessionD{
                margin-right: 0;
                width: 120px
            }

            #smartphoneVersion, #main-navigation{
                display: none;
            }

            .nav-wrapper {
                display: inline;
            }

            .menudesktop{
                position:relative;
                top:0;
                text-align: center;
            }
    
            .logo{
                width: 200px;
                height: 87px;
            }
    

            ul.memenudesktop{
                position: relative;
                top: 0;
                border: 1px violet solid;
            }


            .menudesktop {
                flex-basis: auto;
                margin: 0;
                max-height: 1000px;
                opacity: 1;
                padding: 0;
                visibility: visible;
            }

            .menudesktop li {
                border: none;
                padding: 4px 0;
                display: inline-block;
                font-size: 16px;
            }

            .menudesktop a li{
                color:#ccc;
                }

            .menudesktop a li:hover
            {
                color:white;
                background-color:none;
            }


            li.commencer, li.commencer:hover {
                background-color: #8FCB4D ;
                border-radius: 4px;
                color: #333;
                }
            

            .menu-toggle,
            .menu-checkbox {
                display: none;
            }

            .main-header{
                background-color: #333;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

            .sessions{
                width: 200px !important;
                background-color: #333;
                width: 100%;
                height: 87px;
                color:white;
                display: flex;
                align-items: center;
                text-align: center;
                padding: 0 10px;
                
                }

                .menudesktop a, .sessions a{
                padding: 10px;
                font-family: "AktivGrotesk Regular", Sans-serif;
                font-weight: bolder;
                }




}/* End custom CSS */