.accordion {
    .item {
        background-color: map_get($default-colors, primary);
        margin-top: 16px;
        overflow: hidden;

        &>.head {
            padding-left: 24px;
            padding-right: 50px;
            white-space: nowrap;
            line-height: 48px;
            min-height: 48px;
            position: relative;
            cursor: pointer;

            .title {
                overflow: hidden;
            }

            .icon {

            }

            &:after {
                display: block;
                content: '\e92d';
                font-family: mobfish-core-iconset;
                position: absolute;
                right: 24px;
                top: 0;
                -moz-transition: all 0.5s ease;
                /* WebKit */
                -webkit-transition: all 0.5s ease;
                /* Opera */
                -o-transition: all 0.5s ease;
                /* Standard */
                transition: all 0.5s ease;
            }
        }

        &.open {
            .head:after {
                /* Firefox */
                -moz-transform: scale(1) rotate(180deg);
                /* WebKit */
                -webkit-transform: scale(1) rotate(180deg);
                /* Opera */
                -o-transform: scale(1) rotate(180deg);
                /* Standard */
                transform: scale(1) rotate(180deg);
            }
        }

        .item-body {
            display: none;
            .content {
                padding: 16px 24px;
            }
        }
    }
}


ul.accordion {
    list-style: none;
    margin-top: 16px;
    padding: 0;

    .item {
        margin: 0;
        padding: 0;
    }
}