@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,700,700i');

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

/* specifica il colore di fondo della testata e del piede */
.header, .footer { background: #3b5dab; } 

/* formatta la pagina Le collane */ 
.com-content-categories__item-title-wrapper {font-size: 1em; text-transform: uppercase; border-top: 2px solid #3b5dab; color: #fff}


/* formatta il menu */
.metismenu.mod-menu {font-family: 'Alegreya Sans'; }

.mm-collapse {border-radius: 5px; }

.metismenu.mod-menu .mm-toggler:after {
    -webkit-margin-start: .5em;
    border-left: .4em solid transparent;
    border-right: .4em solid transparent;
    border-top: .6em solid;
    content: "";
    height: 0;
    margin-inline-start:.5em;-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 0
}

/* formatta il menu della versione mobile */
.offcanvas.show {
  background-color: #3b5dab;
  }
@media (min-width: 992px) {
  .offcanvas-start {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    width: 100%;
    margin-top: 1rem;
  }
  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }
  .offcanvas .metismenu.mod-menu .metismenu-item > a {
    color: #fff;
  }
}
.offcanvas-header > *:only-child {
  margin-left: auto;
}




/* spazio fra la testata e l'articolo */
.container-component {margin-top: 1.5em; }

/* toglie il sottolineato nei link */
a:not([class]) {text-decoration: none;font-weight: 400;}


/* effetto sui link al passaggio del mouse */
a:hover { background:#3b5dab; color: #fff; transition:1s; }


.com-content-category__pagination {display: none}


body  {
	font-family: 'Libre Baskerville'; 
  color:#5F5F5F;
	background:#F4F4F4;
	font-size:1.07em;
	line-height:170%;} 


/* testo in corsivo, leggermente più piccolo */
box {
    font-size: 95%;
  line-height: 90%;
    font-style: italic;
    }




/* stile delle copertine */

.cover
{ float: left; 
width: 300px;
margin-right: 20px;
margin-bottom: 20px; 
-webkit-box-shadow: 3px 3px 5px #c4c4c4;
-moz-box-shadow: 3px 3px 5px #c4c4c4;
box-shadow: 3px 3px 5px #c4c4c4;
border:1px solid #000;
}

/* stile della scheda bibliografica */
scheda { font-family: 'Alegreya Sans'; line-height:0.8em; }

/* applica un font piu' sottile allo span della scheda bibliografica */
.dati { font-weight: 400; text-transform: uppercase; }


/* formatta la scheda autore nel catalogo */
autore {
font-size: 100%;
padding-left: 20px;
margin: 0px;
border-left: 20px solid #D96953;
}

.autore { font-family: 'Alegreya Sans'; font-weight: 700; text-transform: uppercase; }


indice {
font-size: 100%;
padding-left: 20px;
margin: 0px;
border-left: 21px solid #f89c2c;
}


.capolettera {
	float: left;
	color: #303030;
	text-shadow: 3px 3px 5px #c4c4c4;
	font-size: 75px;
	line-height: 60px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px;
	}

collane {
    font-size: 20px;
    font-weight: 700;
    padding: 0px;
	margin: 0px;
}

ul-rassegna {
  list-style-type: square;
  font-family: 'Alegreya Sans';
  font-weight: 400;
  font-size: 115%;
  line-height: 160%;
}

rassegna_stampa 
{ font-family: 'Alegreya Sans'; font-weight: 900; text-transform: uppercase;
font-size: 100%;
padding-left: 20px;
margin: 0px;
border-left: 18px solid #38A793;
}

I_libri 
{ font-family: 'Alegreya Sans'; font-weight: 900; font-size: 120%;
padding-left: 20px; border-left: 18px solid #EDD1AF; }

ul#cover li {
display: inline;
  text-align: left;
  margin: 0px 40px 20px 0px;
  list-style:none;
  float: left;}

.logo-collana { /* margin-left:  75px; */ }


.no-pad {
	padding: 0px;
}
.no-mar {
	margin: 0px;
}
.blue-bg { /*used for module positions page only*/
	background: #9E9E9E;
	color: #fff;
	text-align: center;
	padding: 40px;
}
/*###############################
----      Typography      -----
###############################*/

h1, h2, h3, h4 {
  font-family: 'Alegreya Sans';     color: #303030;  padding: 0px;	margin: 0px; }

h1 
{ font-size:28px;font-weight: 400; }


h2 
{ font-size:23px;font-weight: 700; margin-bottom: 30px}

hr
{ margin:20px 0;
 border: 2px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #111010; }


.didaleft {
    font-family: 'Alegreya Sans', Serif;
    font-size: 1.1em; line-height: 1.3em;
    float: left;
    margin-right: 20px;
    padding: 0;
    position: relative;
    overflow: hidden;
  font-style: normal;
}
 
.didaleft img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
 
.didaleft span {
    float: left;
    margin: 0;
    padding: 5px;
   width: 100%;
    color: #dedede;
     
    background: #222; /* browser che non supportano rgba */
    background: rgba(0,0,0,0.61);
    position: absolute;
    left: 0px;
    bottom: 0;
}

.didaright {
    font-family: 'Alegreya Sans', Serif;
    font-size: 1.1em; line-height: 1.3em;
    float: right;
    margin-top: 15px;
    margin-left: 50px;
    padding: 0;
    position: relative;
    overflow: hidden;
  font-style: normal;
}
 
.didaright img {
    float: right;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
 
.didaright span {
    float: right;
    margin: 0;
    padding: 5px;
   width: 100%;
    color: #dedede;
     
    background: #222; /* browser che non supportano rgba */
    background: rgba(0,0,0,0.61);
    position: absolute;
    left: 0px;
    bottom: 0;
  font-size: 80%;
}


/* personalizza il testo e l'allineamento delle immagimi nell'elenco della categoria (???) */

#s5_component_wrap h2 
{ margin-bottom:10px; font-family: Libre Baskerville; font-size: 115%; padding: 30px 0; }

.span6 { width: 300px !important; } 


/* formatta il pulsante leggi tutto */
.btn-secondary {
  color:#fff;
  background-color:#415eaa;
  border-color:#ced4da;
      font-size: 80%;
}

.btn-secondary:hover,
.btn-secondary:focus {
  color:#353b41;
  background-color:#fff;
}

/* inserisce una linea continua in home dopo l'indicazione leggi tutto */
p.readmore {
    padding-bottom: 14px;
    padding-top: 14px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px; }


/* indenta il risultato della ricerca */
.result__description {padding-left: 1em;}

/* regola l'interlinea dei risutati di ricerca */
dd {line-height: 1.8em}

/* inserisce un piccolo spazio fra i risultati di ricerca */
dt {margin-top: 30px}


/* nasconde cose inutili nei risultati di ricerca */

.badge-info {background-color: transparent; color: #000; }
.badge {font-size: 1em}
/* .btn-toolbar {display: none} */
.form-limit {display: none}
.result__taxonomy-item {display: none}

/* personalizzare gli stili dei risultati di ricerca */

.result-category {
  font-size:0.9em;
  line-height: 1.4em;
  margin-left: 20px;
}

.result-text {
  font-size: 0.9em;
  line-height: 1.4em;
  margin-left: 20px;
  margin-bottom: 5px;
}

.result-created {
  font-size: 1em;
}

.result-title {
font-size: 0.9em;
 line-height: 1.5em;
 font-family: Open Sans;
 font-weight: 800;
 list-style:none;
}


/* cancellare cose inutili nei risultati di ricerca */
.searchintro {display:none}
.phrases {display:none}
.only {display:none}
.form-limit {display:none}
.result-created {display:none}

/* formatta la casella di ricerca */
.awesomplete {font-family: 'Alegreya Sans';}