/*************************************************************************


    E   V   E   N   T   S       C   L   A   S   S       P   A   G   E


*************************************************************************/


/*************************************************************************

                              B A S I C S

*************************************************************************/


.events-page{}

.events-page .page-content-wrapper{
	position: relative;
}



/*************************************************************************

                                 N A V

*************************************************************************/


.events-page .section-nav{
	height: 400px;
	color: #fff;
	max-width: initial;
}

@media (max-width: 1250px){

.events-page .section-nav{
	height: 300px;
}

}

.events-page .section-nav:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 0;
}

.events-page .section-nav>.section-inner{
	z-index: 1;
	max-width: 1640px;
	margin: 0 auto;
}

.events-page .section-nav .header{
	font-family: GoodHeadlineProCondNews;
	font-size: 64px;
	line-height: 1em;
	padding: 170px 0 0;
	box-sizing: border-box;
}

@media (max-width: 1250px){

.events-page .section-nav .header{
	padding: 125px 0 0;
	font-size: 42px;
}

}

@media (max-width: 360px){

.events-page .section-nav .header{
	font-size: 36px;
}

}

.events-page .section-nav .timeline-wrapper{
	margin-top: 25px;
	font-size: 20px;
	line-height: 1em;
}

	.events-page .section-nav .timeline{}

		.events-page .section-nav .timeline>*{
			position: relative;
			width: auto;
			box-sizing: border-box;
			padding-top: 25px;
		}

	@media (max-width: 1250px){

		.events-page .section-nav .timeline>*{
			padding-top: 20px;
		}

	}

			.events-page .section-nav .timeline .month{
				position: absolute;
				left: 0;
				top: 0;
			}

			.events-page .section-nav .timeline .day{
				border: 2px solid #fff;
				border-radius: 3px;
				text-align: center;
				width: 55px;
				height: 45px;
				line-height: 45px;
				opacity: .5;
				box-sizing: border-box;
				margin-top: 5px;
			}

		@media (max-width: 400px){

			.events-page .section-nav .timeline .day{
				width: 45px;
			}

		}

			.events-page .section-nav .timeline>*.active .day{
				border-color: #67b7b7;
				opacity: 1;
			}



/*************************************************************************

                                L I S T

*************************************************************************/


.events-page .section-list{}

.events-page .section-list>.section-inner{
	padding: 80px 0;
}

@media (max-width: 1250px){

.events-page .section-list>.section-inner{
	padding: 65px 0;
}

}

.events-page .section-list>.section-inner>*{}

.events-page .section-list>.section-inner>*+*{
	margin-top: 80px;
}

@media (max-width: 1250px){

.events-page .section-list>.section-inner>*+*{
	margin-top: 70px;
}

}

.events-page .section-list .date{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: flex-start;
	font-family: GoodHeadlineProCondNews;
}

	.events-page .section-list .date .day{
		font-size: 144px;
		line-height: 1em;
	}

@media (max-width: 1250px){

	.events-page .section-list .date .day{
		font-size: 72px;
		line-height: 1em;
	}

}

	.events-page .section-list .date .month{
		position: relative;
		top: -15px;
		font-size: 48px;
		line-height: 1em;
		margin-left: 10px;
	}

@media (max-width: 1250px){

	.events-page .section-list .date .month{
		font-size: 36px;
		line-height: 1em;
		top: -5px;
	}

}

	.events-page .section-list .link{
		display: block;
		position: relative;
		font-size: 24px;
		padding-left: 70px;
		margin-top: 35px;
		opacity: 1;
		-webkit-transition: opacity 200ms ease;
		-moz-transition: opacity 200ms ease;
		-ms-transition: opacity 200ms ease;
		transition: opacity 200ms ease;
		will-change: opacity;
	}

@media (max-width: 1250px){

	.events-page .section-list .link{
		font-size: 20px;
		padding-left: 60px;
		margin-top: 25px;
	}

}

	.events-page .section-list .link:hover{
		opacity: .75;
	}

		.events-page .section-list .link .icon{
			content: '';
			display: block;
			position: absolute;
			left: 0;
			font-size: 50px;
			top: -12px;
			width: 1em;
			height: 1em;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
		}

	@media (max-width: 1250px){

		.events-page .section-list .link .icon{
			font-size: 40px;
		}

	}

	@media (max-width: 600px){

		.events-page .section-list .link .icon{
			top: -10px;
		}

	}