.accordion-item {
  margin-bottom:10px;
}
.accordion-btn {
  width:100%;
  background-color:transparent;
  border:none;
  text-align:left;
  position:relative;
}
.accordion-btn h3 {
  margin:0;
  font-weight:700;
}
.accordion-content .content-wrapper {
  padding:20px; 
}

.accordion-content .content-wrapper hr {
  margin-bottom: 10px;
  border: 1px dotted var(--e-global-color-primary);
}

.accordion-content .content-wrapper a[href*=".pdf"], 
.accordion-content .content-wrapper a[href$=".doc"], 
.accordion-content .content-wrapper a[href$=".docx"], 
.accordion-content .content-wrapper a[href$=".xls"], 
.accordion-content .content-wrapper a[href$=".xlsx"], 
.accordion-content .content-wrapper a[href$=".ppt"], 
.accordion-content .content-wrapper a[href$=".pptx"], 
.accordion-content .content-wrapper a[href$=".zip"] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
.accordion-content .content-wrapper a[href*=".pdf"]:before, 
.accordion-content .content-wrapper a[href$=".doc"]:before, 
.accordion-content .content-wrapper a[href$=".docx"]:before, 
.accordion-content .content-wrapper a[href$=".xls"]:before, 
.accordion-content .content-wrapper a[href$=".xlsx"]:before, 
.accordion-content .content-wrapper a[href$=".ppt"]:before, 
.accordion-content .content-wrapper a[href$=".pptx"]:before, 
.accordion-content .content-wrapper a[href$=".zip"]:before {
  background-size:contain;
  background-repeat:no-repeat;
  content: '';
  position: relative;
  width: 25px;
  height: 29px;
  display:inline-block;
  padding-right:35px;
}
.accordion-content .content-wrapper a[href*=".pdf"]::before {
  background-image: url(http://dev.parcogroane.it/wp-content/uploads/2023/05/Parco-delle-Groane-icon-PDF.png);
}
.accordion-content .content-wrapper a[href$=".doc"]::before, 
.accordion-content .content-wrapper a[href$=".docx"]::before {
  background-image: url(http://dev.parcogroane.it/wp-content/uploads/2023/05/Parco-delle-Groane-icon-Word.png);
}
.accordion-content .content-wrapper a[href$=".xls"]::before, 
.accordion-content .content-wrapper a[href$=".xlsx"]::before {
  background-image: url(http://dev.parcogroane.it/wp-content/uploads/2023/05/Parco-delle-Groane-icon-Excel.png);
} 
.accordion-content .content-wrapper a[href$=".ppt"]::before, 
.accordion-content .content-wrapper a[href$=".pptx"]::before {
  background-image: url(http://dev.parcogroane.it/wp-content/uploads/2023/06/Parco-delle-Groane-icon-PPT.png);
}
.accordion-content .content-wrapper a[href$=".zip"]::before {
  background-image: url(http://dev.parcogroane.it/wp-content/uploads/2023/04/file-zip.png);
}

.accordion .accordion-btn {
  white-space: normal;
}

/* main level accordion */
.accordion-main > .accordion-btn:hover,
.accordion-main > accordion-btn.is-active,
.accordion-main > button:focus {
  background-color:var(--e-global-color-primary);
}
.accordion-main > .accordion-btn:hover h3,
.accordion-main > accordion-btn.is-active h3,
.accordion-main > button:focus h3,
.accordion-main > .accordion-btn:hover:after {
  color:#FFF;
}
.accordion-main > .accordion-btn {
  border:1px solid var(--e-global-color-primary);
}
.accordion-main > .accordion-btn h3 {
	font-size:20px;
	color:var(--e-global-color-primary);
	padding-right: 30px;
}
.accordion-main > .accordion-btn:after {
  content:"+";
  font-size:30px;
  font-weight:700;
  line-height:1;
  color:var(--e-global-color-primary);
  position:absolute;
  right:20px;
  top: 7px;
}
.accordion-main > .accordion-btn.is-active:after {
  content:"–";
}

/* Child level accordion */
.accordion-child > .accordion-btn:hover,
.accordion-child > accordion-btn.is-active,
.accordion-child > button:focus {
  background-color:transparent;
}
.accordion-child > .accordion-btn:hover h3,
.accordion-child > accordion-btn.is-active h3,
.accordion-child > button:focus h3,
.accordion-child > .accordion-btn:hover:after {
  color:var(--e-global-color-primary);
}
.accordion-child > .accordion-btn {
  padding-top:0;
  padding-bottom:0;
  padding-left:25px;
}
.accordion-child > .accordion-btn h3 {
  font-size:16px;
  color:var(--e-global-color-secondary);
}
.accordion-child > .accordion-btn:before {
    border-color:var(--e-global-color-primary);
	border-style: solid;
	border-width: 3px 3px 0 0;
	content: '';
	display: inline-block;
	height: 10px;
	position: absolute;
	top: 4px;
	vertical-align: top;
	width: 10px;
  	left: 0;
	transform: rotate(45deg);
}
.accordion-child > .accordion-btn.is-active:before  {
	top: 0;
	transform: rotate(135deg);
}



.scroll-container {
  overflow: auto;
}