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

@mixin subsection-hover {
   box-shadow: $box-shadow;
}

@mixin subsection-title {
   padding: 0 $grid-gutter-width;
   font-weight: $font-weight-bold;
   color: $text-dark;
   line-height: $line-height-sm;
}

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

.subsection-item-inner {
   border-radius: $border-radius-base;
   min-height: 70px;
}

.subsection-item-title {
   padding-left: 25px;
   flex: 1;
}

.subsection-item-image {
   width: 70px;
   max-width: 70px;
   border: 0;

   + .subsection-item-title {
      padding-left: $subsections-gutter;
   }
}

@media screen and (min-width: $xxl) {
   .subsection-column {
      width: 20%;
   }
}
