:root{
	--theme:3,169,244;
}
.loader{
	position:absolute;
	inset:0;
	background-color:inherit;
	margin:0!important;
	border-radius:var(--round);
	display:flex;
	align-items:center;
	justify-content: center;
	transition:0.2s;
	opacity:0;
}
.loader.show{opacity:1;}
.loader:after{
	content:"";
	width:10px;
	height:10px;
	border:solid 2px rgb(var(--theme));
	border-radius:99px;
	border-top-color:transparent;
	animation:spin 1s linear infinite;
}body{
	line-height:1.4;
	color:#7389a1;
	font-family: 'Muli', sans-serif;
	min-height:100%;
	inset:unset;
	left:0;
	right:0;
	padding-bottom:60px;
	box-sizing:border-box;
	background-color:#FCFCFD;
}
.events{
	text-align:center;
}

.event{
	text-align:left;
	box-shadow:0 17px 8px -15px rgba(0,100,200,.05);
	border:solid 1px #edf0f5;
	margin:10px;
	position:relative;
	background-color:#FFF;
	display:inline-block;
	max-width:350px;
	width:100%;
	vertical-align:top;
	max-height:300px;
	overflow:hidden;
	border-radius:12px;
	cursor:pointer;
	transition:0.2s;
	color:#7389a1;
	text-decoration:none;
}

.header{
	background-color:#FCFCFD;
	border-bottom:solid 1px #d8e1ed;
	color:#000;
}
.header h1{
	margin:0;
}
.footer{
	border-top:solid 1px #d8e1ed;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:#FFF;
}

.footer a{
	color:rgb(var(--theme));
	text-decoration:none;
	font-weight:bold;
}

.event:hover{
	border-color:#000;
	transform:translateY(-5px);
}

.event>.banner{
	width:100%;
	height:150px;
	text-align:center;
	background-size: cover;
}

.event>.banner>img{
	max-height:80%;
	margin-top:15px;
}
.contents{
	padding:16px;
}

.heading{
	font-size:18px;
	color: #000;
	font-weight:bold;
}