.event {
	margin: 10px 20px;
	padding: 20px 5%;
	border-radius: 1%;
	box-shadow: 0 0 5px gray;
	background: #eeeefe;
	 padding-top: 50px;
}
@media (min-width:800px){
	.event {padding-top: 20px;}
}
.event-type {
	position: absolute;
	top: 0px;
	right: 50px;
	width: 100px;
	padding: 10px;
	border-radius: 5%;
	box-shadow: 0 0 5px gray;
}
.event-type-talk { /* teal */
	background-color: hsl(180, 100%, 50%) !important;
	border-color: hsl(180, 100%, 40%) !important;
	color: #000 !important;
}
.event-type-familing { /* blue */
	background-color: hsl(240, 100%, 50%) !important;
	border-color: hsl(240, 100%, 40%) !important;
	color: #fff !important;
}
.event-type-workshop { /* red */
	background-color: hsl(0, 100%, 50%) !important;
	border-color: hsl(0, 100%, 40%) !important;
	color: #fff !important;
}
.event-type-social { /* green */
	background-color: hsl(90, 100%, 50%) !important;
	border-color: hsl(90, 100%, 40%) !important;
	color: #000 !important;
}
.event-type-general-meeting { /* yellow */
	background-color: hsl(60, 100%, 50%) !important;
	border-color: hsl(60, 100%, 40%) !important;
	color: #000 !important;
}
.event-type-paper-discussion { /* purple */
	background-color: hsl(285, 100%, 50%) !important;
	border-color: hsl(285, 100%, 40%) !important;
	color: #fff !important;
}
.event-type-ers { /* red */
	background-color: hsl(0, 100%, 50%) !important;
	border-color: hsl(0, 100%, 40%) !important;
	color: #fff !important;
}
.event-type-other {display:none;}

.event-presenter {
	text-align: left;
	font-size: 1.5em;
}
.event-title {
	text-align: left;
	font-size: 2em;
	font-style: italic;
	font-family: Serif;
}
.event-cost {}
.event-doi:before {
	content: 'DOI: ';
}
.event-date {
	display: inline;
}
.event-time {
	display: inline;
}
.event-location {}
.event-description {
	margin-top: 1em;
	font-size: 0.8em;
}
.event-btns{
	margin-top: 10px;
}
.event-fblink, .event-calendar-btn {
	cursor: pointer;
	color: inherit;
	font-size: 200%;
}