:root{
    /* Anything above --button-height should work well. */
    --header-height:60px;
    /** Recommended to be between 44 and 56 pixels, with 50 being the average fingertip area.
     ** Better to stick with multiples of 12 for best visual results on the burger menu
     **/
    --button-height:48px
}

/* Make the page take full height */
html, body {
    height: calc(100% - var(--wp-admin--admin-bar--height, 0px));
    margin: 0;
}

/* Main wrapper */
body > div.wp-site-blocks {
    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
    display: flex;
    flex-direction: column;
}

/* Let main content expand */
.wp-site-blocks > main {
    flex: 1;
}

.bcg-header {
  position: sticky;
  top:calc(0px + var(--wp-admin--admin-bar--height, 0px));
  background-color: var(--background-primary);
}

.bcg-footer{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center
}

.bcg-footer span{
    display:inline-flex;
    align-items:center;
    flex-wrap:nowrap
}