.view-type-linear li{
    list-style: none;
  }  
 
  
  .view-type-linear.all-events .past-event{
     display: grid;
  }
  .view-type-linear.all-events .past-event li{
    margin:5px;
  }
  
  .view-type-linear.all-events .past-event.event-month,
  .view-type-linear.all-events .past-event.event-title{
     color: #999;
  }
  
  .view-type-linear  .all-events  .current-future-event{ 
   display: grid;
  }
  
  .view-type-linear  .all-events  .current-future-event li{
    margin:5px;
  }
  
  .view-type-linear .all-events .past{
    text-align: center; 
  }
  
  @media only screen and (min-width: 1023px) {
      .view-type-linear .all-events .past{
            width: 15%;
            float: left;
          } 
   }
  
  .view-type-linear  .all-events .past .event-day{
  height: 52px;
  width: 52px;
  border-radius: 50%;
  background: #c5e8bb;
  color: #999;
  text-align: center;
  padding: 9px 0;
  font-size: 23px;
  font-weight: bold;
  z-index: 100;
  position: relative;
  margin: auto;
  }
  .view-type-linear .all-events .current-future
  {
       text-align: center;  
          
  }
  @media only screen and (min-width:1023px) {
    .view-type-linear .all-events .current-future {
      width: 15%;
      float: left;
    }
  }
  .view-type-linear .all-events .current-future .event-day{
          height: 52px;
          width: 52px;
          border-radius: 50%;
          background: #1e7c05;
          color: #fff;
          text-align: center;
          padding: 9px 0;
          font-size: 23px;
          font-weight: bold;
          z-index: 100;
          position: relative;
          margin: auto;
        }
  
   .view-type-linear .all-events .current-future .event-title,
   .view-type-linear .all-events .current-future .event-title .event-month{
          color: #1e7c05;
  
        }
   .view-type-linear .title{
      text-align: center;
      font-size: 22px;
      font-weight: 500;
      position: relative;
      bottom: 14px;
    }
    .view-type-linear .event-end-day,
    .view-type-linear .event-year,
    .view-type-linear .event-end-month,
    .view-type-linear .event-end-year{
      display: none;
    }
    .view-type-linear .event-title{
      height: 45px;
      overflow: hidden;
      padding: 20px 0;
      position: relative;
      bottom: 8px;
      font-size: 16px;
    }