:root {
	/* Social Colors */
	--fbblue:#3b5998;
	--twblue:#00aced;
	--igpink:#FE1F49;
	--linblue:#0077b5;
	--ytbred:#ff0000;
}


/* Footer */
div#container footer.footer {text-align:center; padding:0 2rem; margin-top:2.5rem}
div#container footer.footer div.bin {display:grid; place-items:center; width:100%; max-width:var(--pagewidth); padding-bottom:.5rem; padding-bottom:1.5rem; margin:0 auto;}
div#container footer.footer div.bin h2.head {margin:0;}
div#container footer.footer div.bin > div/* .hub */ {margin-top:2em;}


/* Footer: Tech Hub */
div#container footer.footer div.bin div.techhub {font-size:.875rem; opacity:.25;}
div#container footer.footer div.bin div.techhub a.devlink {color:inherit; text-decoration:none;}


/* Footer: Table Hub */
/* div#container footer.footer div.bin div.tablehub {display:none;} */
div#container footer.footer div.bin div.tablehub {padding:.5rem;}
div#container footer.footer div.bin div.tablehub ul.navlist {list-style:none; /* text-align:center; */ padding:0; margin:0;}
div#container footer.footer div.bin div.tablehub ul.navlist {--gridwidth:4; --gridwidth:3; /* --gridwidth:2; */}
div#container footer.footer div.bin div.tablehub ul.navlist {/* display:grid; */ grid-template-columns:repeat( var(--gridwidth) , 1fr ); grid-gap:.25rem; /* margin-top:.25em; */}
/* div#container footer.footer div.bin div.tablehub ul.navlist li.navitem {} */
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem.x {display:none;}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem.fw {grid-column-end:span var(--gridwidth);}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink {display:flex; flex-direction:column; align-items:center; padding:.75rem .25rem; padding:.75rem; border-radius:.375rem;}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink {color:inherit; text-decoration:none; position:relative;}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink:hover {background-color:var(--backcolor3);}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink:active {background-color:var(--backcolor4);}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink svg.icon {font-size:2.125rem;}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink span.caption {position:absolute; bottom:100%; left:50%; transform:translateX(-50%); z-index:50;}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink span.caption {background-color:var(--backcolor4); padding:.375rem .75rem; border-radius:.5rem; margin-bottom:.5rem;}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink span.caption {font-size:1rem; white-space:nowrap;}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink span.caption {visibility:hidden; opacity:0;}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink:hover span.caption {visibility:visible; opacity:1; transition:.25s;}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink span.caption::after {position:absolute; top:100%; left:50%; transform:translateX(-50%);}
div#container footer.footer div.bin div.tablehub ul.navlist li.navitem a.navlink span.caption::after {border:solid .5em transparent; border-top-color:var(--backcolor4); content:'';}


/* Footer: Social Hub */
div#container footer.footer div.bin div.socialhub {text-transform:uppercase;}
/* div#container footer.footer div.bin div.socialhub ul.navlist {} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem {} */
div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink {font-size:1.25em; font-size:1.625rem; padding:.5em; padding:.75rem;}
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink {position:relative;} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink::after {position:absolute; bottom:0; left:0;} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink::after {background-color:var(--orange,white); content:''; height:.125em; width:0; transition:.25s ease;} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink:hover::after {width:100%;} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink svg.icon {display:none;} */
/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink span.caption {display:block;} */
div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink svg.icon {display:block;}
div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink span.caption {display:none;}
div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink.fb:hover svg.icon {color:var(--fbblue);}
div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink.tw:hover svg.icon {color:var(--twblue);}
div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink.ig:hover svg.icon {color:var(--igpink);}
div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink.lin:hover svg.icon {color:var(--linblue);}
div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink.ytb:hover svg.icon {color:var(--ytbred);}






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

	/* Footer */
	/* div#container footer.footer {} */
	/* div#container footer.footer div.bin {} */

	/* Footer: Table Hub */
	/* div#container footer.footer div.bin div.tablehub {} */

	/* Footer: Social Hub */
	/* div#container footer.footer div.bin div.socialhub {} */
}

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

	/* Footer */
	/* div#container footer.footer {} */
	/* div#container footer.footer div.bin {} */

	/* Footer: Table Hub */
	/* div#container footer.footer div.bin div.tablehub {} */

	/* Footer: Social Hub */
	/* div#container footer.footer div.bin div.socialhub {} */
}

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

	/* Footer */
	/* div#container footer.footer {} */
	/* div#container footer.footer div.bin {} */

	/* Footer: Table Hub */
	/* div#container footer.footer div.bin div.tablehub {} */

	/* Footer: Social Hub */
	/* div#container footer.footer div.bin div.socialhub {} */
	div#container footer.footer div.bin div.socialhub ul.navlist {flex-direction:row;}
	/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem {} */
	/* div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink {} */
	div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink svg.icon {display:block;}
	div#container footer.footer div.bin div.socialhub ul.navlist li.navitem a.navlink span.caption {display:none;}
}

/* Tiny Smartphone Screen */
@media screen and (max-width:20rem) {

	/* Footer */
	/* div#container footer.footer {} */
	/* div#container footer.footer div.bin {} */

	/* Footer: Table Hub */
	/* div#container footer.footer div.bin div.tablehub {} */

	/* Footer: Social Hub */
	/* div#container footer.footer div.bin div.socialhub {} */
}