/* Live Stream Section */
/* div#container section.livenow {} */
/* div#container section.livenow div.bin {} */
div#container section.livenow div.bin h2.head {display:flex; justify-content:center; align-items:center;}
div#container section.livenow div.bin h2.head svg.icon {color:red; margin-right:.25em;}
/* div#container section.livenow div.bin h2.head span.caption {} */



/* Vid Library Section */
/* div#container section.vidlibrary {} */
/* div#container section.vidlibrary div.bin {} */
/* div#container section.vidlibrary div.bin h2.head {} */
div#container section.vidlibrary div.bin div.specialstream {position:relative; overflow:hidden; padding-top:var(--aspectratio); border-radius:.75em;}
div#container section.vidlibrary div.bin div.specialstream iframe.vid {position:absolute; inset:0; height:100%; width:100%;}
div#container section.vidlibrary div.bin ul.vidlist {list-style:none; padding:0; margin:0;}
div#container section.vidlibrary div.bin ul.vidlist {display:grid; grid-template-columns:repeat(3,1fr); gap:.5em;}
div#container section.vidlibrary div.bin ul.vidlist li.viditem {position:relative; overflow:hidden; padding-top:var(--aspectratio);/* --aspectratio:49%; */ border-radius:.75em;}
div#container section.vidlibrary div.bin ul.vidlist li.viditem a.vidlink,
div#container section.vidlibrary div.bin ul.vidlist li.viditem iframe.vid {position:absolute; inset:0; height:100%; width:100%;}
div#container section.vidlibrary div.bin ul.vidlist li.viditem a.vidlink {background-size:cover; background-position:center; transition:.125s;}
div#container section.vidlibrary div.bin ul.vidlist li.viditem a.vidlink:hover {opacity:.5;}

/* Date Floater */
iframe.vid + span.date {position:absolute; inset:0;}
iframe.vid + span.date {background-color:var(--blackglass); font-size:3rem;}
iframe.vid + span.date {display:grid; place-items:center;}
iframe.vid + span.date.inc {color:lime;}







/* Large Screen */
@media screen and (max-width:64rem) {

	/* Vid Library Section */
	/* div#container section.vidlibrary {} */
	/* div#container section.vidlibrary div.bin {} */
	div#container section.vidlibrary div.bin ul.vidlist {grid-template-columns:repeat(2,1fr);}
}


/* Medium Screen */
@media screen and (max-width:48rem) {

	/* Vid Library Section */
	/* div#container section.vidlibrary {} */
	/* div#container section.vidlibrary div.bin {} */
	div#container section.vidlibrary div.bin ul.vidlist {grid-template-columns:auto;}
}


/* Small Screen */
@media screen and (max-width:32rem) {

	/* Vid Library Section */
	/* div#container section.vidlibrary {} */
	/* div#container section.vidlibrary div.bin {} */
}