.calendar-table { border-collapse: collapse; border: none; table-layout: fixed;}
.calendar-table-tools {width:100%; background: #333; color: #ddd; border-collapse: collapse; }
.calendar-table-tools .controllers { width: 20%; }
.calendar-table-tools  .link { color: #ddd !important; }
.calendar-table-tools tr td {padding: 10px }
.calendar-table tr td { border: 1px solid #ddd; overflow: hidden;}
.calendar-table tr td.today { border: 1px solid #ddd; padding:10px; background: #e4fd9f;}
.calendar-table .day {opacity:0.5; }
.calendar-table .day.current {opacity:1;}
.calendar-table .day {padding: 10px;}
.calendar-table .dayname {padding: 10px;}
.calendar-table .cal-event > * {padding: 1px 5px;}

.event-image {width: 150px;}

.eventboxes .eventbox {flex-basis: 33%}
.eventbox {box-shadow: 0 0 5px 0px #333; margin:10px; overflow: hidden; position: relative; padding-bottom: 170px;}
.eventbox .when {font-size:14pt; }
.eventbox .title {font-size:14pt; margin-top:10px; }
.eventbox .description {margin-top:10px; }
.eventbox .img {position:absolute; width:100%; bottom:0; max-height: 170px;}
.eventbox .img img {margin-top:10px; transition: 0.9s ease; min-width: calc(100% + 40px);}
.eventbox .img:hover img {transform: translateX(-40px); }

@media screen and (max-width: 600px) {
  .eventboxes .eventbox {flex-basis: 100%}
}

/* single event */
.event-single .img {max-width: 100%; margin-bottom: 15px;}
.event-single .img img {width: auto; max-height: calc(100vh - 100px); max-width: 100%;}
.event-single .when {font-weight: bold; font-size: 20pt;}
.event-single .when .time {font-weight: bold; font-size: 15pt;}
.event-single .title {font-size: 20pt;}

.event-single-map-container {float: right; margin: 0 0 20px 20px;}
.event-single-map {width: 300px; height: 200px;}

@media screen and (max-width: 600px) {
  .event-single-map-container {float: initial; margin: 10px 0;}
  .event-single-map {width: 100%; height: 200px;}
}

#event_location_input {padding-right: 35px;}
#search_location_btn {position: absolute; right: 10px; bottom: 5px;}
#switch_map_details {float: right; margin-bottom: -10px;  }
#switch_map_details a {display: inline-block; background: #333; padding: 5px; border-radius: 3px 3px 0 0; opacity: 1}
#map_location_wrapper {background: #333; border-radius: 3px 0 0 0 ;}