// .treemenu li a {
//  color: red;
// }


body {
    color: #000
}

.overlay { position: fixed; background: #f0f0f0; top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s, height .35s; }

.treemenu li {
    /* REMOVE */
    padding: 5px 0;
}

.treemenu li a {
    /* ADD -  Increasing the height */
    padding: 13px 0;
}


/* 
    ############# .toggler
*/
.treemenu li {
    /* ADD */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.treemenu li a {
    /* REMOVE */
    margin-left: 1.2rem;
}

.treemenu ul {
    /* ADD */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.treemenu .toggler {
    /* REMOVE */
    line-height: 1rem;
    float: left;
    padding-left: 5px;

    /* ADD */
    padding: 0 10px; /* Increase width */

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.treemenu li.tree-closed > .toggler:before { font-size:200%; content: "+"; }
.treemenu li.tree-opened > .toggler:before { font-size:200%; content: "\2212"; }