.loader{
    background-color:#1c5d4a !important;
}

@keyframes imageLoader {
  from {
      opacity: 0;
      width:0%;
      
  }
  to {
      opacity:1;
      width:20%;
  }
}

@keyframes removeLoader {
  from {
      opacity:1;
  }
  to {
      opacity: 0;
  }
}

.image-loader{
  animation-name: imageLoader;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

.removeLoader{
  animation-name: removeLoader;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.header img {
    max-width: 90px;
    padding: 10px 20px 0 0;
}

img.toggle-menu{
    height:30px;
    width: 30px;
    padding:0 !important;;
}

.row{
    margin: auto 0 !important;
}

.contenitore-categorie.d-flex .nome-categoria {
    flex: 0 0 auto;
    padding:0 10px;
    font-size: 18px;
    cursor:pointer;
    color:#1c5d4a !important;
}

.contenitore-categorie.d-flex .nome-categoria.active {
    background-color: #1c5d4a !important;
    border-radius: 10px 10px 0 0;
    color: white !important;
}

.contenitore-categorie.d-flex {
    overflow-x: visible !important;
    overflow-y:hidden !important;
    background-color: white !important;
    padding:0 10px;
    margin-bottom:-2px !important;
    border:none !important;
    z-index:1 !important;
} 

.contenitore-categorie::-webkit-scrollbar {
    height: 5px !important;
    display: none !important;
    background-color:#1c5d4a !important;
}

.portate-categoria{
    display: none;
}

.portate-categoria.active{
    display: block;
}

body {
    background-color: #1c5d4a !important;
}

*{
    color:white !important;
}
div#CybotCookiebotDialog *:not(.CybotCookiebotDialogBodyButton) {
    color: black !important;
}

.header{
    align-items:center !important;
    background-color: white;
    padding-bottom:10px;
}

h3.nome-portata{
    font-size:20px;
}

.contenitore-portate{
    margin-top:-2px;
    padding:30px 12px 0 !important;
    background-color: #1c5d4a !important;
    z-index:9999 !important;
    position:relative !important;
}

.portata{
    margin-bottom:40px;
}

.extra-menu, .prezzo-extra{
    font-size:16px;
}

.menu{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999999999 !important;
    background-color:#0e2d24;
    display: none;
    flex-direction:column;
}

.link-menu a{
    color:white;
    font-size:18px;
    text-align:center;
    display: block;
    margin-bottom: 30px;
    text-decoration: none;
}

.menu .chiudi-menu{
    font-size:24px;
    padding-right: 20px;
    padding-top: 20px;
    margin-left: auto;
}
.link-menu.footer {
    margin-top:20px;
}
.link-menu.footer a{
    padding:5px;
    border-radius:10px;
    margin-bottom: 20px;
    background-color:white;
    color:#1c5d4a !important;
    display: block;
    width: 75%;
    margin: 0 auto 20px;
}

.footer{
    margin-bottom:50px;
}


.content{
    padding:0 !important;
}

h3.nome-portata:after, h2.titolo-categoria:after {
    content: "";
    width: 50px;
    height: 3px;
    display: block;
    background-color: white;
    margin-top: 10px;
}

/**ALLERGENI**/
h1 {
    text-align:center;
}

.allergeni-contenitore{
    padding:30px 0;
}

.contenitore-allergene{
    margin:20px 0 !important;
    text-align:center !important;
}

.contenitore-allergene *{
    text-align:center !important;
    margin:auto;
}

.contenitore-allergene h3{
    font-size:25px;
}

span.allergeni{
    display: block;
    width: 30px;
    height: 30px;
    margin:auto;
    background-color: transparent;
    background-size: contain;
    background-position:center;
    background-repeat:no-repeat;
}

.allergeni-contenitore .allergeni{
    width: 50px;
    height: 50px;
}

.allergeni.allergeni-1{
    background-image:url(./img/allergene-1.png);
}
.allergeni.allergeni-2{
    background-image:url(./img/allergene-2.png);
}
.allergeni.allergeni-3{
    background-image:url(./img/allergene-3.png);
}
.allergeni.allergeni-4{
    background-image:url(./img/allergene-4.png);
}
.allergeni.allergeni-5{
    background-image:url(./img/allergene-5.png);
}
.allergeni.allergeni-6{
    background-image:url(./img/allergene-6.png);
}
.allergeni.allergeni-7{
    background-image:url(./img/allergene-7.png);
}
.allergeni.allergeni-8{
    background-image:url(./img/allergene-8.png);
}
.allergeni.allergeni-9{
    background-image:url(./img/allergene-9.png);
}
.allergeni.allergeni-10{
    background-image:url(./img/allergene-10.png);
}
.allergeni.allergeni-11{
    background-image:url(./img/allergene-11.png);
}
.allergeni.allergeni-12{
    background-image:url(./img/allergene-12.png);
}
.allergeni.allergeni-13{
    background-image:url(./img/allergene-13.png);
}
.allergeni.allergeni-14{
    background-image:url(./img/allergene-14.png);
}
.blocco-allergeni{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
span.nome-allergene:after {
    content: "";
    font-size: 13px;
    text-align:center;
    line-height:1em
}
span.nome-allergene.allergeni-1:after {
    content: "Glutine";
}
span.nome-allergene.allergeni-2:after {
    content: "Crostacei";
}
span.nome-allergene.allergeni-3:after {
    content: "Uovo";
}
span.nome-allergene.allergeni-4:after {
    content: "Pesce";
}
span.nome-allergene.allergeni-5:after {
    content: "Arachidi";
}
span.nome-allergene.allergeni-6:after {
    content: "Soia";
}
span.nome-allergene.allergeni-7:after {
    content: "Lattosio";
}
span.nome-allergene.allergeni-8:after {
    content: "Frutta \A a guscio";
    white-space: pre;
}
span.nome-allergene.allergeni-9:after {
    content: "Sedano";
}
span.nome-allergene.allergeni-10:after {
    content: "Senape";
}
span.nome-allergene.allergeni-11:after {
    content: "Sesamo";
}
span.nome-allergene.allergeni-12:after {
    content: "Anidride \A solforosa";
    white-space: pre;
}
span.nome-allergene.allergeni-13:after {
    content: "Lupini";
}
span.nome-allergene.allergeni-14:after {
    content: "Molluschi";
}

.contenitore-singolo-allergene{
    display: inline-block;
    margin: 0px 10px 10px 0;
    max-width:55px;
    text-align:center;
}


.link-menu:not(.footer) a:last-of-type {
    border: none;
    font-size: 17px;
}

.link-menu.footer a.link-allergeni{
    border: none !important;
    font-size: 17px !important;
    text-decoration: underline !important;
    background-color:transparent !important;
    color:white !important;
}

a.icona-menu:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(./img/icona-pizza.png);
    background-size: contain;
    margin-right: 10px !important;
    background-position: bottom;
    background-repeat: no-repeat !important;
}
a.icona-menu.icona-pizza:before {
    background-image: url(./img/icona-pizza.png);
}
a.icona-menu.icona-ristorante:before {
    background-image: url(./img/icona-ristorante.png);
}
a.icona-menu.icona-cocktail:before {
    background-image: url(./img/icona-cocktail.png);
}
a.icona-menu.icona-vino:before {
    background-image: url(./img/icona-vino.png);
}
a.icona-menu.icona-dolci:before {
    background-image: url(./img/icona-torta.png);
}
a.icona-menu.icona-domenica:before {
    background-image: url(./img/icona-menu-domenica.png);
}

.background-icon{
    background-image: url(./img/testa-medea-sfocata.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: -80%;
}

.iubenda-cs-brand-badge span {
    color:black !important;
}

h2.titolo-categoria{
    font-size:30px !important;
}

h4{
    font-size:18px !important;
}
img.immagine-titolo-pagina {
    max-width: 85%;
    margin: 50px auto 0;
    display: block;
}

.link-home{
    display:inline-block;
    width:50% !important;
}