/*  site.css - The Brick Mill Games Primary CSS Settings.  */

:root {
    --codoc-header-background:                 #445172;
    --codoc-sidebar-background:                rgb(from #445172 calc(r + 64) calc(g + 64) calc(b + 64));
    --codoc-boxinfo-background:                rgb(from #445172 calc(r + 16) calc(g + 16) calc(b + 16));
    --codoc-boxinfo-caption-background:        rgb(from #445172 calc(r + 24) calc(g + 24) calc(b + 24));
    --codoc-boxinfo-header-background:         rgb(from #445172 calc(r + 80) calc(g + 80) calc(b + 80));
    --codoc-boxinfo-odd-row-background:        rgb(from #445172 calc(r + 128) calc(g + 128) calc(b + 128));
    --codoc-pubdir-header-background:          rgb(from #445172 calc(r + 24) calc(g + 24) calc(b + 24));
    --codoc-registry-column-header-background: rgb(from #445172 calc(r + 80) calc(g + 80) calc(b + 80));
    --codoc-registry-odd-row-background:       rgb(from #445172 calc(r + 128) calc(g + 128) calc(b + 128));
    --codoc-registry-even-row-background:      rgb(from #445172 calc(r + 80) calc(g + 80) calc(b + 80));
    --codoc-detail-background:                 rgb(from #445172 calc(r + 80) calc(g + 80) calc(b + 80));
}

body {
	margin: 0;
	padding: 0; 
	background: #445172;
	color: #222;
	font: 12pt 'PT Sans', sans-serif;
	text-align: center;
}

p      { margin-top: 0; margin-bottom: 1.5em; }
h1     { font: 34pt 'PT Sans'; color: black; }
h2     { font: 24pt 'PT Sans'; color: black; }
h3     { font: 12pt 'PT Sans'; color: black; }
img    { border: 0; }
th, td { font-family: 'PT Sans', sans-serif; }
a         { color: #369; text-decoration: none; }
a:link    { color: #369; text-decoration: none; }
a:visited { color: #369; text-decoration: none; }
a:hover   { color: #7ef; text-decoration: none; }
a:active  { color: #222; text-decoration: none; }

img.float_left { float: left; }
img.float_right { float: right; }

#page { width: 100%; margin: 0; padding: 0; border: none; text-align: left; }
#container { max-width: 100%; }
#columns {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

#sidebar {
    display: inline-grid;
    grid-template: 1 / auto 1fr;
}
#logo { background: #222; color: #99a; padding: 0.5em 1em; font: 12pt 'PT Sans Narrow'; text-align: center; }
#sidemenu {
    width: 100%;
    min-height: 50px;
    background: #444;
}
#sidemenu > .subheading {
    color: #aab;
    margin-top: 0.33em;
    margin-bottom: 0.125em;
    font: 10pt 'PT Sans Narrow';
    text-align: center;
}
#sidemenu > push-button {
    width: 100%;
}
#footer {
    border-top: 1px dotted black;
    color: #99a;
    padding: 0.5em;
    text-align: center;
    font-size: 0.75em;
    font-family: 'PT Sans Narrow';
}

#main { background: #eef; position: relative; top: 0; left: 0; width: 100%; height: 100vh; overflow: auto }
#content { margin: 0.5em; }

.switchable {
    display: none;
}