.accordion {
    width: 100%;
}

.accordion .accordion-head {}

.accordion .accordion-head * {
    cursor: pointer;
}

.accordion .accordion-head h4 {
    float: left;
}

.accordion .accordion-head:hover {}

.accordion .accordion-body {
    padding: 5px 20px 20px;
    height: auto;
    display: none;
    background-color: #EDEDED;
}

.arrow {
    display: inline-grid;
    position: relative;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    margin-top: 0;
    border-top-color: #1800ff;
}

.accordion-head.open .arrow {
    border-bottom-color: #1800ff;
    top: -11px;
    border-top-color: transparent;
}