// color $color-catalog-active-background: f5f5f5;

// font-color $color-catalog-default-link: a6a6a6; $color-catalog-active-link: #0085a1;

// ++++++++++++++++++++++ // Mixins // ++++++++++++++++++++++ .post-content > .markdown-body {

img + em {
  display: block;
  margin-top: -16px;
  text-align: center;
}

}

@media (min-width: 1310px) {

.catalog-container {
  display: none;
  padding: 0 20px;
  position: absolute;
  right: 0;
  top: 60px;
  width: calc(50% - 400px);
  z-index: 100;

  &.fixed {
    position: fixed;
  }

  .side-catalog {
    position: relative;

    .catalog-title {
      padding: 30px 0;
    }

    .catalog-body {
      li {
        position: relative;

        a {
          color: $color-catalog-default-link;
          display: inline-block;
          height: 30px;
          line-height: 30px;
          max-width: 100%;
          overflow: hidden;
          padding-left: 10px;
          text-decoration: none;
          text-overflow: ellipsis;
          vertical-align: middle;
          white-space: nowrap;
        }

        &.active {
          background-color: $color-catalog-active-background;
          border-radius: 4px;

          a {
            color: $color-catalog-active-link !important;
          }
        }
        @for $i from 1 through 4 {
          &.h#{$i}_nav {
            left: 10px * ($i - 1);
          }
        }
      }
    }
  }
}

}

@media (max-width: 1310px) {

.catalog-container {
  display: none !important;
}

}