/* EVENTS HEADER */
.events-header22 {
	width: 100%;
}
.events-header22 {
	position: relative;
	margin: 0 0 50px;
}
.events-header22 figure {
	position: relative;
	margin: 0 0 5px;
	overflow: hidden;
}
.events-header22 figure .play{
    transform: translate(-50%, -50%);
    left: 50%;
    top: 40%;
    display: inline-block;
    position: absolute;
    overflow: hidden;
    z-index: 6;
    height: 40%;
	max-height: 188px;
}
@media (min-width: 741px) and (max-width:  1359px) {
	.events-header22 figure .play{
		left: 25px;
		top: 25px;
		display: inline-block;
		position: absolute;
		overflow: hidden;
		z-index: 6;
		max-height: 40px;
	}
}
@media (max-width:  40.063em) {
	.events-header22 figure .play{
		top: 35%;
	}
}
.events-header22 figure picture img {
	width: 100%;
	position: relative;
	z-index: 1;
	transition-property: opacity, transform;
	transition-timing-function: ease;
	transition-duration: .35s;
}
@media (min-width: 64em) {
	.events-header22 figure picture:hover img {
		transform: scale(1.05);
	}
}
.events-header22 figure figcaption {
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 0;
	right: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	padding: 60px 15px 10px;
	background-image: linear-gradient(to top, rgba(0,0,0,0.65),rgba(0,0,0,0));
	pointer-events: none;
}
.events-header22 figure figcaption h3,
.events-header22 figure figcaption p,
.events-header22 figure figcaption,
.events-header22 figure figcaption .eventSubtitle {
	font-family: 'expressway';
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
.events-header22 figure figcaption .date {
	font-family: 'expressway';
	text-align: center;
	padding: 0;
	margin: 0 10px 0 0;
	color: #fff;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
}
.events-header22 figure figcaption .dateDown {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 126px;
}
.events-header22 figure figcaption .date .month {
	font-size: 22px;
	line-height: 1em;
}
.events-header22 figure figcaption .date .day {
	font-size: 50px;
	line-height: 1em;
	letter-spacing: -0.04em;
}
.events-header22 figure figcaption h3 {
	font-size: 25.5px;
	line-height: 1.1em;
	color: #000;
	background-color: #fbd100;
	padding: 4px 10px;
	display: inline-block;
}
.events-header22 figure figcaption a {
	color: #000;
	word-break: keep-all;
}
.events-header22 figure figcaption .location, .events-header22 figure figcaption .eventSubtitle {
	font-size: 20px;
	padding: 0;
	text-transform: uppercase;
}
/*.events-header22 figure figcaption .location svg {
	height: 15px;
	margin-right: 5px;
}*/
.events-header22 figure figcaption .location i.fa {
	font-size: 24px;
	margin-right: 5px;
	position: relative;
	color: #fbd100;
}

.events-header figure figcaption .location img {
	height: 20px;
	margin-right: 5px;
	position: relative;
	top: -3px;
}

.events-header22 .sponsor{
    background-color: #FFDF00;
    width: max-content;
    color: #000;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
	margin: 0;
	padding: 3px 6px;
    z-index: 9;
}
@media screen and (max-width: 741px) {
	.events-header22 figure figcaption .dateDown {
		height: 100px;
	}	
	.events-header22 figure figcaption .location, .events-header22 figure figcaption .eventSubtitle {
		font-size: 20px;
	}

	.events-header22 figure figcaption .description .title-container {
		margin-bottom: 8px;
	}
	.events-header22 figure figcaption .description h3,
	.events-header22 figure figcaption .description h3 a {
		font-size: 32px;
		display: inline;
		line-height: unset;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
	}
	.events-header22 .sponsor {
		top: 1em;
	}
	.events-header figure figcaption .location img {
		height: 32px;
	}
}
@media screen and (min-width: 741px) {
	.events-header22 {
		margin-bottom: 50px;
		display: flex;
		flex-wrap: wrap;
	}
	.events-header22 figure {
		position: relative;
		margin: 0 0 5px;
		width: calc(50% - 3.5px);
	}
	.events-header22 figure:nth-child(odd) {
		margin: 0 5px 5px 0;
	}
	.events-header22 figure figcaption {
		padding: 120px 15px 30px;
	}
	.events-header22 figure figcaption .date {
		text-align: center;
		padding: 0;
		margin: 0 20px 0 0;
	}
	.events-header22 figure figcaption .date .month {
		font-size: 30px;
		line-height: 0.8em;
	}
	.events-header22 figure figcaption .date .day { font-size: 68px; }
	.events-header22 figure figcaption h3 { font-size: 30px; }
	.events-header22 figure figcaption .location, .events-header22 figure figcaption .eventSubtitle {
		font-size: 28px;
	}
}
@media screen and (min-width: 64.063em) {
	.events-header22 figure figcaption .title-container {
		margin-bottom: 8px;
	}
	.events-header22 figure figcaption h3 { font-size: 40px; }
	.events-header22 figure figcaption .date .month {
		font-size: 30px;
		line-height: 30px
	}
	.events-header22 figure figcaption .date .day {
		font-size: 55px;
		line-height: 50px;
	}
	.events-header22 figure figcaption .location, .events-header22 figure figcaption .eventSubtitle {
		font-size: 26px;
		line-height: 26px;
	}
	.events-header figure figcaption .location img {
		height: 30px;
	}
}
@media only screen and (min-width: 120.063em) {
	.events-header22 figure figcaption h3 { font-size: 50px; }
	.events-header22 figure figcaption .date .month {
		font-size: 45px;
		line-height: 45px
	}
	.events-header22 figure figcaption .date .day {
		font-size: 98px;
		line-height: 75px;
	}
	.events-header22 figure figcaption .location {
		font-size: 38px;
		line-height: 38px;
	}
	.events-header figure figcaption .location img {
		height: 42px;
	}
}

