_date.scss

.uw-date {
  width: 100%;
// On node page make the date width auto
// On phone make date touch left
  .node--type-uw-ct-event &,
  .node--type-uw-ct-blog &,
  .node--type-uw-ct-news-item &{
    width:auto;
    @include large {
      margin-left:inherit;
    }
  }
}

.uw-date-details{
  background-color: gesso-brand(org-default, uw-gold, 'primary');
  box-sizing: border-box;

  .uw-date {
    background-color: gesso-brand(org-default, uw-gold,'primary');
    box-sizing: border-box;
    display:block;
    padding: rem(gesso-spacing(xs))  rem(gesso-spacing(sm)) ;
    text-transform: uppercase;
  }
}
.uw-date-details__summary{
  .uw-date{
    background:inherit;
  }
  @include svg-background(mobile-arrow-down);
  background-color: gesso-brand(org-default, uw-gold,'primary');
  background-position: right 1rem center; // LTR
  background-repeat: no-repeat;
  background-size: rem(13px);
  box-sizing: border-box;
  color: gesso-brand(org-default,uw-black,'primary');
  cursor: pointer;
  display: block;
  padding:0;
  .block-uw-cbl-multi-type-list &{
    background-position: right 0.5rem center; // LTR
  }
  [open] > & {
    @include svg-background(mobile-arrow-up);
  }
}