aside, main {
  height: 100%;
  min-height: 100%; }

aside {
  width: 380px;
  right: 0;
  z-index: 8;
  position: fixed;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  color: #fff;
  background-color: #5f6769;
  -webkit-transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1), 1s -webkit-transform cubic-bezier(0.23, 1, 0.32, 1); }

.show-sidebar aside {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%); }

aside .toggle {
  padding-right: 31px;
  padding-top: 30px;
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);

}

 .show-sidebar aside .toggle .burger:before, .show-sidebar aside .toggle .burger span, .show-sidebar aside .toggle .burger:after {
    background: #fff;
}

.show-sidebar aside {
    /*
  -webkit-box-shadow: -10px 0 30px 0 rgba(0, 0, 0, 0.5);
  box-shadow: -10px 0 30px 0 rgba(0, 0, 0, 0.5);
  */
}

aside .side-inner {
  /*padding: 20px 0;*/
  height: 100vh;
 /* overflow-y: scroll;
  -webkit-overflow-scrolling: touch; */}

aside .side-inner .share {
    padding: 0px 50px 50px 50px; }

aside .side-inner .share h2 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 30px; }

aside .side-inner .share h4 {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 30px; }

aside .side-inner .share p {
  color: #fff;
  line-height: 1.8;
  margin-bottom: 30px; }

aside .col-xs-1, aside .col-sm-1, aside .col-md-1, aside .col-lg-1, aside .col-xs-2, aside .col-sm-2, aside .col-md-2, aside .col-lg-2, aside .col-xs-3, aside .col-sm-3, aside .col-md-3, aside .col-lg-3, aside .col-xs-4, aside .col-sm-4, aside .col-md-4, aside .col-lg-4, aside .col-xs-5, aside .col-sm-5, aside .col-md-5, aside .col-lg-5, aside .col-xs-6, aside .col-sm-6, aside .col-md-6, aside .col-lg-6, aside .col-xs-7, aside .col-sm-7, aside .col-md-7, aside .col-lg-7, aside .col-xs-8, aside .col-sm-8, aside .col-md-8, aside .col-lg-8, aside .col-xs-9, aside .col-sm-9, aside .col-md-9, aside .col-lg-9, aside .col-xs-10, aside .col-sm-10, aside .col-md-10, aside .col-lg-10, aside .col-xs-11, aside .col-sm-11, aside .col-md-11, aside .col-lg-11, aside .col-xs-12, aside .col-sm-12, aside .col-md-12, aside .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

main {
  width: calc(100%); }
  main .post-entry {
    margin-bottom: 30px; }
    main .post-entry .custom-thumbnail {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
      flex: 0 0 80px;
      margin-right: 30px; }
  main .post-content h3 {
    font-size: 18px; }
  main .post-content .post-meta {
    font-size: 15px;
    color: #ccc; }

/* Toggle */
.menu-toggle span {
  color: #000;
  font-size: 25px;
 }

.menu-toggle:hover span {
  color: #000;
  font-size: 25px;
 }


.menu-toggle.active span {
  color: #000;
  font-size: 25px;
 }
