.mm-collapsible .collapsible {

    cursor: pointer;

    width: 100%;

    outline: none;

    display: block;

}

.mm-collapsible .collapsible.inline {
    display: inline-flex;
}

.mm-collapsible .collapsible .block .full {
    transition: height 1s ease-in-out;
    overflow: hidden;
}

.mm-collapsible .collapsible.active .block .full {
    transition: height 1s ease-in-out;
}

.mm-collapsible .collapsible.active .block .full h1,
.mm-collapsible .collapsible.active .block .full h2,
.mm-collapsible .collapsible.active .block .full h3,
.mm-collapsible .collapsible.active .block .full h4,
.mm-collapsible .collapsible.active .block .full h5,
.mm-collapsible .collapsible.active .block .full h6 {
    margin-top: 0px!important;
}

.mm-collapsible .collapsible.inline .block {
    width: 100%;

    /*float: left;*/
}

.mm-collapsible .collapsible .block.right {
    float: right;
}



.mm-collapsible .collapsible .block.icon-inline {
    width: 100%;
    float: none;
}

.mm-collapsible .collapsible .block.icon-bottom {
    width: 100%;
    float: none;
}



.mm-collapsible .collapsible .icon {
    float: right;
    display: block;
    text-align: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.mm-collapsible .collapsible .icon .field--type-fontawesome-icon {
    width: 100% !important;
}



/*.collapsible.inline.icon-left .icon {float: left;}*/

/*.collapsible.inline.icon-left .block {float: right;}*/

/*.collapsible .icon.right {float: right;}*/

/*.collapsible .icon.center {float: none; text-align: center;}*/



/*.collapsible .icon.inline {width: 10%; float: none;}*/

.mm-collapsible .collapsible.bottom .icon {
    width: 100%;
    float: none;
    text-align: center;
}

.mm-collapsible .collapsible.bottom .icon.left {
    text-align: left;
}

.mm-collapsible .collapsible.bottom .icon.right {
    text-align: right;
}

.mm-collapsible .collapsible.bottom .icon .field--type-fontawesome-icon {
    float: none;
}



.collapsible .icon .roll-up {
    display: none;
}

.collapsible.active .icon .roll-down {
    display: none;
}

.collapsible.active .icon .roll-up {
    display: block;
}



.content {

    width: 100%;

    /*padding: 0 18px;*/

    /*max-height: 0;*/

    /*overflow: hidden;*/

    transition: max-height 2s ease-out;

    /*background-color: #f1f1f1;*/

}

.mm-collapsible  .field--type-fontawesome-icon {
    margin-right: 0px;
}