:root {
  --site-hue: 32; --site-saturation: 10; --site-lightness: 60;
}
@font-face {
  font-family: "Open Sans"; src: url("/static/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
}
body {
  min-height: 100%; padding-bottom: 3em;
}
button, input[type=button], select:not([size]) {
  background: linear-gradient(to bottom, hsl(0,0%,92%), hsl(0,0%,85%)) #ddd; color: #222; border: outset 1px hsl(0,0%,80%); border-radius: 2px;
  font-weight: normal; font-style: normal; line-height: normal;
}
button:disabled, input:disabled, select:disabled {
  color: #888;
}
/*a { text-decoration: underline; }*/
h1 {
  margin-bottom: .5em; font-size: 1.25rem; font-family: serif; font-weight: normal; text-decoration: none;
}
h2 {
  margin: .5em 2px 0; font-size: .9em; font-weight: bold; max-width: 25em;
}
html {
  overflow: hidden scroll; height: 100vh; font-family: 'Open Sans', sans-serif; background: hsl(calc(var(--site-hue) + 210) calc(var(--site-saturation) / 2) var(--site-lightness));
}
.active-menu-li-class > * {
  background: hsla(0,0%,0%,.1);
}
.hlp-struct-menu-class {
  margin: 1em; vertical-align: top; background: hsl(30,50%,80%); border: solid 1px black;
}
.hlp-struct-menu-class > div {
  margin: 1em; background: hsl(210,50%,70%); border: solid 1px black;
}
.hlp-struct-menu-class > div:not(:first-of-type) {
  border-style: dashed;
}
.hlp-struct-site-area-class {
  margin: 1em; background: hsl(210,50%,70%); border: solid 1px black;
}
.hlp-struct-site-area-class > div {
  margin: 1em; background: hsl(210,0%,90%); border: solid 1px black;
}
.hlp-struct-site-area-class > div:not(:first-of-type) {
  border-style: dashed;
}
.hlp-struct-site-area-class:not(:first-of-type) {
  border-style: dashed;
}
.hlp-struct-site-class {
  padding: 2em; background: hsl(210,50%,90%); border: solid 1px black;
}
.hlp-struct-site-class > div {
  display: inline-block;
}
.hlp-struct-site-class h1 {
  margin: 3px; font-family: sans-serif;
}
#simplet-after-login-div {
  padding: 1em;
}
.site-content-type-1001 {
  padding: 1.5em;
}
.site-content-type-1003 {
  padding: 1em;
}
.site-content-type-2 {
  padding: 2em 3em;
}
#site-footer-div1 {
  border-radius: 0em 0em 0.5em 0.5em; background: hsla(0,0%,100%,0.5);
}
#site-main-content-div0 a {
  color: sienna;
}
#site-main-content-div1 {
  background: hsl(0,0%,97%); min-height: 50vh;
}
#site-menu-div1 {
  border-radius: 0.5em 0.5em 0em 0em;
}
#site-outer-div {
  max-width: 65rem; margin: 0 auto; padding: 0 3px; color: hsl(0,0%,0%);
}
#site-outer-div > div > div {
  text-align: left;
}
/*
.SiteArea0 {
  margin: .5em; padding: 1em; min-height: 80%; border: solid 1px #aaa; border-radius: 1em; background: hsl(0,0%,100%); 
}
*/