html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	color: #333;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.container {
	max-width: 100vw;
}

.site {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.site-content {
    flex: 1 0 auto;
    margin-top: 80px;
}

.site-footer {
    flex: none;
}

footer {
    width: 100%;
    padding: 0.1rem 1.0rem;
    line-height: 1.5;
}

.footer-list {
    list-style-type: none;
    padding-left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.footer-list-item {
    margin: 0rem 0.8rem;
    white-space: nowrap;
}

.build-list {
		color: gray;
		font-size: 12px;
    list-style-type: none;
    padding-left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    margin-top: 0px;
    margin-bottom: 5px;
}

.build-list-item {
    margin: 0rem 0.8rem;
    white-space: nowrap;
}

/* Fix: prevent Sveltestrap collapseIn from leaving the navbar invisible
   when prefers-reduced-motion causes transition-duration = 0ms and Svelte
   skips calling tick(), leaving the node stuck in .collapsing (height:0). */
@media (prefers-reduced-motion: reduce) {
  .navbar-collapse.collapsing {
    height: auto !important;
    overflow: visible !important;
  }
}
