.accordion {
margin-top: 0;
}
.accordion .accordion-head { cursor: pointer; }

.accordion button.accordion-head {
padding:0;
padding-right: 50px;
position: relative;
display: block;
width:100%;
background-color:transparent;
font-style: normal;
border:none;
border-top: 1px solid #ccc;
}
/* .accordion button.accordion-head.active,
.accordion button.accordion-head:hover,
.accordion button.accordion-head:focus-visible {
border:none;
} */
.accordion-head.active {
display: block;
}
.accordian .accordian-panel {
display: none;
}
.accordion-panel {
height: 0;
visibility: hidden;
/* overflow: hidden; */
transition: height 0.3s ease;
padding: 0 0 0 0;
}
.accordion-content {
opacity: 0;
transition: opacity 0.3s ease 0.3s; /* delay opacity transition until after height transition finishes */
padding-bottom: 3em;
position: relative;
z-index: 1;
}
.accordion-content .link-small-inline {
transition:none !important;
position: relative;
z-index: 1;
}
.accordion-panel.active {
height: auto;
visibility: visible;
}
.accordion-content.active {
opacity: 1;
}
.accordion .accordion-head h2 {
text-align: left;
padding:0;
margin:0;
}
.accordion-head span {
position: absolute;
top: 10px;
right: 0;
font-size:1.5rem;
}
.accordion-icon svg {
display: block;
width: 1.5em;
height: auto;
}

.accordion-panel p {
line-height: 1.5em;
}
.accordion-plus,
.accordion-minus {
opacity: 1;
transition: opacity 0.3s ease;
color: var(--color-border-dark);
}
.accordion-head:hover .accordion-plus,
.accordion-head:focus-visible .accordion-plus,
.accordion-head:hover .accordion-minus,
.accordion-head:focus-visible .accordion-minus {
opacity: 1;
transition: opacity 0.3s ease;
}
.accordion-plus {
display: block;
}
.accordion-minus {
display: none;
}
.active .accordion-plus {
display: none;
}
.active .accordion-minus {
display: block;
}