body{
	font-size: 0.875rem;
  	letter-spacing: 1px;
	color:#444444;
	font-family: 'Cabin', sans-serif;
}
h1{
	font-family: 'Sonsie One', cursive;
	color:#AD3C39;
}
h2, h3{
	color:#222222;
	font-family: 'Archivo Black', sans-serif;
}
p{
	color:#444444;
}

.menuItems{
	font-size:18px;
}
.activeMenu{
	border-bottom:solid 2px #AD3C39;
}

.off-canvas{
	background:#ffffff;
}
.offCanvasMenuItem{
	background:#AD3C39;
	margin:1px;
	padding: 10px;
	padding-left: 40px;
}

.off-canvas a{
	color:#ffffff;
}

.card-event {
	position: relative;
	z-index: 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border: 0;
	border-radius: 0;
	background: #fefefe;
	box-shadow: none;
	overflow: hidden;
	margin-bottom: 40px;
}

.card-event:hover .card-event-opac {
	opacity: 1;
}

.card-event-content {
	position: relative;
}

.card-event-content::before {
	position: absolute;
	content: '';
	top: -3.4375rem;
	left: -1.875rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.4375rem 0 0 31.25rem;
	z-index: 0;
	border-color: transparent transparent transparent #fefefe;
}

.card-img-container { 
	max-width: 100%; 
    height: 200px; 
    overflow: hidden; 
}
.card-img-container img { 
    width: 100%;
}

.card-event-opac {
	opacity: 0.85;
	transition: all 0.25s ease;
}

.card-event-avatar {
	position: absolute;
	bottom: 100%;
	left: 1rem;
	z-index: 2;
	max-width: 5.625rem;
}

.card-event-avatar img {
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(10, 10, 10, 0.3);
}