.truncate-js {
    max-height: 800px;
    overflow: hidden;
    transition: max-height 700ms ease-in;
    margin-bottom: 16px;
}

.truncate-js-collapsed {
    max-height: 200px;
    transition: max-height 700ms ease-out;
}

.truncate-js-toggle {
    display: inline-block;
    text-align: center;
    width: 100%;    
}

.truncate-js-toggle:after {
    content: "\f067";
    font-family: FontAwesome;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font-weight: bold;
    text-align: right;
    padding-right: 2rem;
    font-size: 2rem;
    background: -webkit-linear-gradient(bottom,#eff3f3 1%,transparent);
    background: linear-gradient(to top,#eff3f3 1%,transparent);
}

.truncate-js-toggle.truncate-read-less:after {
    content: "\f00d";
    font-family: FontAwesome;
}