@charset "utf-8";
/* CSS Document */


body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	margin: auto;
	overflow-y: scroll; /* Add vertical scrollbar */
}
.header_box	{
	position: relative;
	padding-left: 30px;
	padding-top: 30px;
	padding-right: 30px;
	max-width: 1300px;
	height: 120px;
	margin: auto;
	align-self: center;
	z-index: 1;
	}
.header_text {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 50px;
	font-weight: bold;
}
.header_sub_text {
	padding-left: 10px;
	padding-bottom: 0px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	font-weight: normal;
	}
.gigs_clubs_menu {
	position: absolute;
	padding: 10px;
	right: 0px;
	bottom: 0px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 20px;
	}
.white-link {
	color: #FFFFFF;
	text-decoration: none;	
	font-size: 20px;
	}
a.about:link {
	color: #FFFFFF;
	text-decoration:underline;
}
a.about:hover {color:azure}
a.about:visited {color:antiquewhite}

.grid-container { 
  position: relative;
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: #1F1F1F;
  max-width: 1200px;
  margin: auto;
  }
.grid-item {
  position: relative;
  background-color: #1F1F1F;
  border: 10px solid #000000;
  font-size: 20px;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  text-align: left;
  color: #FFFFFF;
  width: auto;
  height: 630px;
}
.grid-item-club {
  position: relative;
  background-color: #000000;
  border: 10px solid #000000;
  font-size: 20px;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  text-align: left;
  color: #FFFFFF;
  width: auto;
  height: 630px;
}
.event_title {
	color: #FFFFFF;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 24px;
	font-weight: bold;
	padding: 20px;
	padding-left: 20px;
	padding-right: 20px;
	}
.about_title {
	color: #FFFFFF;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 30px;
	font-weight: bold;
	font-variant-caps: all-small-caps;
	}
.event_image {
	position: relative;
	top: 0px;
	width: 400px;
	height: 400px;
	border-radius: 8px;
	}
.date_time {
	position: absolute;
	top: 550px;
	color: #FFFFFF;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.ticket_link {
	position: absolute;
	top: 580px;
	left: 20px;
	color: #000000;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: solid;
	border-color: #C05C10;
	background-color: #C05C10;
	border-width: 1px;
	border-radius: 3px;
	text-decoration: none;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 16px;
}
.ticket_link:hover {
	top: 579px;
	color: #313131;
}
.latenight_club {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #CBCBCB;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: solid;
	border-color: #CBCBCB;
	background-color: #9D0002;
	border-width: 1px;
	border-radius: 3px;
	text-decoration: none;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 16px;
}
.latenight_gig {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #CBCBCB;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-style: solid;
	border-color: #CBCBCB;
	background-color: #00AAE4;
	border-width: 1px;
	border-radius: 3px;
	text-decoration: none;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 20px;
}

.image_link:hover {
	opacity: .7;
}
.grid-container-info { 
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  background-color: #1F1F1F;
  max-width: 1300px;
  margin: auto;
  }
.grid-item-info {
	position: relative;
	background-color: #000000;
	border: 10px solid #000000;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 14px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-align: left;
	color: #FFFFFF;
	width: 600px;
 
}

@media only screen and (max-width: 1299px) {
	.grid-container-info { 
		grid-template-columns: auto;
		max-width: 650px;
	}
	.grid-container {
    	grid-template-columns: auto;
		max-width: 600px;
	}
	.grid-item {	
	  height: 870px;
	}
	.grid-item-club {	
	  height: 870px;
	}
 	.header_box {  
	  	max-width: 800px;
  	}
	.ticket_link {
		top: 780px;
		font-size: 20px;
	}
	.ticket_link:hover {
	top: 778px;
	color: #313131;
}
	.latenight_club {
		font-size: 20px;
	}
	.latenight_gig {
		font-size: 20px;
	}
	.event_image {
		width: 600px;
		height: 600px;
	}
	.event_title {
		font-size: 24px;
	}
	.date_time {
		top: 750px;
	}
}