#tourTable{
    background-color: #0000;
    color: #fcfcfc;
    padding: 0px;
}


#tourTable tr[upcoming = 'false'] td{
    color: #ccc;
}

#tourTable a,
#tourTable a:visited,
#tourTable a:hover,
#tourTable a:active{
  color: #bdc1d6;
}




/*
Mobile style
*/
.tourEventTitleMobile{
  color: #fcfcfc;
}
.tourEventInfoMobile{
  color: #ccc;
}
#tourTable tr[upcoming = 'false'] .tourEventTitleMobile{
  color: #bbb;
}
#tourTable tr[upcoming = 'false'] .tourEventInfoMobile{
  color: #999;
}

@media screen and (max-width: 576px) {
    
    #tourTable {
      font-size: 1.42em;
      line-height: calc(1.42em * 1.2);
      width: 100vw;
      left: 0vw;
    }
    #tourTable td {
      position: relative;
      width: calc(100%-24px);
    }
    #tourTable a {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      padding: 0;
    }
    #tourTableContainer,
    #tourContainer.row {
      width: 100vw;
    }
    #tourTable tr[upcoming = 'true'] td,
    #tourTable tr[upcoming = 'true'] td:visited {
      background-color: transparent;
    }
    #tourTable tr[upcoming = 'true'] td:hover,
    #tourTable tr[upcoming = 'true'] td:active {
      background-color: #bdc1d6;
    }

  }