.masonry {
  display: grid;
  grid-template-columns: repeat(1, minmax(100px, 1fr));
  grid-gap: 2rem;
  grid-auto-rows: 0;
  column-gap: 2.5rem;
}

.past .masonry {
  grid-auto-rows: auto
}

.masonry-content {
  overflow: hidden
}


/* ---- grid-item ---- */
.masonry-content {
  margin-bottom: 10px;
  padding-bottom: 15px;
  hyphens: auto;
}

.verg-tag .masonry-content {
  border-bottom: 0 !important;
}

.past .masonry-item {
  border-bottom: .1rem solid var(--offeneOrange);
  margin-bottom: 0
}

.masonry-item .article-description {
  margin: .1rem 0 0 0
}

.masonry-item ul li {
  display: inline-block;
  padding: 0 0 .3rem 0;
  line-height: .1rem
}

.article-category {
  line-height: .5rem;
  margin: 0 0 .6rem 0
}

.article-category h2 a {
  color: var(--black);
  text-transform: none;
  overflow-wrap: break-word;
  font-size: 2.188rem;
  line-height: 2.75rem;
  padding: 0 0
}

.article-category h2 a::after {
  content: ''
}

.article-category a {
  color: var(--black);
  text-transform: uppercase;
  overflow-wrap: break-word;
  font-size: 0.625rem;
  line-height: .1rem;
  padding: 0 0;
  text-decoration: none
}

.article-category a::after {
  content: ' | ';
  text-decoration: none !important
}

.article-category span a {
  color: var(--offeneOrange);
  text-transform: capitalize;
  overflow-wrap: break-word;
  font-size: 0.625rem;
  line-height: .1rem;
  padding: 0 0;
  text-decoration: none
}

.article-category span a:not(:last-child):after {
  content: ' · ';
  color: var(--offeneOrange);
  text-transform: capitalize;
  overflow-wrap: break-word;
  font-size: 0.625rem;
  line-height: .1rem;
  padding: 0 0
}

.article-category span a:last-child:after {
  content: '  '
}




/*
####################################################
M E D I A  Q U E R I E S 
####################################################
*/

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
  }
}

@media only screen and (min-width: 1024px) {
  .masonry {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
  }
}