// ArpaAccordion .arpa-accordion {

margin: 10px auto 30px auto;
text-align: left;

.arpa-accordion-title {
        position: relative;
        z-index: 20;
        display: block;
        padding: 10px 12px;
        cursor: pointer;
        color: #555;
        font-size: 18px;
        font-weight: bold;
        background: #fff;
        border: 1px solid #cfcfcf;

        &:hover{
                background: #fff;
        }
}

.arpa-accordion-input {
        display: none;

        &:checked + .arpa-accordion-item {
                box-shadow: 3px 3px 3px red;
        }

        &:checked + .arpa-accordion-title,
        &:checked + .arpa-accordion-title:hover {
                margin-bottom: 0;
                border-bottom: none;
        }

        &:checked + .arpa-accordion-title {
                border-color: #bbb;

                &:after {
                        background: none;
                }
        }

        &:checked ~ .arpa-accordion-content {
                padding: 10px 20px 0;
                margin-bottom: 10px;
                max-height: 9999999px;
                border: 1px solid #bbb;
                opacity: 1;
        }
}

.arpa-accordion-title {
        &:after {
                content: '';
                position: absolute;
                width: 24px;
                height: 24px;
                right: 13px;
                top: 7px;
                // background: url(image-path("arpa-accordion-arrow.png")) -6px -6px;
        }

        &:hover {
                &:after {
                        background-position: -6px -42px;
                }       
        }
}

.arpa-accordion-content {
        z-index: 10;
        position: relative;
        padding: 0 20px;
        max-height: 0px;
        background: #fafafa;
        overflow: hidden;
        opacity: 0;
}

}