.content {
	padding: 1em;
	background: rgba(0,0,0,.6);
	color: #fff;
}
	.content p {
		margin-bottom: 1.5em;
	}
	.content p:last-of-type {
		margin-bottom: 0;
	}


.events {
	list-style: none;
	padding: 0;
	background: rgba(0,0,0,.6);
}
.events li {
	color: white;
	display: flex;
	flex-wrap: wrap;
	padding: .8em 0;
	border-bottom: 1px solid #373737;
}

.events li:hover/*,
.events li:nth-child(even)*/ {
	background-color: #000;
}
	.events__type {
		padding: 0 .5em;
	}
		.events__type img {
			max-height: 2.25em;
		}
	.events__date {
		flex: 0 0 4em;
	}
		.events__date span {
			display: block;
			text-transform: uppercase;
			text-align: center;
			font-size: .8em;
		}
		.events__date span:first-child {
			font-size: 1.3em;
		}
	.events__title {
		font-size: 1.35em;
		font-weight: 900;
		flex: 1 1 0;
		display: flex;
		align-items: center;
		cursor: pointer;
	}
	.events__dist {
		flex: 0 1 10em;
		display: flex;
		align-items: center;
	}
		.events__dist span {
			font-size: .65em;
			border: 1px solid #fff;
			border-radius: 3px;
			margin-right: .4em;
			padding: .15em;
		}
	.events__loc {
		flex: 0 0 10em;
		display: flex;
		align-items: center;
	}
	
	.events__moreinfo {
		/*pointer-events: none;*/
		display: none;
		padding: .4em .4em .4em;
		margin-left: 7em;
		border-left: 3px solid #fff;
	}

	.events__moreinfo table td {
		vertical-align: top;
		padding-bottom: 1em;
		padding-right: .5em;
	}
	.events__moreinfo table td.permalink {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-word;
	}
	.events__moreinfo table tr:last-child td {
		padding-bottom: 0;
	}
	.events__moreinfo table td p {
		padding-top: 0;
		margin-top: 0;
		line-height: 1.2em;
		margin-bottom:  1.5em;
	}
	.flex-break,
	.flex-break-responsive {
		flex-basis: 100%;
		height: 0;
	}
	.flex-break-responsive { display: none; }
	.content a,
	.events a {
		color: #06AED5;
		text-decoration: underline;
	}
	.content a:hover,
	.events a:hover {
		color: #08906F;
	}
	.socialmedia {
		margin: 0 .25em;
	}
	.socialmedia:hover img {
        animation: pulsate .5s ease-out forwards;
	}
@keyframes pulsate {
    0% {transform: scale(1); opacity: 1;}
    50% {transform: rotate(90deg); opacity: 1.0;}
    100% { transform: rotate(0deg) scale(1.5); opacity: 1; }
    /*100% { transform: scale(1); opacity: 1; }*/
}