/*---------------------------------------------
    Content Accordions
---------------------------------------------*/
    .accordions > h3 {
        border: 1px solid #ddd;
        color: #444;
        line-height: 20px;
        border-radius: 4px;
        font-size: 1.1em;
        padding: 8px 36px 8px 12px;
        margin: 0 0 5px 0;
        background-color: #efefef;
        cursor: pointer;
        position: relative;
    }
    .accordions > h3.active {
        margin-bottom: 0;
        border-radius: 4px 4px 0 0;
        border-color: #3d5d05;
        background-color: #597709;
        color: #fff;
    }
    .accordions > h3::after  {
        position: absolute !important;
        top: 50%;
        right: 8px;
        transform: translateY(-50%);
        display: block;
        width: 20px;
        height: 20px;
        color: #597709;
        font-size: 20px;
        line-height: 20px;
        text-align: center;
        position: relative;
        font-family: "FontAwesome";
        content: "\f0fe";
    }
    .accordions > h3.active::after  {
        content: "\f146";
        color:#fff;
    }

    .accordions .panel {
        color: #444;
        padding: 15px;
        border: 1px solid #ddd;
        border-top: none;
        display: none;
        margin: 0 0 5px 0;
        border-radius: 0 0 4px 4px;
    }
    .accordions .panel ul {
        list-style-type: square;
        margin-bottom: 15px;
    }
    .accordions .panel p {
        margin: 0 0 1em 0;
    }
    .accordions .panel p:last-child {
        margin-bottom: 0;
    }