/*****************************************************************************************************************************************************
* REGOLE PRIMARIE
*****************************************************************************************************************************************************/
/*
* COLORI PRINCIPALI
*/
.bg-green-primary {
	background-color: #116913;
}
.bg-green-secondary {
	background-color: #DCEDD6;
}
.bg-green-light {
	background-color: #e2e7e0;
}
.text-green-primary {
	color: #116913;
}

/*
* REGOLE STRUTTURALI
*/
/* Testi */
h1 {
	font-size: 70px;
}
h2 {
	font-size: 40px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
	color: #116913;
	font-family: serif;
}
a {
	text-decoration: none;
}
/* Componenti */
ul {
	list-style: none;
}
.btn-green-primary {
	background-color: #116913;
	color: white;
	padding: 10px;
	border-radius: 5px;
}
.btn-green-primary:hover {
	background-color: #0c4e0d;
	color: white;
}
.btn-golden-primary {
	background-color: #D7BE00;
	color: white;
	padding: 10px;
	border-radius: 5px;
}
.btn-golden-primary:hover {
	background-color: #a79300;
	color: white;
}
.sottosezione {
	margin-bottom: 40px;
}

/*****************************************************************************************************************************************************
* REGOLE PAGINE
*****************************************************************************************************************************************************/
/*
* SEZIONI
*/
/* Prima sezione */
#prima-sottosezione > div:last-child,
#quarta-sottosezione > div:last-child {
	width: 60%;
}
#prima-sottosezione > div:first-child,
#quarta-sottosezione > div:first-child {
	width: 40%;
}

#img-grande-container {
	max-height: 450px;
}

#prima-sottosezione #riquadro-absolute {
	max-width: 150px;
	position: absolute;
	bottom: -5px;
	right: 10%;
}

.icona-sfondo-verde {
	width: fit-content;
	margin: 0 auto;
	padding: 10px;
}

.icona-sfondo-verde > img {
	height: 40px;
	width: auto;
}

/* Seconda sezione */
#seconda-sottosezione .separatore {
	width: 70px;
	height: 5px;
}
#seconda-sottosezione .informative .icona > img {
	height: 100px;
}
.sottosezione b {
	color: #116913;
}

/* Terza sezione */	
#terza-sottosezione .img-container {
    width: 250px;
    height: 250px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;
}
#terza-sottosezione img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/*
* FOOTER
*/
footer #logo-accademia-corto > img {
	height: 57px;
}
footer a {
	color: white;
	text-decoration: underline;
}

/*
* PAGINE RICERCA
*/
.border-golden {
	border: 1px solid #D7BE00;
}

.pagination > .page-item.disabled {
	display: none;
}

form#form-ricerca-per-area div#libri-attivi-areasuperiore,
form#form-ricerca-per-area #sottoarea-radio-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

form#form-ricerca-per-area #libri-attivi-areasuperiore > label,
form#form-ricerca-per-area #sottoarea-radio-list > label {
	border-radius: 5px;
	color: #D7BE00;
	border-color: #D7BE00;
}
form#form-ricerca-per-area #libri-attivi-areasuperiore > label:hover,
form#form-ricerca-per-area #libri-attivi-areasuperiore > .btn-check:checked + .btn,
form#form-ricerca-per-area #sottoarea-radio-list > label:hover,
form#form-ricerca-per-area #sottoarea-radio-list > .btn-check:checked + .btn {
	color: white;
	background-color: #D7BE00;
	border-color: #D7BE00;
}

/*****************************************************************************************************************************************************
* REGOLE RESPONSIVE
*****************************************************************************************************************************************************/
@media (max-width: 1200px) {
	/* Terza sezione */
	#terza-sottosezione .img-container {
		height: 150px;
		width: 150px;
	}
}

@media (max-width: 992px) {
	/* Prima sezione */
	#prima-sottosezione > div:last-child,
	#quarta-sottosezione > div:last-child {
		width: 100%;
	}
	#prima-sottosezione > div:first-child,
	#quarta-sottosezione > div:first-child {
		width: 100%;
	}

	/* Terza sezione */
	#terza-sottosezione .img-container {
		height: 250px;
		width: 250px;
	}
}

@media (max-width: 768px) {
	footer #footer-riquadro-superiore > div {
		width: 100% !important;
	}
}

@media (max-width: 576px) {
	h1 {
		font-size: 60px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 25px;
	}
	/* Terza sezione */
	#terza-sottosezione .img-container {
		height: 150px;
		width: 150px;
	}
}