/* ---------------------------------------- */
/* CSS Tweaks - Event List - Globalchange - */
/* Version: 2017-11-24 08:15 							-	*/
/* ---------------------------------------- */

.event-list {
  margin: 0 auto;
 	max-width: 950px;
}

ul.event-list-view {
  x-border: solid 1px lime;
}

li.event {
	border: solid 10px ccc;
  box-shadow: 4px 4px 13px 2px rgba(50, 50, 50, 0.25);
	margin: 2.5em 0.5em 1.5em 0.5em !important;
  padding: 20px !important;
	display: flex;
 	flex-flow: row wrap;
  box-sizing: border-box;
}

/* --- date thingy --- */
.event-date {
	margin: 10px 10px 10px 0 !important;
}

.start-date, .end-date {
  color: #fff;
  background-color: #bb9f7c !important;
  border-radius: 5px !important;
	width: 56px !important;
}

.end-date {
	background-color: #dbbf9c !important;
	x-margin-left: 1px !important;
}

.event-list .multi-date {
	x-background: url(../images/date-separator.png) center no-repeat;
  background: none !important;
}


.event-day, .event-month {
  font-weight: 700 !important;
}

.event-day {
	font-size: 1.9em !important;
}

.event-year {
	padding-top: 7px;
  padding-bottom: 15px !important;
  letter-spacing: initial !important;
  font-weight: 400;
}


/* --- gesamter block (ohne datum) --- */
.event-info {
  display: flex;
  x-border: solid 1px #aee !important;
  padding: 10px !important;
  margin-left: 0px !important;		/* scheint von ganz links aussen zu zählen - jetz nicht mehr, seint lt. flex!*/
	box-sizing: border-box;
	width: 100%;
  flex: 3;
}

.event-title {
 	display: block;
  font-size: 1rem  !important;
	text-transform: uppercase;
}

.event-location {
  display: inline-block !important;
  color: #000 !important;
  font-size: 16px !important;
  line-height: 24px !important;
	min-width: 150px;
  x-width: 60% !important;
  x-float: left;
	padding-right: 60px !important;
  padding-bottom: 18px !important;
  x-border: solid 1px gold;
}


/* ---nur info-text --- */
.event-details {
	display: inline-block !important;
  font-size: 14px !important;
  line-height: 20px !important;
	x-border: solid 1px #ccc;
}

.event-time {
  display: block !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.event-time::before { content: "Beginn: "; }
.event-time::after { content: " Uhr"; }


/* ---nur info-text --- */
.event-thumb {
	min-width: 200px;
  max-width: 200px !important;
	padding: 0px !important;
  margin: 0 !important;
  margin-right: 10px !important;
	x-border: solid 1px orange;
	flex: 1;
}

.event-thumb div {
	padding: 8px !important;
	margin 0 !important;
}

/* --- small screens --- */
@media screen and (max-width: 685px) {

	.event-location {	display: block !important; }

  .event-thumb {
		display: block !important;
	}

}