body {
background-color: #f4f1e0; /* Colore pergamena */
font-family: Verdana, Arial, Helvetica;
}

h1, h2, h3 {
	font-family: 'Cinzel', serif;
	color: #6b4f28; /* Marrone scuro */
}
.navbar {
	background-color:  #1f293f;
}
.navbar-brand, .nav-link {
	color: #f4f1e0 !important;
}

		/* Menu laterale personalizzato */
.menu-laterale {
  width: 160px;
  background-color: #C7B98D;
  padding: 4px 0;
  border: 0px solid #666666;
  position: relative;
  z-index: 10;
  font-family: 'Cinzel', serif;
  font-weight: bold;
}

/* FONT Link principali */
.menu-laterale .menu-link {
  display: block;
  color: #444444;
  font-size: 12px;
  padding: 2px 8px;
  height: 22px;
  line-height: 16px;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s;
  border-bottom: 1px solid #513619; /* bordo divisorio */
}

	/* per la nota di modifica */
	.modificato {
		font-size: 0.8em;      /* un po’ più piccola */
		font-style: italic;    /* corsivo            */
	}




.contract-section {
		background-image: url('/img/sfondi/bruscolo_scuro.jpg'); /* tua pergamena */
		background-repeat: repeat;
		background-size: auto;
		background-position: top left;
		padding: 20px;
		border: 2px solid #5a3e1b;
		border-radius: 8px;
		margin: 10px 0;
		font-family: Verdana, Arial, Helvetica, sans-serif; /* font leggibile, niente small caps */
		color: #3b2b1a;
		box-shadow: 0 0 15px rgba(0,0,0,0.3);
	}
	
	.contract-overlay {
		background-color: rgba(255, 255, 240, 0.301); /* effetto pergamena più leggibile */
		padding: 30px;
		border-radius: 8px;
	}
	
	.contract-title {
		font-family: 'Cinzel', serif; /* solo il titolo mantiene il font elegante */
		text-align: center;
		font-size: 1.8em;
		font-weight: bold;
		margin-bottom: 25px;
		text-transform: none;
		font-variant-caps: normal;
	}
	
	.contract-body p {
		font-family: Verdana, Arial, Helvetica, sans-serif; /* font leggibile */
		text-transform: none;
		font-variant-caps: normal;
		text-align: justify;
		margin-bottom: 15px;
		line-height: 1.5em;
	}
	
	.contract-footer {
		font-family: Verdana, Arial, Helvetica, sans-serif; /* font leggibile */
		text-transform: none;
		font-variant-caps: normal;
		margin-top: 25px;
		border-top: 1px solid #5a3e1b;
		padding-top: 15px;
		text-align: center;
		font-style: italic;
	}


/* Hover effetto */
.menu-laterale .menu-link:hover {
  background-color: #4a3526;
  color: #fff;
}

/* Dropdown container */
.menu-laterale .dropdown {
  position: relative;
}

/* Dropdown lista */
.menu-laterale .dropdown-list {
  display: none;
  position: absolute;
  left: 80px;
  top: 10px;
  background-color: #C7B98D;
  min-width: 190px;
  border: 1px solid #666666;
  z-index: 999;
  padding: 0;
}

/* Dropdown visibile */
.menu-laterale .dropdown:hover .dropdown-list {
  display: block;
}

/* FONT Voci del dropdown */
.menu-laterale .dropdown-list a {
  display: block;
  font-size: 12px;
  color: #444444;
  padding: 4px 10px;
  white-space: normal;
  text-decoration: none;
  border-bottom: 1px solid #513619; /* bordo divisorio */
}

.menu-laterale .dropdown-list a:hover {
  background-color: #5c4030;
  color: white;
}
/* FINE MENU LATERALE */

.hero {
	background: url('AE-spada_small.jpg') no-repeat center bottom;
	background-size: cover;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	text-align: center;
}
.card {
	background-color: #fffaf0; /* Avorio leggero */
	border: 1px solid #d1b87e; /* Oro antico */
}
footer {
	background-color: #6b4f28;
	color: #f4f1e0;
}

/* Stile per pulsanti personalizzati */
.btn-custom {
	border-radius: 50px;          /* Bordi arrotondati */
	padding: 12px 30px;           /* Maggior spazio interno */
	font-size: 1.1rem;            /* Testo leggermente più grande */
	font-weight: bold;
	transition: transform 0.3s, box-shadow 0.3s;
  }
.btn-custom:hover {
	transform: translateY(-3px); /* Leggero sollevamento al passaggio del mouse */
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Ombra accentuata */
}
.nav-item.dropdown:hover .dropdown-menu {
	display: block;
}

.titoloPiccolo {
	font-size: 14px; 
	font-weight: bold;
}
.TestoPiccolo {
	font-size: 12px;
}
.SfondoTelaChiaro {
	background-color: #D5D5BC;
}
.cell_hi, .cell_low {
	background-color: #D6D6BD;
}

/* For the images that had fixed sizes, we try to rely on responsive classes.
   If necessary, we can set max-width or heights via CSS here. */
img {
	max-width: 100%;
	height: auto;
}

/* Se vuoi ricreare certi margini e padding senza inline styles */
.my-spacing {
	margin-top: 1rem;
	margin-bottom: 1rem;
}


.row {
	display: flex;
	flex-wrap: wrap; /* Permette il ridimensionamento su schermi più piccoli */
	gap: 0px; /* Spaziatura tra le colonne */
}

.column {
	flex: 1; /* Ogni colonna occupa lo spazio disponibile in modo uniforme */
	min-width: 300px; /* Imposta una larghezza minima per adattarsi a schermi piccoli */
}

/* Stile per l'header */
.header {
	background-color: #123456; /* Colore di sfondo */
	color: white;             /* Colore del testo */
	padding: 10px 20px;
	font-family: Verdana, sans-serif; /* Font */
}

/* Link nell'header */
.header a {
	color: white;
	text-decoration: none;
	margin-right: 15px;
}

.header a:hover {
	text-decoration: underline;
}

	/* Rimuove bordi e padding */
.gridview-custom {
	border-collapse: collapse; /* Unisce le celle per evitare spazi vuoti */
	width: 100%;
}
.gridview-custom td, .gridview-custom th {
	border: none; /* Rimuove i bordi */
	padding: 0; /* Elimina padding interno */
	margin: 0; /* Elimina margini */
}
.gridview-custom .card {
	margin: 0; /* Elimina margini delle card */
	box-shadow: none; /* Rimuove ombra se presente */
}