section.event-list { margin-bottom: 20px; }
section.event-list div.noresults { line-height: 54px; text-align: center; cursor: default; }
section.event-list h1 { margin-bottom: 15px; margin-top: 30px;}
section.event-list article.event{ cursor: pointer; position: relative;  }
section.event-list article.event:hover{ background: #e94e1b !important; }
section.event-list article.event:hover h1.eventheader a, section.event-list article.event:hover div.location-datetime div, section.event-list article.event:hover div.price  { color: #ffffff !important; }
section.event-list article.event.active{ background: #e94e1b !important; color: #ffffff; }
section.event-list article.event.active h1.eventheader a{ color: #ffffff; }
section.event-list article.event.active div.location{ color: #ffffff; }
section.event-list article.event.active div.datetime{ color: #ffffff; }
section.event-list article.event.active div.price{ color: #ffffff; }
section.event-list article.event div.article-width{ max-width: 609px; margin-left: auto; margin-right: auto; padding: 0px 10px; height: 54px;}
section.event-list article.event div.article-width.extra-content{ max-width: 970px; padding: 20px 0px 20px 0px; height: auto; }
section.event-list article.event div.article-width.extra-content article.event-info{ margin: 0px 10px; }
section.event-list article.event:nth-child(even){ background: #feeee9; }
section.event-list article.event h1.eventheader{ width: 55%; float: left; line-height: 54px; font-weight: 400; font-size: 15px; color: #000000; margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
section.event-list article.event h1.eventheader a{ color: #000000; text-decoration: none;}
section.event-list article.event div.location-datetime{ width: 29%; float: left; font-size: 14px; height: 54px; }
	section.event-list article.event div.location{ text-align: right; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 27px; white-space: nowrap; }
	section.event-list article.event div.datetime{ text-align: right; display: block; overflow: hidden; text-overflow: ellipsis; line-height: 27px; white-space: nowrap; }
section.event-list article.event div.price{ text-align: right; width: 16%; float: left; color: #e94e1b; font-weight: 800; line-height: 54px; margin: 0px;}
section.event-list article.event div.article-header-bg{ cursor: default;background: url('../img/event-bg.png') repeat-x; background-size: 100% 100%; left: 0px; right: 0px; top: 0px; height: auto; z-index: 100;}
section.event-list a.event-list-hide{ display: block; width: 100%; margin-top: 10px;text-align: center;}

@media only screen and (max-width: 700px){
	section.event-list article.event div.article-width { position: relative; width: 90% !important; max-width: 950px !important; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px;}
	section.event-list article.event h1.eventheader { display: block; position: absolute; left: 0px; top: 5px; right: 90px; line-height: 18px; font-size: 15px; font-weight: 800; width: auto;}
	section.event-list article.event h1.eventheader a { line-height: 18px; font-size: 15px; font-weight: 800; }
	section.event-list article.event div.location-datetime{  overflow: hidden; text-overflow: ellipsis; display: block; position: absolute; left: 0px; top: 28px; right: 0px; width: auto; height: auto; white-space: nowrap; }
	section.event-list article.event div.location{ text-align: left; line-height: 16px; font-size: 15px; display: inline-block; padding-left: 10px; border-left: 1px solid #000000; }
	section.event-list article.event div.datetime{ text-align: left; line-height: 16px; font-size: 15px; display: inline-block; padding-right: 10px;}
	section.event-list article.event div.price{ position: absolute; line-height: 18px; top: 5px; right: 0px; font-size: 15px; width: auto;}
	section.event-list article.event div.location-datetime{ width: 100%; float: left; font-size: 12px; height: 54px; }
}

article.event-info{}
article.event-info div.info-container{ position: relative; }
article.event-info div.event-image{ width: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center; float: right;}
@media only screen and (min-width: 701px){
	article.event-info div.event-image.showmore{ width: 240px; position: absolute; right: 0px; }
}
article.event-info div.event-image:before{ content: ""; display: block; padding-top: 56.25%; }
article.event-info div.event-info-text-container{position: relative; width: 50%; float: left;}
article.event-info div.event-info-text-container.full{ width: 100%; }
article.event-info div.event-info-text-container:before{ content: ""; display: block; padding-top: 56.25%; }
article.event-info div.event-info-text-container.full:before{ padding-top: 25%; }
article.event-info div.event-info-text-container-content{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;  }
article.event-info div.event-info-text-container h1{ color: #000000; font-weight: 600; width: 100%; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; margin: 0px; padding-bottom: 10px; white-space: nowrap; box-sizing: border-box; }
article.event-info div.event-info-text-container.full h1{ padding-right: 0px; }
article.event-info div.event-info-text-container div.info-header{ width: 100%; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; font-size: 21px; line-height: 28px; padding-bottom: 15px; box-sizing: border-box; }
article.event-info div.event-info-text-container.full div.info-header{ padding-right: 0px; }
article.event-info div.info-text{ display: inline-block; padding-right: 10px; width: 100%; box-sizing: border-box; display: block; line-height: 1.2em;}
article.event-info div.event-info-text-container.showmore{ position: inherit; width: 100%; float: left; margin-top: 0px;}
article.event-info div.event-info-text-container.showmore:before{ content: none;}
article.event-info div.event-info-text-container.showmore div.event-info-text-container-content{ display: inline-block;position: relative; left: inherit; top: inherit; right: inherit; bottom: inherit; width: 100%;}

article.event-info a.info-read-more{ margin-top: 8px; display: none; }
article.event-info a.info-read-less{ margin-top: 8px; display: none; }

article.event-info h2{ font-size: 24px; font-weight: 600; margin-bottom: 20px;}
article.event-info div.ticket-order-list div.row:first-child{ border-top: 1px solid #e94e1b; }
article.event-info div.ticket-order-list div.row{ border-bottom: 1px solid #e94e1b; }
article.event-info div.ticket-order-list div.row.nb{ border-bottom: none; }
article.event-info div.ticket-order-list div.row div{ height: 53px; line-height: 53px; float: left; }
article.event-info div.ticket-order-list div.row.small div{ height: 40px; line-height: 40px; }
article.event-info div.ticket-order-list div.row div.ticket-tooltip{ width: 25px;}
article.event-info div.ticket-order-list div.row div.ticket-name{ font-size: 20px; font-weight: 600; width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
article.event-info div.ticket-order-list div.row div.ticket-price{ font-size: 20px; font-weight: 600; width: 250px; text-align: right; white-space: nowrap; overflow: hidden; }
article.event-info div.ticket-order-list div.row div.ticket-price span.servicecosts{ font-size: 14px; font-weight: 400; }
article.event-info div.ticket-order-list div.row div.ticket-order{ width: 335px; text-align: right; }
article.event-info div.ticket-order-list div.row div.ticket-order select{ width: 150px; margin-right: 15px;}
article.event-info div.ticket-order-list div.row div.ticket-order select.selectwithdate{ width: 150px ; display: none;}
article.event-info div.ticket-order-list div.row div.ticket-order select.ticket-order-datetime{ width: 150px; margin-right: 0px; display: none; }
article.event-info div.ticket-order-list div.row div.ticket-order input{ width: 150px; }
article.event-info div.ticket-order-list div.row div.ticket-order input.date{ width: 150px; margin-right: 15px;}
article.event-info div.ticket-order-list div.row div.ticket-order div{ width: 150px; float: right;}
article.event-info div.ticket-order-list div.row div.ticket-order span.dateselect-feedback{ display: inline-block; width: 150px; text-align: center; }
article.event-info div.ticket-order-list div.row div.ticket-order span.dateselect-feedback.multiline{ margin-top: 10px; margin-bottom: -14px; overflow: hidden;}
/*article.event-info div.ticket-order-list div.row div.ticket-order span.timeselect-feedback{ display: inline-block; width: 150px; text-align: right; margin-right: 15px; }*/
/*article.event-info div.ticket-order-list div.row div.ticket-order span.dateselect-feedback.multiline{ margin-top: 10px; margin-bottom: -14px; overflow: hidden;}*/
article.event-info div.ticket-order-list div.row div.ticket-order .event-sale-inactive{ color: #c8c8c8; }

@media only screen and (max-width: 1080px){
	article.event-info div.ticket-order-list div.row div{ height: 40px; line-height: 40px; }
	article.event-info div.ticket-order-list div.row div.ticket-price{ float: right;  }
	article.event-info div.ticket-order-list div.row div.ticket-order{ clear: both; width: 100%;}
}
@media only screen and (max-width: 670px){
	article.event-info div.ticket-order-list div.row div.ticket-name{ width: 280px; }
}
@media only screen and (max-width: 640px){
	article.event-info div.ticket-order-list div.row div.ticket-name{ width: 260px; }
}
@media only screen and (max-width: 610px){
	article.event-info div.ticket-order-list div.row div.ticket-name{ width: 230px; }
}
@media only screen and (max-width: 580px){
	article.event-info div.ticket-order-list div.row div.ticket-name{ width: 200px; }
}
@media only screen and (max-width: 550px){
	article.event-info div.ticket-order-list div.row div.ticket-tooltip{ width: 7%; box-sizing: border-box; }
	article.event-info div.ticket-order-list div.row div.ticket-name{ width: 93%; box-sizing: border-box; }
	article.event-info div.ticket-order-list div.row div.ticket-price{ width: 100%; box-sizing: border-box; float: left; }
}
@media only screen and (max-width: 370px){
	article.event-info div.ticket-order-list div.row div.ticket-tooltip{ width: 10%; box-sizing: border-box; }
	article.event-info div.ticket-order-list div.row div.ticket-name{ width: 90%; box-sizing: border-box; }
	article.event-info div.ticket-order-list div.row div.ticket-order { line-height: 40px !important; height: 80px; }
	article.event-info div.ticket-order-list div.row div.ticket-order select{ width: 100% !important; }
	article.event-info div.ticket-order-list div.row div.ticket-order span.dateselect-feedback{ width: 100%; }
	article.event-info div.ticket-order-list div.row div.ticket-order input{ width: 100% !important; }
}

@media only screen and (max-width: 700px){
	article.event-info div.event-image{ width: 100%; float: none;}
	article.event-info div.event-info-text-container{ width: 100%; float: none; margin-top: 10px; }
	article.event-info div.event-info-text-container:before{ content: none;}
	article.event-info div.event-info-text-container-content{ position: inherit; top: inherit; left: inherit; right: inherit; bottom: inherit; max-height: 177px;}
	article.event-info div.event-info-text-container.showmore div.event-info-text-container-content{ max-height: none; }
}

.TTDPEventActive, .TTDPEventActivePossible, .TTDPEventInActive { opacity: 1 !important;}
.TTDPEventActive *{ background: #e94e1b !important; color: #ffffff !important; }
.TTDPEventActivePossible *{ background: #ffefea !important; color: #000000 !important; }
.TTDPEventInActive *{ background: #ffefea !important; color: #c8c8c8 !important; }