/*** Compositori ***/
 a.link {
	 text-decoration: none;
	 font-family: "Cormorant Garamond", sans-serif !important;
}
 .giallo {
	 color: #d89300 !important;
}
 .giallo-sonzogno, .giallo-sonzogno * {
	 color: #d89300 !important;
}
 .giallo-sonzogno:hover, .giallo-sonzogno *:hover {
	 color: #fff !important;
}
 .epoch-1 {
	 background-color: #d89300 !important;
	 color: #000;
}
 .epoch-1 h1, .epoch-1 h2, .epoch-1 h3, .epoch-1 h4, .epoch-1 h5, .epoch-1 h6, .epoch-1 a {
	 color: #7c161a !important;
	 text-decoration: none;
}
 .epoch-1 .giallo {
	 color: #7c161a !important;
}
 .epoch-1 .giallo-sonzogno, .epoch-1 .giallo-sonzogno * {
	 color: #7c161a !important;
}
 .epoch-1 .giallo-sonzogno:hover, .epoch-1 .giallo-sonzogno *:hover {
	 color: #fff !important;
}
 .epoch-1 hr {
	 margin: 0px 0;
	 border: none;
	 border-top: 1px solid rgba(72, 7, 9, 1);
}
 .listello_opere {
	 display: block;
	 padding: 15px 20px;
	 margin: 10px 0;
	 text-decoration: none;
	 color: rgba(72, 7, 9, 0.799);
	 transition: background-color 0.3s, box-shadow 0.3s;
	 border-bottom: 1px solid #8e371b;
}
 .listello_opere:hover {
	 background-color: rgba(0, 0, 0, 0.1);
	 color: rgba(72, 7, 9, 0.799);
}
 .listello_opere strong.titolo {
	 font-size: 18px;
	 font-weight: bold;
	 margin-bottom: 5px;
}
 .listello_opere strong.titolo {
	 font-size: 18px;
	 font-weight: bold;
	 margin-bottom: 5px;
}
 .listello_opere .compositore {
	 font-size: 18px;
	 font-weight: bold;
	 margin-bottom: 5px;
	 color: #d89300;
}
 .form-label, input, .form-select, .form-select > option {
	 font-family: "Cormorant Garamond", sans-serif !important;
}
 .listello_opere .sottotitolo {
	 font-size: 14px;
	 margin-bottom: 5px;
}
 .listello_opere .categoria {
	 font-size: 12px;
	 margin-bottom: 5px;
}
 .listello_opere .durata {
	 font-size: 12px;
}
 .epoch-0 .listello_opere {
	 color: #fff;
	 border-bottom: 1px solid #370001;
}
 .link-giallo-sonzogno {
	 color: #d89300 !important;
	 text-decoration: none;
}
 .link-giallo-sonzogno:hover {
	 color: #fff !important;
}
 .listello_compositori {
	 display: block;
	 padding: 15px 20px;
	 margin: 10px 0;
	 text-decoration: none;
	 color: #fff;
	 transition: background-color 0.3s, box-shadow 0.3s;
	 border-bottom: 1px solid #8e371b;
}
 .listello_compositori:hover {
	 background-color: rgba(0, 0, 0, 0.1);
	 color: #fff;
}
 .listello_compositori .nome {
	 font-size: 18px;
	 font-weight: bold;
	 margin-bottom: 5px;
	 color: #d89300;
}
 .listello_compositori .nome.e0 {
	 color: #fff;
}
 .form-control.catalogo {
	 color: #fff;
	 padding: 5px;
	 border: 0px;
	 background: #601416 url(lentina.png) no-repeat left;
	 border: solid 1px #5d1314;
}
 .form-select.catalogo {
	 color: #fff;
	 padding: 5px;
	 border: 0px;
	 background: #601416 url(lentina.png) no-repeat left;
	 border: solid 1px #5d1314;
}
 .catalogo-submit {
	 color: #fff;
	 border: solid 1px #fff;
}
 .top-shadow {
	 font-family: "Cormorant Garamond", sans-serif;
	 text-align: justify;
}
 .bg-yellow {
	 background-color: #d89300;
}
 .bg-red {
	 background-color: #7c161a !important;
}
 .box0, .box1 {
	 position: relative;
	 aspect-ratio: 1;
	/* Box quadrato fluido */
	 width: 100%;
	 background-size: cover;
	/* Copre tutto il box */
	 background-position: center;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 padding: 25px;
	 overflow: hidden;
}
 .box0 {
	 background-image: url('/data/static/cover1.png');
	/* 👉 immagine di sfondo */
}
 .box1 {
	 background-image: url('/data/static/cover2.png');
	/* 👉 immagine di sfondo */
}
 .box0 img, .box1 img {
	 width: 100%;
	 aspect-ratio: 1;
	 object-fit: cover;
}
 .pagination.index li a {
	 background: none;
	 border: solid 1px #b65d5f;
	 color: #b65d5f;
}
 .pagination.index li a:hover {
	 color: #fff;
	 border: solid 1px #fff;
}
 .pagination.index li a:focus {
	 box-shadow: none;
}
 .pagination.index li a.active {
	 background: none;
	 color: #d89300;
	 border: solid 1px #d89300;
}
 .pagination.index li a.active:hover {
	 color: #d89300;
	 border: solid 1px #d89300;
}
 .pagination.index {
	 flex-wrap: wrap;
}
 .pagination.index .page-item {
	 margin: 2px;
	 border: none;
	 border-radius: 0;
}
 

 .pagination.index .page-item a {

	 width: 40px;
	 text-align: center;
	 border-radius: 0;
}

 .pagination.index .page-item a.all {

	 width: auto;

}