.wb-accordion {
    position:relative;

    .wb_accordion_container {
        display:flex;
        flex-direction:column;
        justify-content:space-between
    }

    .wb_accordion_head {
        align-items:center;
        display:flex;
        border-bottom: 1px solid #6f6f6f;
        padding-bottom: 5px;
        cursor:pointer;

        &.wb_accordion_head_reverse {
            flex-direction:row-reverse
        }
        &.wb_accordion_head_reverse .wb_accordion_heading_txt {
            margin-left:.5em;
            margin-right:0
        }
        &.wb_accordion_heading_txt {
            margin-right:0px;
            margin-left:.5em;
            width:100%
        }
    }

    .wb_accordion_heading_tag {
        margin:0!important;
        padding:0!important
    }

    .block-wb-accordion-child {
        box-sizing:border-box;
        overflow:hidden;

        +.block-wb-accordion-child {
            margin-top: 25px;
        }
    }

    &.bs__one {
        box-shadow:0 8px 24px hsla(210,8%,62%,.2)
    }
    &.bs__two {
        box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2)
    }
    &.bs__three {
        box-shadow:0 5px 15px rgba(0,0,0,.35)
    }

    .wb_accordion_icon {
        cursor:pointer;
        height:30px;
        line-height:40px;
        position:relative;
        text-align:center;
        width:30px;

        svg {
            vertical-align: initial;
        }

        .wb_accordion_collapse, .wb_accordion_expand {
            height:100%;
            left:0;
            position:absolute;
            top:0;
            width:100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .wb_accordion_collapse {
            display:none;
        }
        &.wb_accordion_active_icon {
            .wb_accordion_expand {
                display:none;
            }
            .wb_accordion_collapse {
                display: flex !important;
            }
        }

    }

    .wb_accordion_body {
        /*display:none;*/
        padding-top: 10px;
        font-weight: 300;
        opacity: 0;
        transition: opacity .5s ease-in-out;
    }

    .material-icons.reverse {
        rotate: 180deg;
    }

    .wb_accordion_active_accordion {
        .wb_accordion_body {
            opacity: 1;
        }
    }

}