/* Base */
body {
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:1.45;
  background:#dedcf2;
  color:#1e2a78;
}

/* Header */
.site-header {
  background:#dedcf2;
  border-bottom:4px solid #2b308f;
}

.header-inner {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:flex-end;
  padding:12px 20px 8px;
}

.logo {
  font-family:'Allura', cursive;
  font-size:46px;
  line-height:1;
  color:#2b308f;
}

/* Layout */
.layout {
  max-width:1200px;
  margin:0 auto;
  display:flex;
}

.sidebar {
  width:230px;
  background:#2b308f;
}

.sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
}

.sidebar li {
  border-bottom:1px solid rgba(255,255,255,.25);
}

.sidebar li ul {
  background:#3a3fb1;
}

.sidebar li ul a::before {
  content:'▸ ';
}

.sidebar a {
  display:block;
  padding:9px 14px;
  font-size:13px;
  color:#fff;
  text-decoration:none;
}

.sidebar a:hover,
.sidebar li.active > a {
  background:#1d2270;
}

/* Content */
.content {
  flex:1;
  padding:18px 22px;
}

/* Footer */
.footer {
  margin-top:28px;
}

.footer-line {
  height:6px;
  background:#2b308f;
}

.footer-text {
  background:#2b308f;
  color:#fff;
  text-align:center;
  font-size:12px;
  padding:6px;
}

/* Modules */
.moduletable {
  margin-bottom:16px;
}

.moduletable h3 {
  background:#2b308f;
  color:#fff;
  font-size:13px;
  padding:6px 10px;
  margin:0;
}

/* Responsive */
@media(max-width:900px){
  .header-inner { align-items:center; }
  .layout { flex-direction:column; }
  .sidebar { width:100%; }
}