/*
    Bootstrap Accordions
*/
.content-accordion .content-accordion__panel {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 12px;
    overflow: hidden;
}

.content-accordion .content-accordion__heading {
    padding: 0;
    background: #fff;
}

.content-accordion .content-accordion__title {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

.content-accordion .content-accordion__toggle {
    display: table;
    width: 100%;
    padding: 18px 20px;
    color: #333;
    text-decoration: none;
    background: #fff;
}

    .content-accordion .content-accordion__toggle:hover,
    .content-accordion .content-accordion__toggle:focus {
        text-decoration: none;
        color: #333;
        background: #f8f8f8;
    }

    .content-accordion .content-accordion__toggle[aria-expanded="true"],
    .content-accordion .content-accordion__toggle[aria-expanded="true"]:hover,
    .content-accordion .content-accordion__toggle[aria-expanded="true"]:focus,
    .content-accordion .content-accordion__toggle[aria-expanded="true"] .content-accordion__text {
        color: #ec8d1a;
        background: #f5f5f5;
    }

.content-accordion .content-accordion__text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-weight: 600;
    padding-right: 16px;
}

.content-accordion .content-accordion__indicator {
    display: table-cell;
    width: 24px;
    vertical-align: middle;
    position: relative;
}

    .content-accordion .content-accordion__indicator:before,
    .content-accordion .content-accordion__indicator:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: #666;
        transform: translate(-50%, -50%);
    }

    .content-accordion .content-accordion__indicator:before {
        width: 12px;
        height: 2px;
    }

    .content-accordion .content-accordion__indicator:after {
        width: 2px;
        height: 12px;
        transition: opacity 0.2s ease;
    }

.content-accordion .content-accordion__toggle[aria-expanded="true"] .content-accordion__indicator:before,
.content-accordion .content-accordion__toggle[aria-expanded="true"] .content-accordion__indicator:after {
    background-color: #ec8d1a;
}

.content-accordion .content-accordion__toggle[aria-expanded="true"] .content-accordion__indicator:after {
    opacity: 0;
}

.content-accordion .content-accordion__toggle.collapsed .content-accordion__indicator:after,
.content-accordion .content-accordion__toggle[aria-expanded="false"] .content-accordion__indicator:after {
    opacity: 1;
}