#wordpress-inner-wrapper { margin: 10px 30px; }


.event-listing-wrapper { padding: 0px 20px 20px 0px; }
.event-listing-image { }
.event-listing-image img { width: 100%; height: auto; }

.manage-column { text-align: left; }
.widefat { width: 100%; text-align: left;   }
.widefat th { background-color:#592249; color: #FFF; padding: 3px 7px; }
.widefat tr { background-color:#EEE; }
.widefat td { padding: 3px 7px; }

.em-search-wrapper { display: none; }
.post-thumbnail img { width: 100%; height: auto; max-width: 474px; margin-right: 20px; }

.post-title img { display: none; }

.event-details-container {  }
.post-body .event-details-container h3 { float: left; width: 100%; clear: both; }
.event-details-description { float: left; width: calc(100% - 40px); clear: both;  border: 1px solid #EEE; padding: 20px; }

.em-tickets { width: 100%; }
.em-tickets tr {  }

th.em-bookings-ticket-table-type { text-align: left; background-color:#592249; color: #FFF; padding: 3px 7px; }
th.em-bookings-ticket-table-price { text-align: right; background-color:#592249; color: #FFF; padding: 3px 7px; }
th.em-bookings-ticket-table-spaces { text-align: right; background-color:#592249; color: #FFF; padding: 3px 7px; }

td.em-bookings-ticket-table-type { text-align: left; background-color:#EEE; padding: 3px 7px; }
td.em-bookings-ticket-table-price { text-align: right; background-color:#EEE; padding: 3px 7px; }
td.em-bookings-ticket-table-spaces { text-align: right; background-color:#EEE; padding: 3px 7px; }

.post-body h3 { float: left; width: 100%; height: 30px; clear: both; position: relative; } 
.em-booking { float: left; width: 100%; clear: both; }

div.em-booking-login { float: left; width: 100%; border: 1px solid #EEE; margin: 20px 0; padding: 0; }
div.em-booking-login label { width: 150px; }
.em-booking-login-form { padding: 20px; }

.navigation { display: none; }

.em-booking-form-details { width: 100%; padding: 0; }
.em-booking-form-details p { float: left; width: 100%; margin: 0 0 10px 0; } 
.em-booking-form-details label { width: 100%; background-color:#EEE; text-indent: 8px; } 
.em-booking-form-details input.input, .em-booking-form-details textarea { float: left; width: calc(100% - 2px); text-indent: 5px; padding: 0; margin: 0; border: #EEE 1px solid; line-height: 40px; }
.em-booking-form-details select { float: left; width: 100%; text-indent: 5px; padding: 0; margin: 0; border: #EEE 1px solid; line-height: 40px; }

.em-booking-form-details .em-booking-submit { background-color:#592249; color: #FFF; float: left; width: 100%; text-align: center; padding: 20px 0; border:none; }

.event-details-container { float: left; width: 100%; clear: both; }

div.em-calendar-wrapper { border: 1px solid #EEE; padding: 5px; float: left; overflow: hidden; }  
table.em-calendar td { padding: 3px 5px; }

#widget-sidebar table.em-calendar td.eventful-today { background-color:#C4A066; color: #FFF; }
#widget-sidebar table.em-calendar td.eventful-today a { color: #FFF; text-decoration: none; }

#widget-sidebar table.em-calendar td.eventless-today { background-color:#EEE; color: #666; }
#widget-sidebar table.em-calendar td.eventless-today a { color: #666; text-decoration: none; } 

#widget-sidebar table.em-calendar td.eventful { background-color:#592249; color: #FFF; }
#widget-sidebar table.em-calendar td.eventful a { color: #FFF; text-decoration: none; }

#widget-sidebar table.em-calendar td.eventless { background-color:#FFF; color: #666; }
#widget-sidebar table.em-calendar td.eventless a { color: #333; text-decoration: none; } 



.events-main-banner-modern { position: relative; width: 100%; }
.events-main-banner-modern img { width: 100%; }
.events-main-banner-modern h2 { display: block; color: #FFF; font-size: 5vw; line-height: 100%; top: 15%; position: absolute; margin: 0 20px; padding: 0; }




.events-main-banner-classic { position: relative; width: calc(100% - 60px); margin: 10px 30px; }
.events-main-banner-classic img { width: 100%; }
.events-main-banner-classic h2 { display: block; color: #FFF; font-size: 4vmin; margin: 0 30px; top: 25px; line-height: 100%; position: absolute;  padding: 0; }

.events-side-banner { float: left;  width: 100%; margin: auto 1em 1em; }
.events-side-banner img { width: 100%; margin: 20px 0 0 0; }

.classic-container { position: relative; }

.post-blue, .navigation a {
 display:none;   
}

/* = 1024px	.pure-u-lg- */
@media screen and (min-width: 64em) {
.events-main-banner-modern { margin-top: 40px;  }
.events-main-banner-modern h2 { font-size: 4vmin; margin: 0 30px; top: 15% }

}
@media screen and (min-width: 90em) {
.events-main-banner-classic h2 { top: 35px; }
.events-main-banner-modern h2 { font-size: 4vmin; margin: 0 30px; top: 10% }
.classic-container h1 { padding: 0 10px 0 0; }
}
@media screen and (min-width: 110em) {


}