/* Left sidebar for links common to the blog and the app; contextual links
   stay in the top-right header nav. Mirrored in app/static/app.css. */

.logged-out-banner {
  background: #eef6ee;
  border-bottom: 1px solid #cde3cd;
  color: #2b6a2b;
  padding: 8px 15px;
  text-align: center;
}

.layout-wrap {
  display: flex;
  align-items: flex-start;
}

.site-sidebar {
  width: 200px;
  flex-shrink: 0;
  padding: 30px 0 30px 30px;
}

.site-sidebar .page-link {
  display: block;
  margin-bottom: 10px;
  color: #111;
}

.layout-wrap .page-content {
  flex: 1;
  min-width: 0;
}

@media screen and (max-width: 600px) {
  .layout-wrap {
    display: block;
  }

  .site-sidebar {
    width: auto;
    padding: 15px 15px 0;
  }

  .site-sidebar .page-link {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0;
  }
}