@mixin underline {
  background-image: linear-gradient(180deg, transparent 95%, $tertiary 0);
  background-repeat: no-repeat;
  background-color: initial;
  padding: 0px;
  background-size: 100% 100%;
  text-decoration: none;
}

.category-heading {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
  border: 2px solid $tertiary;
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  
  p:first-child {
    display: none;
  }
  
  .category-logo.aspect-image {
    max-width: 60px;
    vertical-align: middle;
  }
  
  .category-name-header {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5em;
    margin: 0 0 7px;
    @include underline;
  }
  
  p {
    font-size: 1.1em;
    max-width: 700px;
    margin: 0;
  }
}