/* sidebar */
#blog-sidebar {
    display: none;
    max-width: 320px;
}
.blog-sidebar-container {
  position: relative;
}
.blog-archive-sidebar ul.menu {
    list-style-type: square;
    color: #dedede;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-align: left;
}
.blog-archive-sidebar ul.menu li {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 48%;
}
.blog-archive-sidebar ul.menu li > a {
    display: block;
    margin: 4px;
    padding: 4px 10px;
    background: #f6f6f6;
    text-indent: 40px;
    position: relative;
    font-size: 17px;
}
.blog-archive-sidebar ul.menu li > a:hover {
  background: #eee;
}
.blog-archive-sidebar ul.menu li > a:before {
    display: block;
    position: absolute;
    left: -28px;
    top: 3px;
    width: 30px;
    height: 30px;
}
.blog-archive-sidebar ul.menu li.wellness > a:before {
    content: url('../images/wellness.svg');
}
.blog-archive-sidebar ul.menu li.fitness > a:before {
    content: url('../images/fitness.svg');
}
.blog-archive-sidebar ul.menu li.nutrition > a:before {
    content: url('../images/health.svg');
}
.blog-archive-sidebar ul.menu li.company > a:before {
    content: url('../images/company.svg');
}
.blog-archive-sidebar ul.menu li.family > a:before {
    content: url('../images/family.svg');
}
.blog-archive-sidebar ul.menu li.recipes > a:before {
    content: url('../images/recipes.svg');
}
@media (min-width: 992px) {
  #blog-sidebar {
      display: block;
  }
  #blog-sidebar h2.widgettitle {
      font-size: 22px;
      font-family: 'Catamaran';
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: +1px;
      border-bottom: solid 1px #d6d6d6;
      padding: 0 0 10px;
      margin-bottom: 10px;
  }
  #blog-sidebar.sticky {
     position: fixed;
     top: 0;
     margin-top: 105px;
  }
  #blog-sidebar.stuck {
     position: absolute;
     margin-top: 0;
  }
}