@charset "UTF-8";
/* CSS Document */
.videocontainer { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom:15px; }
.videoiframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

img.albumcover { float:left; margin:0px 10px 10px 0px; width:200px; height:200px; }
.clear { float:none; clear:both; margin-top:10px; }
#signup-form input.text { margin-bottom:10px; }
.textinput { margin-bottom:10px; width:300px !important; }


.blogtitle { margin-bottom:0px; }
.blogdate { margin-bottom: 12px; }
.bloglink { margin-bottom: 20px; }

.blogpostpage img { display: block; margin: 0 0 2em 0; width: 100%; }

.datetitlerow { float:none; clear:both; }
.datetitlerow .first { float:left; clear:both; }
.datetitlerow .next { float:left; }


.datecontainer { float:none; clear:both; }
.datecontainer .first { float:left; clear:both; }
.datecontainer .next { float:left; }
.datetitlerow { font-weight:bold; width:100%; text-align:center; border-radius:4px; background-color: #3167CB; height:2.5em; padding:0.4em 0em 1em 0em; vertical-align:middle; text-transform:uppercase; }
.edit { padding-top:10px !important; padding-bottom:10px !important; }

.red { color: #3167CB; }
.huge { font-size:110px; }
.hoverhighlight:hover { color: #3167CB; font-weight:bold; }

#upcomingdatescontainer .date { width:17%; }
#upcomingdatescontainer .city { width:22%; }
#upcomingdatescontainer .venue { width:28%; }
#upcomingdatescontainer .time { width:13%; }
#upcomingdatescontainer .details { width:20%; }

#previousdatescontainer .date { width:17%; }
#previousdatescontainer .city { width:22%; }
#previousdatescontainer .venue { width:28%; }
#previousdatescontainer .details { width:33%; }

#admindates #upcomingdatescontainer .date { width:17%; }
#admindates #upcomingdatescontainer .city { width:22%; }
#admindates #upcomingdatescontainer .venue { width:23%; }
#admindates #upcomingdatescontainer .time { width:13%; }
#admindates #upcomingdatescontainer .details { width:15%; }
#admindates #upcomingdatescontainer .action { width:10%; }

#admindates #previousdatescontainer .date { width:17%; }
#admindates #previousdatescontainer .city { width:22%; }
#admindates #previousdatescontainer .venue { width:23%; }
#admindates #previousdatescontainer .details { width:28%; }
#admindates #previousdatescontainer .action { width:10%; }

.cke_contents{ color:black !important;}

#storepage table tbody tr:nth-child(2n + 1) { background-color:#1c1d26 !important; }
#storepage td { vertical-align:top !important; }

.hideondesktoponly { visibility:hidden;display:none; }
.hideontabletandmobileonly { visibility:visible;display:block; }

/* Tooltip container */
.tooltip { position: relative;  }

/* Tooltip text */
.tooltip .tooltiptext { visibility: hidden; width: 300px;  background-color: #555;  color: #fff; text-align: left; padding:15px; border-radius: 6px; font-size:12px;

  /* Position the tooltip text */
  position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0; transition: opacity 0.3s; }

/* Tooltip arrow */
.tooltip .tooltiptext::after { content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px; border-style: solid;  border-color: #555 transparent transparent transparent; }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }

td { vertical-align:middle !important; }


@media screen and (max-width: 980px) {
	img.albumcover { width:200px; height:200px; }
	
	.datetitlerow { visibility:hidden; display:none; }
	#upcomingdatescontainer .date { width:25%; font-weight:bold; }
	#upcomingdatescontainer .city { width:33%; }
	#upcomingdatescontainer .venue { width:42%; }
	#upcomingdatescontainer .time { width:25%; }
	#upcomingdatescontainer .details { width:75%; margin-bottom:20px; }

	#previousdatescontainer .date { width:25%; font-weight:bold; }
	#previousdatescontainer .city { width:33%; }
	#previousdatescontainer .venue { width:42%; }
	#previousdatescontainer .details { width:75%; margin-bottom:20px; margin-left:25%;}


	#admindates #upcomingdatescontainer .date { width:25%; font-weight:bold; }
	#admindates #upcomingdatescontainer .city { width:33%; }
	#admindates #upcomingdatescontainer .venue { width:42%; }
	#admindates #upcomingdatescontainer .time { width:25%; }
	#admindates #upcomingdatescontainer .details { width:42%; }
	#admindates #upcomingdatescontainer .action { width:33%; margin-bottom:20px; }

	#admindates #previousdatescontainer .date { width:25%; font-weight:bold; }
	#admindates #previousdatescontainer .city { width:33%; }
	#admindates #previousdatescontainer .venue { width:42%; }
	#admindates #previousdatescontainer .details { width:42%; margin-left:25%;}
	#admindates #previousdatescontainer .action { width:33%; margin-bottom:20px;}

	.hideondesktoponly { visibility:visible;display:block; }
	.hideontabletandmobileonly { visibility:hidden;display:none; }

}


@media screen and (max-width: 736px) {
	a.button { margin-top:8px; }
	.datetitlerow { visibility:hidden; display:none; }
	#upcomingdatescontainer .date { width:100%; font-weight:bold; }
	#upcomingdatescontainer .city { width:100%; }
	#upcomingdatescontainer .venue { width:100%; }
	#upcomingdatescontainer .time { width:100%; }
	#upcomingdatescontainer .details { width:100%; margin-bottom:20px; }

	#previousdatescontainer .date { width:100%; font-weight:bold; }
	#previousdatescontainer .city { width:100%; }
	#previousdatescontainer .venue { width:100%; }
	#previousdatescontainer .details { width:100%; margin-bottom:20px; }

	#admindates #upcomingdatescontainer .date { width:100%; font-weight:bold; }
	#admindates #upcomingdatescontainer .city { width:100%; }
	#admindates #upcomingdatescontainer .venue { width:100%; }
	#admindates #upcomingdatescontainer .time { width:100%; }
	#admindates #upcomingdatescontainer .details { width:100%; margin-bottom:0px; margin-left:0px; }
	#admindates #upcomingdatescontainer .action { width:100%; margin-bottom:20px; }

	#admindates #previousdatescontainer .date { width:100%; font-weight:bold; }
	#admindates #previousdatescontainer .city { width:100%; }
	#admindates #previousdatescontainer .venue { width:100%; }
	#admindates #previousdatescontainer .details { width:100%; margin-bottom:0px; margin-left:0px; }
	#admindates #previousdatescontainer .action { width:100%; margin-bottom:20px; }

	.hideondesktoponly { visibility:visible;display:block; }
	.hideontabletandmobileonly { visibility:hidden;display:none; }
	
}


@media screen and (max-width: 480px) {
	img.albumcover { float:none; margin:0px auto 10px auto !important; width:300px; height:300px; }
	#signup-form input.button { width:150px; }
	.button.special { width:150px !important; }
	
}