// view for main.html aka the homepage
// @author Cole Mecum

h1.lsg-header{
  color: lighten($wk-primary-black, 25%);
  margin-bottom: 20px;
}

body {
  background-color: #f6f6f6;
}


.patchnotes{
  li > h4,h5,h6{
    color: $wk-primary-gray;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
  }
}

//main container
.lsg-example {
  margin-left: 250px;
  padding: 0 20px;
  margin-bottom: 125px;


  .well {
    background-color: white;
  }
}

body{
  width: 100%;
  overflow-x: hidden;
}

.page-wrapper {
  min-height:100%;
  margin-bottom: 140px;
}


@media(max-width: 480px) {
  .lsg-example {
    margin-left: 0;
    padding: 50px 5px 0 5px;
  }

  .wk-left-nav {
    width: 100%;
    text-align: left;

    .sub-nav.nav-link {
      padding: 1em;
    }
  }
}

@media(max-width: 768px) {
  .lsg-example {
    padding: 50px 25px 0 25px;
    margin-left: 0;
  }

  .wk-left-nav {
    margin-top: 50px;
    position: fixed;
    top: 0;
    left: 0;
  }
}