/*********************************
 * Theming for tvla events table
 *********************************/
.page-programe .page-header {
  text-transform: uppercase;
  margin-bottom: 60px;
}

#table-events {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  margin-left: -15px;
}
@media all and (min-width: 1200px) {
  #table-events {
    margin-left: 0;
  }
}
#table-events tr {
  height: 120px;
}
#table-events tr:first-child td.hour-header {
  border-top: 1px solid #ffdd00;
}
#table-events tr:last-child td.hour-header:after {
  display: none;
}
#table-events th {
  width: auto;
  padding: 20px;
}
#table-events th.hour-header {
  width: 8%;
}
@media all and (min-width: 1200px) {
  #table-events th.hour-header {
    width: auto;
  }
}
#table-events td {
  position: relative;
  font-size: 13.5px;
  vertical-align: middle;
  padding: 20px;
  line-height: 1.2;
  border: 1.5px solid #eee;
  border-bottom: none;
  border-right: none;
}
#table-events td .event-title {
  font-weight: bold;
}
#table-events td.multi-events .multi-event {
  /*max-width: 200px;*/
  float: left;
  word-break: break-word;
  border-bottom: 1px solid #ffdd00;
  padding-bottom: 0;
  padding: 10px 0;
}
#table-events td.multi-events .multi-event:first-child {
  padding-top: 0;
}
#table-events td.multi-events .multi-event:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#table-events td:hover {
  background-color: #f8f8f8;
}
#table-events td:nth-child(2) {
  border-left: none;
}
#table-events tr:first-child td {
  border-top: none;
}
#table-events .date-header {
  text-align: center;
  border-bottom: 1px solid #ffdd00;
  font-size: 42px;
  font-weight: 100;
  vertical-align: middle;
  color: #ffdd00;
  width: 23%;
}
#table-events .date-header span {
  font-size: 23px;
  text-transform: uppercase;
  display: block;
  width: 100%;
  text-align: center;
}
#table-events td.hour-header {
  font-size: 38px;
  color: #ffdd00;
  text-align: center;
  /*max-width: 125px;*/
  border-right: 1px solid #ffdd00;
  border-left: none;
  position: relative;
  padding: 0;
  border-bottom: none;
  -webkit-box-shadow: 4px 0 3px -3px #b2b2b2;
  -moz-box-shadow: 4px 0 3px -3px #b2b2b2;
  box-shadow: 4px 0 3px -3px #b2b2b2;
}
#table-events td.hour-header:after {
  content: '';
  height: 1px;
  width: calc(100% + 20px);
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffdd00;
}
@media all and (min-width: 768px) {
  #table-events td.hour-header {
    padding: 20px;
  }
}
#table-events th.hour-header {
  -webkit-box-shadow: 4px 0 3px -3px #b2b2b2;
  -moz-box-shadow: 4px 0 3px -3px #b2b2b2;
  box-shadow: 4px 0 3px -3px #b2b2b2;
}
#table-events th:first-child.hovered, #table-events tr:hover td.hour-header:hover {
  background-color: transparent;
  color: #ffdd00;
}
#table-events tr:hover td:first-child, #table-events th.hovered {
  background-color: #ffdd00;
  color: #fff;
  /*max-width: 136px;*/
}
#table-events tbody {
  position: relative;
}
#table-events tbody .vertical-block-after {
  content: '...';
  height: calc(100% - 120px);
  width: 20px;
  background-color: #ffdd00;
  color: #fff;
  position: absolute;
  right: -15px;
  text-align: center;
  bottom: 0;
  padding-top: 50%;
}
#table-events tbody .vertical-block-after span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
}
#table-events.not-end-of-table td.hour-header, #table-events.not-end-of-table th.hour-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#table-events.end-of-table tbody .vertical-block-after {
  display: none;
}
#table-events .premiere {
  color: red;
}

.tablesaw-advance a {
  display: none;
}

.page-program-2 #table-events tr:first-child td.hour-header {
  border-top: 1px solid #ef3a65;
}
.page-program-2 #table-events td.multi-events .multi-event {
  border-color: #ef3a65;
}
.page-program-2 #table-events .date-header {
  border-bottom: 1px solid #ef3a65;
  color: #ef3a65;
}
.page-program-2 #table-events td.hour-header {
  color: #ef3a65;
  border-right: 1px solid #ef3a65;
}
.page-program-2 #table-events td.hour-header:after {
  background-color: #ef3a65;
}
.page-program-2 #table-events th:first-child.hovered, .page-programme-2 #table-events tr:hover td.hour-header:hover {
  color: #ef3a65;
  background-color: transparent;
}
.page-program-2 #table-events tr:hover td:first-child, .page-programme-2 #table-events th.hovered {
  background-color: #ef3a65;
  color: #fff;
}
.page-program-2 #table-events tbody .vertical-block-after {
  background-color: #ef3a65;
}

.page-program-3 #table-events tr:first-child td.hour-header {
  border-top: 1px solid #41ae6f;
}
.page-program-3 #table-events td.multi-events .multi-event {
  border-color: #41ae6f;
}
.page-program-3 #table-events .date-header {
  border-bottom: 1px solid #41ae6f;
  color: #41ae6f;
}
.page-program-3 #table-events td.hour-header {
  color: #41ae6f;
  border-right: 1px solid #41ae6f;
}
.page-program-3 #table-events td.hour-header:after {
  background-color: #41ae6f;
}
.page-program-3 #table-events th:first-child.hovered, .page-programme-3 #table-events tr:hover td.hour-header:hover {
  color: #41ae6f;
  background-color: transparent;
}
.page-program-3 #table-events tr:hover td:first-child, .page-programme-3 #table-events th.hovered {
  background-color: #41ae6f;
  color: #fff;
}
.page-program-3 #table-events tbody .vertical-block-after {
  background-color: #41ae6f;
}

.page-program-5 #table-events tr:first-child td.hour-header {
  border-top: 1px solid #9cc3d5;
}
.page-program-5 #table-events td.multi-events .multi-event {
  border-color: #9cc3d5;
}
.page-program-5 #table-events .date-header {
  border-bottom: 1px solid #9cc3d5;
  color: #9cc3d5;
}
.page-program-5 #table-events td.hour-header {
  color: #9cc3d5;
  border-right: 1px solid #9cc3d5;
}
.page-program-5 #table-events td.hour-header:after {
  background-color: #9cc3d5;
}
.page-program-5 #table-events th:first-child.hovered, .page-programme-5 #table-events tr:hover td.hour-header:hover {
  color: #9cc3d5;
  background-color: transparent;
}
.page-program-5 #table-events tr:hover td:first-child, .page-programme-5 #table-events th.hovered {
  background-color: #9cc3d5;
  color: #fff;
}
.page-program-5 #table-events tbody .vertical-block-after {
  background-color: #9cc3d5;
}