/**
 * Posts Wrapper
*/

.posts-categories-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  height: 100%;

  h1 {
    margin-top: 2rem;
    margin-left: 1rem;
  }

  .categories-wrapper {
    border-left: 1px solid #c2c2c2;
    padding-left: 2rem;
    height: 100%;
    margin: 0 1rem;

    h3 {
      margin-top: 2rem;
      text-transform: uppercase;
    }

    ul {
      list-style-type: none;
      padding: 0;

      li {
        margin-bottom: 0.5rem;

        a {
          text-decoration: none;
          color: #4e4e4e;
          font-size: 1.1em;
        }

        a:hover {
          color: #2d5c88;
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .categories-wrapper {
    display: none;
  }
}