/* Making the images Responsive using Percentage */
img {
    width: 100%;
    height: auto;
}

.show-logo {
	max-width: 640px;
	max-height: 360px;
}

.add-bold {
	font-weight: bold;
}  

.add-highlighter {
	background: #FDFCA3;
}

 /* Dynamic viewport setting 
   (For dynamic consideration of any UA interfaces. It will automatically adjust itself in response to UA interface 
   elements being shown or not.)  
 */
body {
  height: 100dvh;
  font-family: Helvetica, Verdana, Geneva, sans-serif;
}

table.shows {
  border: 1px solid #989898;
  text-align: left;
  border-collapse: collapse;
  max-width: 640px;
}
table.shows td, table.shows th {
  border: 1px solid #989898;
  padding: 8px 4px;
}
table.shows tr:nth-child(even) {
  background: #EBEBEB;
}
table.shows thead {
  background: #FFCB00;
  background: -moz-linear-gradient(top, #ffd840 0%, #ffd019 66%, #FFCB00 100%);
  background: -webkit-linear-gradient(top, #ffd840 0%, #ffd019 66%, #FFCB00 100%);
  background: linear-gradient(to bottom, #ffd840 0%, #ffd019 66%, #FFCB00 100%);
}
table.shows thead th {
  font-size: 15px;
  font-weight: bold;
}
table.shows tfoot {
  font-weight: bold;
  background: #808080;
  background: -moz-linear-gradient(top, #a0a0a0 0%, #8c8c8c 66%, #808080 100%);
  background: -webkit-linear-gradient(top, #a0a0a0 0%, #8c8c8c 66%, #808080 100%);
  background: linear-gradient(to bottom, #a0a0a0 0%, #8c8c8c 66%, #808080 100%);
}

table.episodes {
  font-family: Helvetica, Verdana, Geneva, sans-serif;
  border: 1px solid #989898;
  height: 200px;
  border-collapse: collapse;
}
table.episodes td, table.episodes th {
  border: 1px solid #989898;
  padding: 8px 4px;
}
table.episodes tr:nth-child(even) {
  background: #EBEBEB;
}
table.episodes thead {
  background: #336698;
  background: -moz-linear-gradient(top, #668cb2 0%, #4775a2 66%, #336698 100%);
  background: -webkit-linear-gradient(top, #668cb2 0%, #4775a2 66%, #336698 100%);
  background: linear-gradient(to bottom, #668cb2 0%, #4775a2 66%, #336698 100%);
}
table.episodes thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
}
table.episodes tfoot {
  font-weight: bold;
  background: #808080;
  background: -moz-linear-gradient(top, #a0a0a0 0%, #8c8c8c 66%, #808080 100%);
  background: -webkit-linear-gradient(top, #a0a0a0 0%, #8c8c8c 66%, #808080 100%);
  background: linear-gradient(to bottom, #a0a0a0 0%, #8c8c8c 66%, #808080 100%);
}
table.episodes tfoot .links {
  text-align: right;
}
table.episodes tfoot .links a{
  display: inline-block;
  background: #336698;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}