$subsections-gutter: $grid-gutter-width !default;

@mixin subsection-hover {
   box-shadow: 0 6px 11px 1px rgba(36, 40, 43, .1);
}

@mixin subsection-title {
   color: $text-dark;
   font-family: $font-family-heading;
   font-weight: $font-weight-semibold;
   line-height: $line-height-sm;
   padding-right: 10px;
   padding-left: 15px;
}

@import "@css[shared]/page/category/_subsections";

.subsection-item-inner {
   border: 0;
   background-color: $body-bg-alt;
   border-radius: $border-radius-base;

   .item-annotation {
      font-family: $font-family-base;
      font-weight: normal;
      color: $text-muted;
   }
}

.subsection-item-image {
   border-right: 0;
   padding: 10px 0 10px 15px;
   mix-blend-mode: darken;
}
