.accordion-head {
    display: flex;
    justify-content: space-between; /* SET TO FLEX START IF YOU WANT PLUS SIGN TO BE NEXT TO TEXT */
    padding: .8em .0em;
    align-items: center;
    /*border-bottom: 1px solid #eee;*/
    margin-bottom: 20px;
}

.accordion-head:hover {
    /* background-color: #ddd; */
    /* text-decoration: underline; */
    border-bottom: 1px solid var(--color-accent5);
    cursor: pointer;
}

.accordion-expand {
    font-size: 100%;
    font-weight: 300;
    padding: 0px 8px;
    border-radius: 50%;
}
.minus {
    font-size: 220%;
}
.accordion-title {
    font-size: 120%;
    margin: 0px 5px;
}

.accordion-body {
    max-height: 0;
    visibility: hidden; 
    overflow: hidden;
    transition-duration: 800ms; 
    transition-property: max-height, visibility; 
    width: 100%;
}


.accordion-body div{
    padding-top: .5rem!important;
}


.accordion-body.open {
    visibility: visible; 
    transition-duration: 800ms; 
    transition-property: max-height, visibility; 
}

.accordion-container {
    border-bottom: 1px solid #d9d9d9;
}

.accordion-container:last-child {
    border-bottom: none;
}

.action-x {
    color: #fff;
    background-color: #3a7aaf;
    border-color: #2d5d85;
}

.accordion-ul {
    padding-left: 0px!important;
    margin: 1em 0em!important;
    list-style-type: none;
}

/*OVERIDE ANY OTHER DEFAULT WIDTH*/
span.accordion-name h3	{
	width: 100%;
    margin: 0px;
} 

.accordion-head h3.subTitle {
    font-size: 18px;
    color: #666;
    font-weight: bold;
    margin: 0px;
}

.accordion-head h3.subTitle .accordion-expand {
	color: var(--color-accent1);
}

/* The two spans need to be positioned within the accordion-container, but they're not)*/