/* Base */
html,
body {scroll-behavior:smooth;}
body {background-color:white;}
/* div#container {display:block;} */
div#container {align-items:stretch; grid-gap:0;}


/* Navigation Menu */
div#container nav.navbar {text-transform:uppercase; padding:0 2rem;}
div#container nav.navbar div.bin {max-width:var(--pagewidth); margin:0 auto;}


/* General Section */
div#container section {padding:0 2rem;}
div#container section div.bin {width:100%; max-width:var(--pagewidth); margin:0 auto;}


/* Hero Section */
/* div#container section.hero {} */
/* div#container section.hero div.bin {} */

/* Hero Vignette */
div#container section.hero div.bin div.vignette {display:flex; flex-direction:column; justify-content:center;}

/* Hero Vignette Head */
/* div#container section.hero div.bin div.vignette div.head {} */

/* Hero Vignette Body */
div#container section.hero div.bin div.vignette div.body {margin-top:1rem;}
div#container section.hero div.bin div.vignette div.body div.ctahub {margin-top:var(--btnspace); --btnspace:.75rem;}
div#container section.hero div.bin div.vignette div.body div.ctahub ul.navlist {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;}
div#container section.hero div.bin div.vignette div.body div.ctahub ul.navlist li.navitem {margin-right:var(--btnspace);}
div#container section.hero div.bin div.vignette div.body div.ctahub ul.navlist li.navitem a.navlink {text-transform:uppercase;}
/* div#container section.hero div.bin div.vignette div.body div.buyhub {} */
/* div#container section.hero div.bin div.vignette div.body div.buyhub ul.navlist {} */
/* div#container section.hero div.bin div.vignette div.body div.buyhub ul.navlist li.navitem {} */
/* div#container section.hero div.bin div.vignette div.body div.buyhub ul.navlist li.navitem a.navlink {} */
/* div#container section.hero div.bin div.vignette div.body div.socialhub {} */
/* div#container section.hero div.bin div.vignette div.body div.socialhub ul.navlist {} */
/* div#container section.hero div.bin div.vignette div.body div.socialhub ul.navlist li.navitem {} */
div#container section.hero div.bin div.vignette div.body div.socialhub ul.navlist li.navitem a.navlink {background-color:transparent; color:var(--socialbtncolor); padding:.25em;}
div#container section.hero div.bin div.vignette div.body div.socialhub ul.navlist li.navitem a.navlink svg.icon {font-size:2em;}
div#container section.hero div.bin div.vignette div.body div.socialhub ul.navlist li.navitem a.navlink span.caption {display:none;}



/* Hero Section */
div#container section.hero a.btn {background-color:var(--ctabg); color:var(--ctafg); transition:.5s; transition:.375s; transition:.25s;}
div#container section.hero a.btn:hover {background-color:var(--hoverctabg); color:var(--hoverctafg); transform:scale(1.1);}
div#container section.hero a.btn.pr {background-color:var(--primaryctabg); color:var(--primaryctafg); /* border-color:white; */}
div#container section.hero a.btn.pr:hover {background-color:var(--hoverprimaryctabg); color:var(--hoverprimaryctafg); /* border-color:var(--green); */}




/* Footer */
div#container footer.footer {margin-top:4rem;}