/*
    <a href="https://video.hardlimit.com/w/1Y5kEn7bA8BjRUNaPUk2eb">Bees Discover Solid Water</a>
    <input id="collapsible" class="collapsible-toggle" type="checkbox">
    <label for="collapsible" class="collapsible-label">
        <span></span>
    </label>
    <div class="collapsible-content">
        <iframe title="Bees Discover Solid Water" width="99%" height="315" src="https://video.hardlimit.com/videos/embed/07d4533a-ecb8-459a-adc3-f94b0243d9f8" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
    </div>
*/

/* added overflow-y because TOC text would overlap onto paragraphs */
.collapsible-content {
    overflow-y:scroll; 
    visibility:collapse;
    max-height:0;
}
/*.collapsible-label .text {
    display:inline;
    font-weight:bold;
    margin-left:1%;
    color:#36dcff;
}
.collapsible-label .text:hover{
    color:white;
}*/

/* to prevent breaking [-] on phones, 
   leave toc item alone */
.collapsible-toc {
    white-space: nowrap;
    overflow-wrap: normal;
}
.collapsible-toc li a {
    white-space: normal;
    overflow-wrap: normal;
}

.collapsible-toggle {
    display:none;
}
.collapsible-label {
    display:inline-block;
    cursor:pointer;
    margin-bottom:1%;
}
/*.collapsible-label:before{
    content:"[";
}*/
/*.collapsible-label:after{
    content:"]"
}*/
.collapsible-label span:after {
    content:"(+)";
    font-family:monospace;
    text-decoration:underline;
    color:#91d94d;
/*     margin-left: 1em; */
/*     margin-right:-0.25em; */
}
.collapsible-toggle:checked + .collapsible-label span:after {
    content:"(-)";
    font-family:monospace;
    text-decoration:underline;
    color:#91d94d;
/*     margin-left: 1 em; */
/*     margin-right:-0.25em; */
}
.collapsible-toggle:checked + .collapsible-label + .collapsible-content {
    visibility:visible;
    max-height:315px;
}