/* Layout styles */
body > .layout {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

body > .layout > .l-wrapper {
  flex: 2 1 0;
}

.layout > [class*="l-"],
.layout .l-wrapper-inner > div[class*="l-"] {
  padding-top: var(--gutter-width);
  padding-bottom: var(--gutter-width);
}

.layout > div.l-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--lighter-grey-colour);
}

.layout .l-wrapper-inner > div.l-page-title {
  padding-top: 0;
  padding-bottom: 0;
}

.layout .l-wrapper-inner > div.l-top {
  background-color: var(--primary-colour);
  color: white;
  padding-top: 30px;
  padding-bottom: 30px;
}
.l-top h1 {
  color: white;
  margin: 0 auto;
}

.layout--moscone .l-wrapper-inner > div.l-top {
  margin-left: var(--neg-gutter-width);
  margin-right: var(--neg-gutter-width);
  padding-left: var(--gutter-width);
  padding-right: var(--gutter-width);
}

.l-sidebar {
  margin-top: var(--gutter-width);
}

.l-footer {
  background-color: black;
  color: white;
}

@media only screen and (min-width: 768px) {
  .l-sidebar {
    margin-top: 0;
  }
}