/* Stili sezione LETTURA */

#testata {
  background: transparent url(../img/testate/spazio_lettura.png) no-repeat center top;
}

#elenco-voci ul {
  clear: none;
}

#elenco-voci section img {
  display: block;
  float: right;
  margin: 0 1rem 1rem auto;
  transform: scale(1) rotate(0deg);
  transition: transform 0.5s ease, box-shadow 1s ease;
  -webkit-transform: scale(1) rotate(0deg);
  -webkit-transition: -webkit-transform 0.5s ease;
}

#elenco-voci section:hover img {
  transform: scale(1.3) rotate(-6deg);
  transition: transform 0.5s ease;
  -webkit-transform: scale(1.3) rotate(-6deg);
  -webkit-transition: -webkit-transform 0.5s ease;
}

.elenco-articoli-desc, .elenco-articoli-autore {
}

.elenco-articoli-desc {
  font-size: 95%;
}

.elenco-articoli-autore {
  font-size: 90%;
  font-style: italic;
  color: green;
}

.elenco-articoli-autore::before {
  content: " - ";
}

#contenuto + p {
  display: none;
}

.didascalia {
  text-align: center;
  font-size: smaller;
}

@media screen and (max-width: 450px) {
  #elenco-voci ul, #elenco-voci li {
    list-style-position: outside !important;
  }

  .elenco-articoli-autore {
    display: block;
    font-size: 95%;
    margin-bottom: -1.5rem;
  }

  .elenco-articoli-autore:first-letter {
    text-transform: uppercase;
  }

  .elenco-articoli-autore::before {
    content: "";
  }
}

@media print {
  #intro::before {
    content: url(../img/testate/spazio_lettura-p.png);
  }
}