/**
 * Hamburg Menu
 * When the class of 'hamburg' is applied to the body tag of the document, 
 * the sidebar changes it's style to attempt to mimic a menu on a phone app,
 * where the content is overlaying the content, rather than push it.
 */
@media only screen and (max-width:560px){
  body.hamburg {
    #page-wrapper {
      padding-left: 0;
    }
    #page-wrapper:not(.open) {
      #sidebar-wrapper {
        position: absolute;
        left: -100px;     
      }
      ul.sidebar .sidebar-title.separator {
        display: none;
      }
    }
    #page-wrapper.open #sidebar-wrapper {
      position: fixed;
      ul.sidebar li.sidebar-main {
        margin-left: 0px;
      }
    }
    #sidebar-wrapper ul.sidebar li.sidebar-main, .row.header .meta {
      margin-left: 70px;
    }
    #sidebar-wrapper ul.sidebar li.sidebar-main, #page-wrapper.open #sidebar-wrapper ul.sidebar li.sidebar-main {
      transition: margin-left .4s ease 0s;
    }
  }
}