/* documentazione_menu3.php — Menu accordion documentazione */

ul { list-style: none; }
a  { text-decoration: none; }

.accordion-menu {
    width: 100%;
    max-width: 350px;
}

.accordion-menu li.open .dropdownlink .fa-chevron-down { transform: rotate(180deg); }
.accordion-menu li:last-child .dropdownlink { border-bottom: 0; }

.dropdownlink {
    cursor: pointer;
    display: block;
    width: 285px;
    height: 55px;
    font-size: 18px;
    color: #212121;
    position: relative;
    transition: all 0.4s ease-out;
}

.dropdownlink i { position: absolute; top: 17px; left: 16px; }
.dropdownlink .fa-chevron-down { right: 12px; left: auto; }

.submenuItems { display: none; }

.submenuItems li {
    width: 271px;
    background-color: #0f111d;
    border: 1px solid #000;
    padding-left: 15px;
}

.submenuItems a { transition: all 0.4s ease-out; }
.submenuItems a:hover { background-color: transparent; color: #fff; }

.pos-menu { position: absolute; top: 109px; left: 18px; z-index: -1; }

.ambientazione       { padding: 4px; background: url("imgs/documentazione/manuale_ambientazione.png") no-repeat left center transparent; }
.ambientazione:hover { padding: 4px; background: url("imgs/documentazione/ambientazione_manuale_mouseover.gif") no-repeat left center transparent; }
.regolamento         { padding: 4px; background: url("imgs/documentazione/manuale_regolamento.png") no-repeat left center transparent; }
.regolamento:hover   { padding: 4px; background: url("imgs/documentazione/regolamento_manuale_mouseover.gif") no-repeat left center transparent; }
.primi_passi         { padding: 4px; background: url("imgs/documentazione/manuale_primi_passi.png") no-repeat left center transparent; }
.primi_passi:hover   { padding: 4px; background: url("imgs/documentazione/primi_passi_manuale_mouseover.gif") no-repeat left center transparent; }
.manuale             { padding: 4px; background: url("imgs/documentazione/manuale_manuale.png") no-repeat left center transparent; }
.manuale:hover       { padding: 4px; background: url("imgs/documentazione/manuale_manuale_mouseover.gif") no-repeat left center transparent; }
.combattimento       { padding: 4px; background: url("imgs/documentazione/manuale_combattimento.png") no-repeat left center transparent; }
.combattimento:hover { padding: 4px; background: url("imgs/documentazione/combattimento_manuale_mouseover.gif") no-repeat left center transparent; }
.staff               { padding: 4px; background: url("imgs/documentazione/manuale_staff.png") no-repeat left center transparent; }
.staff:hover         { padding: 4px; background: url("imgs/documentazione/staff_manuale_mouseover.gif") no-repeat left center transparent; }
.ricerca             { padding: 4px; }