/* reset stili */

ul {
  margin: -30px;
  padding: 0;
  list-style-type: none;
}

/* lista orizzontale */

#menu li {
  display: inline-block;
  position: relative;
}

/* menu */

#menu {
  width: 98%;
  text-align: right;
}

#menubar {
  width: 100%;
  z-index:1;
}

/* links */

li a {
	display: block;
	padding-left: 20px;
	padding-top: 15px;
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
}

li.active a {
	color: #F00;
    }

/* links hover */

a:hover {
	color: #F00;
}

/* rimuoviamo il bordo e l'ombreggiatura dall'ultimo link del menu */

#donate {
  border: none;
  box-shadow: none;  
}

/* sub menu */

#menu li .hidden {
  display: block;
  position: absolute;
  top: 102px;
  left: 0;
  background-color: black;
  opacity: 0;
  filter:Alpha(opacity=0); /* IE8 and earlier */
  visibility: hidden;
  padding-bottom: 10px;
}

/* links sub menu */

#menu li .hidden li a {
  width: 100px;
  border-right: none;
  box-shadow: none;
  padding-right: 13px;
  text-align:center;
}

/* menu hover */

#menu li:hover .hidden {
  margin-top: -65px;
  opacity: 1;
  filter:Alpha(opacity=100); /* IE8 and earlier */
  -webkit-transition: all 0.5s ease; /* safari and chrome */
  -moz-transition: all 0.5s ease; /* firefox */
  -o-transition: all 0.5s ease; /* opera */
  transition: all 0.5s ease;
  visibility: visible;
}

/* diamo uno stile al pulsante del menu e nascondiamolo */

.showMenu {
	color: white;
	text-align: center;
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.44);
}

/* nascondiamo solo il checkbox del menu */

#showMenu {
  position: absolute;
  left: -9999px;
}

.privacy-consent input[type=checkbox] {
  display: inline-block;
  opacity: 1;
  position: static;
  left: auto;
  margin-right: 8px;
  vertical-align: middle;
}

/* mostriamo il menu quando il checkbox viene selezionato */

#showMenu:checked ~ #menu {
  display: block;
}