.scrollmenu {
  background-color: white;
  overflow: auto;
  white-space: nowrap;
}

.scrollmenu a {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 14px;
  text-decoration: none;
  border:none;
}

.descrizione-shop *{
    color:gray !important;
}


.margin-top-20{
   margin-top:20px !important; 
}

.margin-top-80{
   margin-top:80px !important; 
}

.margin-top-120{
   margin-top:100px !important;
}

.margin-top-50{
   margin-top:60px !important;
}

.margin-top-10{
    margin-top:10px !important;
}

.wymenu-logo-esercente{
  height: 30px !important;
  margin: 0 auto !important;  
}

.margin-none{
    margin: 0px !important;
}


.wymenu-title{
    margin-top:20px !important;margin-bottom: 20px !important;
}

#collapseOne{
    display:none;
    margin-top:10px;
}



.fascia-oraria{
    color:gray !important;font-size:13px !important;
}

.wymenu-primary-color{
    color:#f39c12 !important;
}

.orari-button{
    border-top:1px solid black !important;
    border-bottom:1px solid black  !important;
    border-radius: 0px  !important;
    text-align:left  !important;
    font-size:14px  !important;
}

.padding-right-4{
    padding-right: 4px !important;
}

.wymenu-browse-button{
    margin-top:20px !important;
    margin-bottom:10px  !important;
    padding-left:30px  !important;
    padding-right: 30px  !important;
}

.wymenu-header-div{
    padding-top:20px !important;padding-bottom:10px !important;padding-left:10px !important;padding-right: 10px !important;height: 90px !important;
}

.wymenu-logo-menu{
    height: 30px !important;
    margin: 0 auto !important;
    margin-top:-5px !important;
    margin-left:21.5% !important;
}



.wymenu-logo-menu-right{
    height: 30px !important;
    margin: 0 auto !important;
    margin-top:-5px !important;
    margin-right:20% !important;
}


.wymenu-logo-prodotto{
    height: 30px !important;
    margin: 0 auto !important;
    margin-top:-5px !important;
}







.scrollmenu a:hover{
    color:#f39c12;
    border-bottom: 2px solid #f39c12 !important;
    border:none;
}

.scrollmenu a:focus{
    
    color:#f39c12;
    border-bottom: 2px solid #f39c12 !important;
    border:none;
}

.scrollmenu a:active{
    
    color:#f39c12;
    border-bottom: 2px solid #f39c12 !important;
    border:none;
}

.myfooter{
    background:#404040;
    color:white;
    padding:30px;
    
}
a{
    color:black;
}
a:hover{
    color:#f39c12;
}

.white {
  border-color: white;
  color: white;
}

.white:hover {
  background-color: #e8bb73;
  color: white;
}

.white:focus {
  background-color: #e8bb73;
  color: white;
}

.white:active {
  background-color: #e8bb73;
  color: white;
}



.btn-myprimary:hover, 

.btn-myprimary:active, 
.btn-myprimary.active, 
.open .dropdown-toggle.btn-myprimary { 
  color: #f39c12;
  background-color: white; 
  border-color: white; 
} 
 
.btn-myprimary:active, 
.btn-myprimary.active, 
.open .dropdown-toggle.btn-myprimary { 
  background-image: none; 
} 


 
.btn-myprimary.disabled, 
.btn-myprimary[disabled], 
fieldset[disabled] .btn-myprimary, 
.btn-myprimary.disabled:hover, 
.btn-myprimary[disabled]:hover, 
fieldset[disabled] .btn-myprimary:hover, 
.btn-myprimary.disabled:focus, 
.btn-myprimary[disabled]:focus, 
fieldset[disabled] .btn-myprimary:focus, 
.btn-myprimary.disabled:active, 
.btn-myprimary[disabled]:active, 
fieldset[disabled] .btn-myprimary:active, 
.btn-myprimary.disabled.active, 
.btn-myprimary[disabled].active, 
fieldset[disabled] .btn-myprimary.active { 
  background-color: #f39c12;
  border-color: #f39c12;
} 
.btn-myprimary { 
    color: #ffffff; 
    background-color: #f39c12;
    border-color: #f39c12;
   
} 

.product:hover{
    opacity: 0.8;
    cursor: pointer;
}


.product:focus{
    opacity: 0.8;
    cursor: pointer;
}

body{
    background-color:white !important;
    font-family: 'Nunito Sans', sans-serif !important;
    overflow-x: hidden;
}

.flagFrontend {
    width: 60%;
}

.margin-right-mobile{
    margin-right: 20px;
}



.mobile-logo{
    display:none;
}

.desktop-logo{
    display:none;
}

.modal {
    width: 300px;
    height: 550px;;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    z-index:9999;
    overflow: hidden !important;
}

@media only screen and (max-width: 960px){
    
    .mobile-logo{
        display:block;
        left: 50%;
        margin-left: -50px;  
        position: absolute;
        bottom: -50px;
        border-radius: 3px;
        width: 100px; height:100px
    }



    .flagFrontend {
        width: 100%;
    }

    .titolo-shop{
        font-size:1em;
        font-weight: bold;
    }
    
     .subtitolo-shop{
        font-size:1em;
     
    }
    
}


.descrizione-shop{
    color:gray;
}


@media only screen and (min-width: 768px) {
    .lg-margin-top-20{
        margin-top:20px;
    }
}


@media only screen and (min-width: 960px) {
   .desktop-logo{
        display:block;
        left: 50%;
        margin-left: -85px;  position: absolute;
        bottom: -85px;
        border-radius: 6px;
        width: 170px; height:170px
    }
    
    .titolo-shop{
        font-size:1.5em;
        font-weight: bold;
    }
    
    .subtitolo-shop{
        font-size:1.5em;
        
    }
    
    
    
}
    

#mobileMenu{
    display:none;
}

@media only screen and (max-width: 960px) {
    #mobileMenu{
        display:inline-block;
    }
    .titolo{
        font-size:0.9em;
    }
    
    .prezzo{
        font-size:0.8em;
    }
}


#desktopMenu{
    display:none;
}

@media only screen and (min-width: 960px) {
    #desktopMenu{
        display:block;
    }
    
    .titolo{
        font-size:1.3em;
    }
    
    .prezzo{
        font-size:1em;
    }
    
}











.list-group-item.active, .list-group-item.active:focus,.list-group-item.active:hover {
    background-color: white;
    
    color: #f39c12;
    border-left: 1px solid #ddd;
    border-right:1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom:2px solid #f39c12;
    
}

a:focus {
    outline: none !important;
    
}


@media only screen and (max-width: 960px) {
    .container-wymenu{
        margin-left: 8px;
        margin-right: 8px;
    }
    .wymenu-outline-button{
    border:1px solid black !important;
    text-align:left !important;
    font-size:10.5px !important;
}

}



@media only screen and (min-width: 960px) {
    .container-wymenu{
        margin-left: 50px;
        margin-right: 50px;
    }
    .wymenu-outline-button{
    border:1px solid black !important;
    text-align:left !important;
    font-size:14px !important;
}

}