/*Wrap Text*/
.wraptext > input[type="checkbox"] {
    position: absolute;
    left: -100vw;
}

.wraptext .wrapcont {
    overflow-y: hidden;
    height: 0;
    transition: height 0.3s ease;
}

.wraptext > input[type="checkbox"]:checked ~ .wrapcont {
    height: auto;
    overflow: visible;
}

.wraptextlabel {
    display: block;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    font-weight: normal;
    padding: 10px;
    background: #e8e8e8;
}


.wraptext {
    /*margin-bottom: 0.5em;*/
}

    .wraptext > input[type="checkbox"]:checked ~ .wrapcont {
        padding: 15px;
        border: 1px solid #e8e8e8;
        border-top: 0;
    }

    .wraptext .handle {
        margin: 0;
        font-size: 1.125em;
        line-height: 1.2em;
    }

.wraptextlabel:hover,
.wraptextlabel:focus {
    background: #d8d8d8;
}

.wraptext .handle label:before {
    font-family: 'fontawesome';
    content: url("../images/wrapper-show.png");
    display: inline-block;
    margin-right: 10px;
    font-size: .58em;
    line-height: 1.556em;
    vertical-align: middle;
}

.wraptext > input[type="checkbox"]:checked ~ .handle label:before {
    content: url("../images/wrapper-hide.png");
}