@charset "UTF-8";

/* CSS Document */

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* EVENT PAGE 1 COLUMN INFO TABLE (vertical block)*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/




.event_1col_table {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	z-index: 100;
	float: left;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	height: 100%;
	justify-content: space-between;
}
 @media only screen and (min-width : 961px) {

.event_1col_table {
	margin: 40px 0px 40px 0px;
	width: 100%;
}
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.event_1col_table {
	margin: 30px 0px 30px 0px;
	width: 100%;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.event_1col_table {
	margin: 20px 0px 20px 0px;
	width: 100%;
}
}

.event_1col_table_no_space_before {
	margin-top: 0px;
}

.event_1col_table_no_space_after {
	margin-bottom: 0px;
}

.event_1col_block {
	margin: 0px 20px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: calc(33.333333% - 20px);
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	position: relative;
	background-color: rgba(240,240,240,1);
}

.event_1col_column {
	flex-direction: column;
	align-items: bottom;
	display: flex;
	height: 100%;
}

.event_1col_city {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 7px 10px;
	box-sizing: border-box;
	width: 100%;
	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #333333;
	text-align: left;
	text-transform: uppercase;
	background-color: rgba(255,204,000,1);
	letter-spacing: -0.2px;
	border-bottom: 0px solid rgba(255,204,000,1);
}

.event_1col_date {
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 10px 10px;
	box-sizing: border-box;
	width: 100%;
	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	text-align: left;
	background-color: rgba(220,220,220,1);
	border-top: 1px solid rgba(255,255,255,1);
}

.event_1col_details {
	margin: 0px 0px 0px 0px;
	padding: 8px 10px 10px 10px;
	box-sizing: border-box;
	width: 100%;
	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	text-align: left;
	color: #333333;
	text-decoration: none;
	border-top: 1px solid rgba(255,255,255,1);
}

.event_1col_map_button_box {
	margin: 6px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: left;
}

.event_1col_map_button {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 4px 5px;
	display: inline-block;
	border: 1px solid #888888;
	color: #333333;
	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

.event_1col_map_button:hover {
	color: #ffffff;
	background-color: #333333;
	border: 1px solid #333333;
}

.event_1col_map_button:active {
	position: relative;
	top: 1px;
}

.event_1col_ticket_button_box {
	margin: auto 0px 10px 10px;
	padding: 10px 0px 0px 0px;
	width: calc(100% - 22px);
	text-align: left;
	height: 34px;
	z-index: 5000;
}

.event_1col_ticket_button {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	display: inline-block;
	color: rgba(51,51,51,1);
	background-color: #ffffff;
	border: 1px solid #888888;
	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 15px;
	height: 24px;
	width: 100%;
	text-decoration: none;
	text-transform: uppercase;
}

.event_1col_ticket_button:hover {
	color: #ffffff;
	background-color: #333333;
	border: 1px solid #333333;
}

.event_1col_ticket_button:active {
	position: relative;
	top: 1px;
}

.event_1col_block_blank {
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
 @media only screen and (min-width : 961px) {

.event_1col_block:nth-child(3n) {
	margin-right: 0px;
	max-width: calc(33.33333% - 10px);
}

.event_1col_block {
	width: calc(33.3333% - 20px);
	max-width: calc(33.3333% - 10px);
}
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.event_1col_block {
	width: calc(50% - 22px);
	max-width: calc(50% - 10px);
}

.event_1col_block:nth-child(2n) {
	margin-right: 0px;
}

.event_1col_block_blank {
	display: none;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.event_1col_block {
	margin-right: 0px;
	margin-bottom: 30px;
	width: 100%;
}

.event_1col_block_blank {
	display: none;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* EVENT PAGE 3 COLUMN INFO TABLE  */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/








.event_3col_table {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	z-index: 100;
	background-color: rgba(048,146,192,.04);
	border-bottom: 2px solid rgba(048,146,192,1);
	float: left;
}
 @media only screen and (min-width : 961px) {

.event_3col_table {
	margin: 40px 0px 40px 0px;
	width: 100%;
}
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.event_3col_table {
	margin: 30px 0px 30px 0px;
	width: 100%;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.event_3col_table {
	margin: 20px 0px 20px 0px;
	width: 100%;
}
}

.event_3col_table_no_space_before {
	margin-top: 0px;
}

.event_3col_row {
	border-top: 2px solid rgba(048,146,192,1);
	margin: 0px 0px 0px 0px;
	padding: 14px 20px 1px 20px;
	width: calc(100% - 40px);
	float: left;
	max-width: 816px;
}
 @media only screen and (min-width : 1px) and (max-width :740px) {

.event_3col_row {
	padding: 12px 15px 0px 15px;
	width: calc(100% - 30px);
}
}

.event_3col_intro {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	float: left;
}

.event_3col_intro_date {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	text-decoration: none;
	text-align: left;
	float: left;
	width: 100%;
}

.event_3col_intro_city {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
	color: #333333;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	width: 100%;
}
 @media only screen and (min-width : 1px) and (max-width :740px) {

.event_3col_intro {
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.event_3col_intro_date {
	width: 100%;
	font-size: 15px;
	line-height: 20px;
}

.event_3col_intro_city {
	width: 100%;
	font-size: 18px;
	line-height: 22px;
}
}

.event_3col_details {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: calc(100% - 200px);
	float: right;
	max-width: 630px;
}

.event_3col_details_row {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 9px 0px;
	width: 100%;
	float: left;
	border-bottom: 1px solid rgba(048,146,192,.5);
}

.event_3col_details_row_last {
	border-bottom: 0px solid rgba(158,142,106,1);
}

.event_3col_details_l {
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 70px;
	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 20px;
	color: rgba(048,146,192,1);
	text-decoration: none;
	text-align: right;
}

.event_3col_details_r {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: calc(100% - 85px);
	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	text-align: left;
	text-decoration: none;
}
 @media only screen and (min-width : 1px) and (max-width :740px) {

.event_3col_details {
	margin: 13px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	width: 100%;
	border-top: 1px solid rgba(48,146,192,.4);
}

.event_3col_details_l {
	margin: 0px 12px 0px 0px;
	font-size: 15px;
	line-height: 20px;
	width: 60px;
}

.event_3col_details_r {
	font-size: 15px;
	line-height: 20px;
	width: calc(100% - 72px);
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* EVENT INDEX PAGE */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/








.event_zone {
	margin: 0px 0px 0px 0%;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	height: 100%;
	justify-content: flex-start;
}

.event_intro {
	margin: 0px 0px 40px 0%;
	padding: 0px 20% 0px 20%;
	float: left;
	width: 60%;
}

.event_intro_h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}

.event_intro_p1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	text-decoration: none;
	text-align: center;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.event_intro {
	margin: 0px 0px 30px 0%;
	padding: 0px 15% 0px 15%;
	float: left;
	width: 70%;
}

.event_intro_h1 {
	font-size: 20px;
	line-height: 24px;
}

.event_intro_p1 {
	font-size: 17px;
	line-height: 24px;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.event_intro {
	margin: 0px 0px 15px 0%;
	padding: 0px 2% 0px 2%;
	float: left;
	width: 96%;
}

.event_intro_h1 {
	font-size: 18px;
	line-height: 22px;
}

.event_intro_p1 {
	font-size: 14px;
	line-height: 18px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* EVENT INDEX: STORY = IMAGE + TEXT (headline, first line and date/time) */
/*--------------------------------------------------------------------------------------------------------------------*/








.event_story {
	float: left;
	width: calc(33.333% - 30px);
	margin: 10px 10px 10px 10px;
	padding: 0% 0% 12px 0%;
	border-radius: 0px;
	border: 5px solid #ffffff;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px rgba(0,0,0,.3);
	overflow: hidden;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	position: relative;
}

.event_story:hover {
	border: 5px solid #ffcc00;
	cursor: pointer;
}
 @media only screen and (min-width : 961px) {

.event_story {
	max-width: calc(33.333% - 30px);
}
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.event_story {
	width: calc(100% - 10px);
	margin: 10px 0px 10px 0px;
	min-height: 200px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* EVENT INDEX: IMAGE FOR STORY */
/*--------------------------------------------------------------------------------------------------------------------*/













.event_story_img_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
	position: relative;
	font-size: 0;
}

.event_story_img_outer {
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0% 0%;
	width: 100%;
	height: auto;
	width: auto;
}

.event_story_img {
	text-align: center;
	max-width: 100%;
	height: auto;
	width: auto;
}
 @media only screen and (min-width : 961px) {

.event_story_img_wrapper {
	max-width: 400px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* EVENT INDEX: TEXT CONTAINER & TEXT STYLES FOR STORY */
/*--------------------------------------------------------------------------------------------------------------------*/















.event_story_text_wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	text-align: center;
}

.event_story_leader {
	margin: 0px 10px 0px 10px;
	padding: 12px 0px 0px 0px;
	width: calc(100% - 20px);
	overflow: hidden;
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.event_story_leader {
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
	width: calc(100% - 20px);
	overflow: hidden;
}
}

.event_h1 {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: din700, "din700 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
	text-decoration: none;
	text-align: center;
}

.event_date {
	margin: 14px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 21px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	border-top: 2px solid #ffcc00;
}

.event_where {
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 6px 0px;
	font-family: din500, "din500 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	line-height: 21px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	border-bottom: 2px solid #ffcc00;
}

.event_p1 {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	text-decoration: none;
	text-align: center;
}

.event_date_p1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 13px;
	color: #333333;
	vertical-align: bottom;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}

.event_clock_icon {
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	width: 13px;
	height: 13px;
}
 @media only screen and (min-width : 1px) and (max-width :740px) {

.event_h1 {
	font-size: 18px;
	line-height: 22px;
}

.event_date {
	font-size: 14px;
	line-height: 18px;
}

.event_where {
	font-size: 14px;
	line-height: 18px;
}

.event_p1 {
	font-size: 14px;
	line-height: 18px;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* EVENT DETAIL PAGE */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/











.eventdetail_page_wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	text-align: left;
}

.eventdetail_page_top {
	margin: 0px 0px 0px 0px;
	padding: 0px 0% 0px 0px;
	width: 100%;
	text-align: left;
	float: left;
}

.eventdetail_page_left {
	margin: 0px 0px 0px 0px;
	padding: 0px 5% 0px 0px;
	width: 70%;
	text-align: left;
	float: left;
}

.eventdetail_page_right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 25%;
	text-align: center;
	float: left;
}

.eventdetail_page_right_spacer_only_for_mobile {
	margin-top: 0px;
}

.eventdetail_block_wrapper {
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	background-color: #fff5cc;
}

.eventdetail_block_img_wrapper {
	margin: 0px 0% 60px 0%;
	padding: 0px 0% 0px 0%;
	width: 100%;
	position: relative;
}

.eventdetail_block_img_outer {
	margin: 0px 0% 0px 0%;
	padding: 0px 0% 0% 0%;
	width: 100%;
	height: auto;
	width: auto;
}

.eventdetail_block_img {
	text-align: center;
	max-width: 100%;
	height: auto;
	width: auto;
	max-height: 400px;
}

.eventdetail_block_img_list {
	max-height: 220px;
}

.eventdetail_block_txt {
	margin: 20px 0% 0px 0%;
	padding: 0px 0% 0px 0%;
	width: 100%;
	float: left;
	position: relative;
	max-height: 300px;
	z-index: 100;
}
 @media only screen and (min-width : 1px) and (max-width :960px) {

.eventdetail_page_wrapper {
	margin: 0px 0px 0px 0px;
}

.eventdetail_page_left {
	padding: 0px 0% 0px 0px;
	width: 100%;
}

.eventdetail_page_right {
	margin-top: 20px;
	padding: 40px 0% 0px 0px;
	width: 100%;
}

.eventdetail_block_wrapper {
	margin: 0px 0% 0px 0%;
	width: 100%;
}

.eventdetail_block_img_wrapper {
	margin: 0px 0% 30px 0%;
}

.eventdetail_block_txt {
	margin: 0px 0% 0px 0%;
}

.eventdetail_block_img {
	max-height: 240px;
}
}

.eventdetail_page_right_float_right {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.eventdetail_page_right {
	margin-top: 20px;
	padding: 20px 0% 20px 0px;
	width: 100%;
}

.eventdetail_page_left_for_lightbox {
	padding-top: 40px;
}
}

.eventdetail_line {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-top: 2px solid #3092c0;
	height: 2px;
}
 @media only screen and (min-width : 601px) and (max-width :960px) {

.eventdetail_page_right_spacer_only_for_mobile {
	padding-top: 60px;
}

.eventdetail_page_left_for_lightbox {
	padding-top: 50px;
}

.eventdetail_page_right_float_right {
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
}
}
 @media only screen and (min-width : 1px) and (max-width :600px) {

.eventdetail_page_right_spacer_only_for_mobile {
	margin-top: 30px;
}

.eventdetail_page_right_float_right {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
}
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* INDIVIDUAL EVENT PAGE GOOGLE MAP */
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/








.event_google_map {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
}

.event_google_text {
	margin: 12px 0px 0px 0px;
	font-family: din400, "din400 Regular", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	color: #333333;
	text-decoration: none;
}

.event_google_text a:link {
	color: #333333;
}

.event_google_text a:visited {
	color: #333333;
}

.event_google_text a:hover {
	color: #cc0000;
}

.event_google_text a:active {
	color: #333333;
}