/**
 * Blocco Gutenberg "ACCORDION"
 * Elementi impostabili: titolo, sottotitolo, testo pulsante, link pulsante e URL foto
 * Aggiornato al 11-01-2024
 * Da https://www.w3schools.com/howto/howto_js_accordion.asp
 */

.gtn-acd .accordion {
	background-color: var(--grigiochiarissimo);
	color: var(--grigioscuro);
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-top: 1px #ccc solid;
}
.gtn-acd .accordion.active,
.gtn-acd .accordion:hover {
	background-color: var(--grigiomoltochiaro);
}
.gtn-acd .accordion:after {
	content: "\002B";
	color: var(--grigioscuro);
	font-weight: bold;
	float: right;
	margin-left: 5px;
}
.gtn-acd .accordion.active:after {
	content: "\2212";
}
.gtn-acd .panel {
	background-color: #f5f5f5;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.gtn-acd .panel div {
	padding: 30px;
	line-height: var(--lineheight-base);
}
.gtn-acd button {
	margin: 0 !important;
	line-height: var(--lineheight-base);
}