@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&display=swap');


body{background-color: #ffffff;}
.homepage_about {font-size: 120%;}

a img{border: none;}
/* ********************** 
Stili articoli 
************************** */


#htmlContainer{
    /* font-family: 'Lora', serif; */
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;
    color:#333;
    margin: 55px auto;
    font-size: 1.5em;
    line-height: 150%;
    width: 90%;
    /* max-width: 60ch !important; */
    max-width: 70ch !important;
    text-rendering: optimizeLegibility;

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


#htmlContainer h2,#htmlContainer h3 {
    text-align: center;
    font-size: 2em;
    line-height: 130%;
}

#htmlContainer h4, #htmlContainer h5 {
    font-size: 1.75em;
    line-height: 130%;
}

#htmlContainer h5 {
    font-style: italic;
}

#htmlContainer p, #htmlContainer ol, #htmlContainer ul{
  margin-bottom: 18px;
}

p.firma{text-align: center !important;}

p.epigrafe{text-align: right !important;
  margin: 2em 0 2em 0;
  line-height: 150%;
}

sup {font-size: 60%;}

.tabellanomi,.tabellanomi3{
  border: 0;
  font-size: 0.90em;
  margin-left: 10%;
  width: 80%;
}

.tabellanomi2{border: 0; font-size: 0.90em; width: 80%;}
.tabellanomi2 td{width: 80%;}

.tabellanomi td{border: 0; padding-left: 10px;}


p.citazione, blockquote{
  margin: 2em;
  line-height: 145%;
}


li.sommario{
  font-size: 2em;
  margin-bottom: 1em;
  margin-left: 5em;
  margin-right: 5em;
  margin-top: 1em;
  text-align: justify;
  text-justify: auto;
}


/* stile note di chiusura */
div.footnote{
  line-height: 130%;
  margin: calc(1ex / 2) 0;
}


/* stile immagini articoli */
div.figura{max-width: 600px;margin:0 auto;text-align:center;}
div.figura img{max-width: 600px;}
p.didascalia{text-align: center;line-height: 130%;font-size:0.8em}