.page {
	grid-template-rows: 100px 1fr 60px;
}

.header {
	margin-bottom: 0px;
	box-shadow: none;
}

.content {
	box-shadow: none;
	padding: 0px 20px 20px 20px;
	margin-top: 0px;
}


/* ********* */
/* Slideshow */
/* ********* */

.slideshowcontainer {
	margin: 0px auto;
	margin-bottom: 20px;
}

.slideshowcontainer li {
	margin: 0px;
	box-sizing: border-box;
}



/* *********** */
/*  Sub Slides *
/* *********** */
.subslides {
	display: grid;
	grid-gap: 10px;
	max-width: 916px;
}

.ss1 {
  grid-column: span 6;
}

.ss2, .ss3, .ss4, .ss5,
.ss6, .ss7, .ss8, .ss9,
.ss10, .ss11, .ss12, .ss13,
.ss14, .ss15, .ss16, .ss17
{
  grid-column: span 2;
}

.subslide
{
    border: 1px solid #dddddd;
    box-sizing: border-box;
    border-radius: 1px;
    object-fit: cover;
}

.subslide img {
	width: 100%;
	display: block;
}




/* ********** */
/* Pagination */
/* ********** */
.upcomingshowsheader {
	font-size: 16px;
	font-weight: bold;
	color: #BBBBBB;
	margin-top: 50px;
}

.navcontainer {
	float: right;
}

.pagingseperator {
	display: none;
}





.pagingnav {
	float: left;
	display: block;
	box-sizing: border-box;
	margin: 2px;
}

.paginglink {
	display: block;
	color: #555555;
	background-color: #d3d3d3;
	text-decoration: none;
	padding: 5px 0px;
	box-sizing: border-box;
	border-radius: 1px;
	width: 30px;
	text-align: center;
}

.paginglinknext {
	display: block;
	color: #555555;
	background-color: #d3d3d3;
	text-decoration: none;
	box-sizing: border-box;
	padding: 5px 0px;
	width: 30px;
	text-align: center;
}

.currentpage {
	display: block;
	color: white;
	background-color: #EA214F;
	text-decoration: none;
	box-sizing: border-box;
	padding: 5px 0px;
	width: 30px;
	text-align: center;
	border-radius: 1px;
}





.paginglink:hover {
	background-color: white;
	border-color: white;
}

.paginglinknext:hover {
	background-color: white;
	border-color: white;
}

.navcontainer span.paginglink {
	color: gray;
}

.navcontainer span.paginglink:hover {
	background-color: #d3d3d3;
	border-color: #d3d3d3;
}

.navcontainer span.paginglinknext:hover {
	background-color: #d3d3d3;
	border-color: #d3d3d3;
}

.navcontainer span.paginglink em {
	font-style:normal;
}

.navcontainer span.paginglinknext {
	background-color: #333333;
	border-color: #333333;
	curser: pointer;
}

.navcontainer span.paginglinknext:hover {
	background-color: #333333;
	border-color: #333333;
	curser: pointer;
}

.currentpage .pagingnumber {
	
}

.pagingnumber {

}











/* *********** */
/* Mobile Size */
/* *********** */
@media only screen and (min-width : 0px) and (max-width : 568px) { 
	
	.page {
		grid-template-rows: none;
	}
	
	.header {
		border-bottom: 1px solid #dddddd;
	}
	
	.content {
		padding: 10px;
	}
	
	.slideshowcontainer {
		margin: 0px auto;
		margin-bottom: 10px;
		background-color: inherit;
		border: 0px solid white;
		padding: 0px;
	}
	
	.toplinks {
		margin-bottom: 0px;
	}
	
	.subslides {
		grid-gap: 5px;
	}
	
	.ss2, .ss3, .ss4, .ss5,
	.ss6, .ss7, .ss8, .ss9,
	.ss10, .ss11, .ss12, .ss13,
	.ss14, .ss15, .ss16, .ss17 {
  		grid-column: span 6;
	}
	
}