/*------------------------------------*\
    ::Accordions
\*------------------------------------*/
.accordion {
    float: left;
    width: 100%;
}

.accordion__title {
    position: relative;
    margin: 15px 0 0 0;
    background-color: #006643;
    color: #fff;
    padding: .5em 2em .5em 1.25em;
    cursor: pointer;
}

    .accordion__title:after {
        content: "open";
       
        position: absolute;
        right: 0.9375rem;
        top: 0.9375rem;
        text-transform: none;
        font-size: 1em;
        font-weight: normal;
        vertical-align: middle;
    }

@media only screen and (max-width: 650px) {
    .accordion__title:after {
        font-size: 0.75em;
    }

    .accordion__title {
        padding: 0.5em 2em 0.5em 0.9375rem;
    }
}

.accordion__title--active:after {
    content: "x";
    tab-index:1;
}

.accordion__content {
    display: none;
    padding: 0.9375rem;
    color: #4c4c4c;
    /*border: solid  #6e8a95 1px;*/
}

    .accordion__content.no-padding {
        padding: 0;
    }

.accordion__title--active + .accordion__content {
    display: block;
}

.accordion__content h5 {
    color: #42545b;
    margin: 1.5em 0 .5em 0;
}

.accordion__content--padding {
    padding: 0.5em 0.9375rem;
}

.accordion--padding {
    padding: 3em 0;
}

.accordion__note {
    font-size: 0.875rem;
    padding: 0 0.9375rem;
}