@mixin cwui-stories {
  .stories-list {
    font-size: rem-calc(14);
    list-style: none;
    margin-left: 0;
    
    .item__title {
      color: #102e52;
      font-size: rem-calc(16);
      font-weight: 700;
      margin-bottom: rem-calc(10);
    
      > a {
        text-decoration: none;
      }
    }
  
    > .item:not(:last-child) {
      margin-bottom: rem-calc(40);
    }
    
  
    > .item :last-child {
      margin-bottom: 0;
    }
  }
  
  
  // Stories list for stories index pages
  .stories-index-list {
    font-size: rem-calc(14);
    list-style: none;
    margin-left: 0;
  
    .story__title {
      font-size: rem-calc(24);
    }
  
    .story__title a {
      color: $chico-red;
      text-decoration: none;
    }
  
    .story__title a:hover {
      text-decoration: underline;
    }
  
    .story__title a::after {
      content: "\276f";
      display: inline-block;
      line-height: 1;
      margin-top: -.75rem;
      position: absolute;
      top: 50%;
      right: 0;
    }
  
    .story__image {
      display: none;
    }
  }
  
  .stories-index-list__item {
    // @include media-object-container();
    padding: rem-calc(20 40 20 0);
    position: relative;
  
    &:first-child::before,
    &::after {
      background: #ddd7c9;
      content: "";
      display: block;
      height: 1px;
      margin: 0 -3000px;
      padding: 0 3000px;
      position: absolute;
      width: 100%;
    }
  
    &::before {
      top: 0;
    }
  
    &::after {
      bottom: 0;
    }
    
    :last-child {
      margin-bottom: 0;
    }
  }
  
  
  .stories-index-list__item-title {
    color: #102e52;
    font-size: rem-calc(16);
    font-weight: 700;
  
    > a {
      text-decoration: none;
    }
  }
  
  @include breakpoint(large) {
    .stories-index-list .story__title a::after {
      margin-left: .5rem;
      position: relative;
      top: inherit;
    }
    .stories-index-list__item {
      display: flex;
      padding-right: 0;
  
      &:first-child::before,
      &::after {
        margin: 0;
        padding: 0;
      }
    }
  
    .stories-index-list__item-section {
      flex: 1;
    }
  
    // Add spacing between sections if there's at least 2 sections
    .stories-index-list__item-section:nth-last-child(n+2):not(:last-child),
    .stories-index-list__item-section:nth-last-child(n+2)~.stories-index-list__item-section:not(:last-child) {
      margin-right: rem-calc(20);
    }
  
    .stories-index-list .story__image {
      display: block;
      flex: 0 1 120px;
    }
  
  }
}