.datetitle {
	font-size:120%;
	border-bottom:2px dotted #555;
	margin:30px 0px 10px;
}

.eventList {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 20px;
}

.event {
	background:#fff;
	box-shadow: 0px 0px 20px -6px rgb(0 0 0 / 40%);
	/* margin:0px -10px 10px; */
	/* padding:0px 0px 10px; */
	/* height:600px; */
	/* position:relative; */
	overflow:hidden;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
}

.event.edit {
	background:#ccf;
}

.event > * {
	margin-left:10px;
	margin-right:10px;
}

.event .event-time {
	margin:0px;
	background:rgb(111 97 217);
	color: white;
	font-weight: bold;
	padding:10px;
	margin-bottom:10px;
}

.event .event-title {
	margin:10px;
	font-size:130%;
	font-weight:bold;
}

.event-description {
	flex-grow: 1;
}

.detail-boxes {
	/* position:absolute; */
	/* bottom:0px; */
	/* width:100%; */
	display: flex;
	flex-flow: row wrap;
	margin: 0 -1px;
}

.detail-box {
	flex: 1 0 50%;
	/* width:50%; */
	/* float:left; */
	padding:10px;
	border-color:rgba(0,0,0,0.2);
	border-style:solid;
	border-width:1px 0px 0px 1px;
	overflow:hidden;
	background:rgba(255,255,255,0.5);
	hyphens: auto;
	display: flex;
	gap: 0.5em;
	align-items: baseline;
}

.detail-box .fa {
	font-size:20px;
	margin-bottom:6px;
/* 	width:30px; */
	text-align:center;

	flex: 0 0 20px;
}

.event.edit ul {
	overflow-y:auto;
	max-height:240px;
}

.comment {
	cursor:pointer;
}

.comment + .tooltip > .tooltip-inner {
	text-align:left;
}

.subscribe-button {
	position:absolute;
	top:40px;
	right:10px;
}

.modal textarea {
	resize:vertical;
}

.subscribe-link {
	cursor:pointer;
}

form.loading {
	cursor: wait;
}
form.loading * {
	cursor: inherit;
	pointer-events: none;
}