/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                                                              Ex FontAwesome x_x

Real Font Awesome is in \templates\styles\font-awesome-4.7.0\css\_rollback\

This "Font Awesome" is merely some CSS to provide the + / - effect that was
the most commonly used (on prod) part of FA. This means real FA will no
longer load which in turn will no longer require hosting to
serve .ttf, .woff, and .woff2 (valid font types (which it doesn't (so it
won't complain with a 404 (so logs will be cleaner)))).
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                                                                 FA Open / Close
The open/close + / - symbols used with DETAILS tags
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
details.openClose summary {
    position: relative;
}

details.openClose summary:before {
    content: "";
    position: absolute;
    /*left: -0.2em;*/
    padding-right: 0.5em;
    top: 0em;
    background: url(../images/plus.png) no-repeat 0 0;
    display: block;
    width: 1.5em;
    height: 1.5em;
    background-size: 1.5em auto;
}

details.openClose[open] summary:before {
    content: "";
    background: url(../images/minus.png) no-repeat 0 0;
    background-size: 1.5em auto;
}