
  .event-items-wrapper thead th{
    background-color: var(--main-blue);
    font-family: "Gotham A","Gotham B";
    font-weight: 400;
    color: var(--white-color);
    font-size: 1.8rem;
    padding: 27px 20px;
    text-align: left;
    white-space: nowrap;
  }
  .event-items-wrapper thead th:nth-child(2),.event-items-wrapper thead th:nth-child(3){
    text-align: center;
  }
  .event-items-wrapper tbody td{
    text-align:center;
  }
  .event-items-wrapper tbody td:nth-child(1){
    text-align:left;
    
  }
  .event-items-wrapper tr{
    height:74px;
        transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in;
  
  }
  .event-items-wrapper tbody td p{
    font-size:1.4rem;
    line-height:2.0rem;
    font-weight:300;
    color:black;
  }
  .event-items-wrapper tbody td:nth-child(1) p{
    font-weight: 500;
    font-size: 1.8rem;
  }
  .event-items-wrapper tbody td:nth-child(1):hover p{
      font-weight: 800;
  
  }
  .event-items-wrapper tbody td:nth-child(1),.event-items-wrapper tbody td:nth-child(3){
    width:20%;
  }
  .event-items-wrapper tbody td:nth-child(2){
    width:60%;
  }
  .event-items-wrapper tbody tr:nth-child(even) td:nth-child(odd){
      background-color: var(--gray-eight);
  }
  .event-items-wrapper tbody tr:nth-child(even) td:nth-child(even){
      background-color: #f9f9f9;
  }
  .event-items-wrapper tbody tr:hover{
  box-shadow: 0 2px 7px 0 rgba(9,37,70,.25);
      transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in;
      z-index:2;
  }
  .event-items-wrapper tbody td.active-column{
      transition: all .2s ease-in;
      background-color: rgba(9,37,70,.05)!important;
  
  }
  .event-items-wrapper tbody td.active-cell{
    background-color: rgba(9,37,70,.15)!important;
      transition: all .2s ease-in;
  }
  .event-items-wrapper tbody td a i:before{
  content:url(/~/media/Images/W/WH-Smith/icons/icon-calendar-blue);
  }
  
  .event-pagination ul{
  gap:5px;
  }
  .event-pagination ul li a{
  font-size:2rem;
  line-height:2.9rem;
  color:#9f9f9f;
  transition:0.5s;
  text-decoration:none;
  }
  .event-pagination ul li p{
  font-size:2rem;
  line-height:2.9rem;
  color:var(--main-blue);
  transition:0.5s;
  font-weight:300;
  }
  .event-pagination ul li a:hover{
  color:var(--main-blue);
  transition:0.5s;
  }
  .event-pagination ul li span.fa:before{
      padding-left: 45px;
  color:var(--main-blue);
      font-size: 2.5rem;
  }
  .mobile-event-pagination span{
  font-size:2rem;
  line-height:2.9rem;
  padding:0 5px;
  }
  .mobile-event-pagination span.currentpage{
  color:var(--main-blue);
  
  }
  .mobile-event-pagination a span.fa:before{
  color:var(--main-blue);
      font-size: 2.5rem;
      padding:0px 25px;
  }
  
  