@import “morph/variables”; @import “morph/functions”; @import “morph/components/post-info”; @import “morph/components/paginator”;

.page-home {

font-size: 16px;
.left {
  padding: 1rem 0;
  width: 59%;
  @include media-sm() {
    width: 100%;
  }
}

.right {
  width: 40%;
  padding: 10px 0 10px 3rem;

  .title {
    font-size: 1.2rem;
    padding: 10px 0;
    border-bottom: 1px dashed $color-primary-dark;
  }

  .list-container {
    padding: 1rem 0;
    li {
      a.hover-color-reversal:hover {
        background-color: $color-link;
        color: white;
      }
      &.horizontal {
        display: inline-block;
        margin-top: .5rem;
      }
      &:not(:last-child) {
        border-bottom: 1px dashed $color-primary-dark;
      }
      @include media-sm() {
        a.hover-border {
          border: 1px solid darken($color-primary-dark, 3%);
          position: relative;
          left: 1px;
        }
      }
      &.hover-primary:hover {
        background-color: $color-primary;
        a.hover-border {
          border: 1px solid $color-primary-dark;
          position: relative;
          left: 1px;
        }
      }
    }
  }

  .item:not(:first-child) {
    padding-top: 1rem;
  }

  @include media-sm() {
    width: 100%;
    padding-left: 0;
  }
}

}