/* Events CSS Document */

	/* Events */
	.events {display:block;}
	
		.events .event-item {
		position:relative;
		}
			.event-item-text {
			float:left;
			width:50%;
			display:inline-block;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			}
			
				.events.list-summary .event-item .event-item-text {
				padding-left:40px;	
				}
			
			.event-item-image {
			float:right;
			width:48%;
			-webkit-backface-visibility:hidden;
			-moz-transition:all .3s ease-out;
			-webkit-transition:all .3s ease-out;
			transition:all .3s ease-out;
			}
			
				/*.events .event-item:hover .event-item-image {
				opacity:0.7;	
				}*/
		
		
			.date-icon {
			position:absolute;
			top:0px;
			left:0px;
			width:95px;
			margin-top:5px;
			height:auto;
			line-height:12px;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			text-align:center;
			padding:5px 0 5px 0;
			background-color:#cfcfcf;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			}
				.date-icon .date-number {font-size:24px;line-height:30px;}
				
				
				.date-icon-start {
				position:absolute;
				top:0px;
				left:0px;
				width:45px;
				margin-top:5px;
				height:auto;
				line-height:12px;
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				text-align:center;
				padding:5px 0 10px 0;
				background-color:#cfcfcf;
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-ms-box-sizing:border-box;
				box-sizing:border-box;
				}
					.date-icon-start .date-number {font-size:24px;line-height:30px;}
					.date-icon-start:after {
					content:'-';
					position:absolute;
					top:12px;
					right:-11px;
					width:16px;
					height:16px;
					font-size:24px;
					font-weight:bold;
					line-height:14px;
					text-align:center;
					color:#cfcfcf;
					background-color:#ffffff;
					border-radius:11px;
					z-index:300;
					}
					
				.date-icon-end {
				position:absolute;
				top:0px;
				left:50px;
				width:45px;
				margin-top:5px;
				height:auto;
				line-height:12px;
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				text-align:center;
				padding:5px 0 10px 0;
				background-color:#cfcfcf;
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-ms-box-sizing:border-box;
				box-sizing:border-box;
				}
					.date-icon-end .date-number {font-size:24px;line-height:30px;}
				
				
			.date-icon-small {
			position:absolute;
			top:0px;
			left:0px;
			width:30px;
			height:36px;
			line-height:11px;
			font-size:11px;
			text-transform:uppercase;
			text-align:center;
			padding:4px 0 0 0;
			background-color:#cfcfcf;
			}
				.date-icon-small .date-number {font-size:18px;line-height:20px;}
	
	
		
		
		.summary-calendar {}
		
			.summary-calendar .summary-calendar-title {
			position:relative;
			}
				.summary-calendar .summary-calendar-title h3 {
				text-align:center;
				}
				
				.summary-calendar .summary-calendar-title .summary-calendar-previous {
				position:absolute;
				left:0px;
				top:0px;	
				}
					.summary-calendar .summary-calendar-title .summary-calendar-previous:before {content:'«';}
			
				.summary-calendar .summary-calendar-title .summary-calendar-next {
				position:absolute;
				right:0px;
				top:0px;
				}
					.summary-calendar .summary-calendar-title .summary-calendar-next:after {content:'»';}
			
		
			.summary-calendar .summary-calendar-weekday {
			float:left;
			width:14.28571428571429%;
			padding:6px 0;	
			text-align:center;
			}
		
			.summary-calendar .summary-calendar-day {
			float:left;
			width:14.28571428571429%;
			color:#666666;
			text-align:center;
			line-height:30px;
			border:solid #e1e1e1 1px;
			border-top:none;
			border-left:none;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			}
				.summary-calendar .summary-calendar-day:nth-child(-n+7) {
				border-top:solid #e1e1e1 1px;	
				}
				
				.summary-calendar .summary-calendar-day:nth-child(7n+1) {
				border-left:solid #e1e1e1 1px;	
				}
				
				
				
				.calendar-highlight {
				background-color:#efefef;	
				}
				
				.summary-calendar-blank {}
			
				.summary-calendar-today {
				background-color:#efefef;
				}
				
				.summary-calendar .summary-calendar-events {
				padding-top:10px;
				}
				
					.summary-calendar .summary-calendar-events a {
					clear:left;
					float:left;
					display:inline-block;
					line-height:16px;
					margin-bottom:5px;	
					}
						.summary-calendar .summary-calendar-events a:before {content:'■ ';}
						
						
		
		
		
		.year-calendar {}
		
			.year-calendar .summary-calendar-holder {
			float:left;
			width:30%;
			margin-right:5%;
			margin-bottom:40px;
			}
			
				.year-calendar .summary-calendar-holder:nth-child(3n+3) {margin-right:0%;}
				.year-calendar .summary-calendar-holder:nth-child(3n+4) {clear:both;}
				
				.year-calendar .summary-calendar-previous,
				.year-calendar .summary-calendar-next {display:none;}
				
				
				.year-calendar-prevnext {}
				
					.year-calendar-prevnext .year-calendar-previous {
					float:left;
					display:inline-block;
					}
						.year-calendar-prevnext .year-calendar-previous:before {content:'« ';}
				
					.year-calendar-prevnext .year-calendar-next {
					float:right;
					display:inline-block;
					}
						.year-calendar-prevnext .year-calendar-next:after {content:' »';}
		
		
	
		.full-calendar {}
		
			.full-calendar .full-calendar-title {
			position:relative;
			}
				.full-calendar .full-calendar-title h2 {
				text-align:center;
				}
				
				.full-calendar .full-calendar-title .full-calendar-previous {
				position:absolute;
				left:0px;
				top:0px;	
				}
					.full-calendar .full-calendar-title .full-calendar-previous:before {content:'« ';}
			
				.full-calendar .full-calendar-title .full-calendar-next {
				position:absolute;
				right:0px;
				top:0px;
				}
					.full-calendar .full-calendar-title .full-calendar-next:after {content:' »';}
			
		
			.full-calendar .full-calendar-weekday {
			float:left;
			width:14.28571428571429%;
			padding:6px 0;	
			}
		
			.full-calendar .full-calendar-day {
			float:left;
			width:14.28571428571429%;
			min-height:90px;
			color:#666666;
			font-size:11px;
			border:solid #e1e1e1 1px;
			border-top:none;
			border-left:none;
			padding:30px 10px 5px 10px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			box-sizing:border-box;
			position:relative;
			}
				.full-calendar .full-calendar-day:nth-child(-n+7) {
				border-top:solid #e1e1e1 1px;	
				}
				
				.full-calendar .full-calendar-day:nth-child(7n+1) {
				border-left:solid #e1e1e1 1px;	
				}
				
				
				
				.full-calendar .full-calendar-day a {
				clear:left;
				float:left;
				display:inline-block;
				line-height:16px;
				margin-bottom:5px;
				}
					.full-calendar .full-calendar-day a:before {content:'■ ';}
				
				
				.full-calendar-blank {}
			
				.full-calendar-today {
				background-color:#efefef;
				}
				
				.full-calendar .full-calendar-number {
				position:absolute;
				right:10px;
				top:6px;
				font-size:14px;
				}
	
				
/* Seasons */
#seasons {
display: block;
margin-top: 25px;
max-width: 880px;
margin-left: auto;
margin-right: auto;
}

.season {
text-align: center;
cursor: pointer;
position: relative;
}
	.season i {
	font-size: 100px;
	transition: 0.3s;
	}

	.season.active i {	
	color: #ededed;
	}
		.season:hover i {
		color: #ededed;	
		}

		.season.active .season-title {
		color: #ededed;
		}

.event-item.single-event {
margin-bottom: 80px;
}

.season:after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 1px;
border: 1px solid;
border-top: 0;
border-bottom: 0;
border-right: 0;
border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(226, 226, 226, 1) 48%, rgba(255, 255, 255, 0) 100%);
border-image-slice: 1;
}

#winter:after {
display: none;
}

.season-title {
font-size: 16px;
margin-top: 40px;
letter-spacing: 2px;
}

.event-item {
max-height: 0;
overflow: hidden;
margin: 0;
opacity: 0;
}

.events .active-event {
max-height: 100%;
overflow: visible;
margin-bottom: 110px;
opacity: 1;
}

.events.list {
margin-top: 170px;
display: flex;
flex-direction: column;
}

.event-item:nth-child(odd) .event-item-image {
float: left;
}

.event-item:nth-child(odd) .event-item-text {
float: right;
padding-left: 65px;
}

.event-item:nth-child(even) .event-item-text {
padding-right: 65px;
}

.event-item-text h3 {
padding-top: 0;
}
				
/* Media Queries */

@media screen and (max-width: 650px) {
	
	/* Events */
	.events {}
		
		.year-calendar{}
		
			.year-calendar .summary-calendar-holder {
			width:45%;
			margin-right:10%;
			}
			
				.year-calendar .summary-calendar-holder:nth-child(3n+3) {margin-right:10%;}
				.year-calendar .summary-calendar-holder:nth-child(3n+4) {clear:none;}
				.year-calendar .summary-calendar-holder:nth-child(2n+2) {margin-right:0%;}
				.year-calendar .summary-calendar-holder:nth-child(2n+3) {clear:both;}
				
				
		.full-calendar {}
		
			.full-calendar .full-calendar-title {}
				
				.full-calendar .full-calendar-title .full-calendar-previous span {
				display:none;
				}
			
				.full-calendar .full-calendar-title .full-calendar-next span {
				display:none;
				}
			
		
			.full-calendar .full-calendar-weekday {display:none;}
		
			.full-calendar .full-calendar-day {
			float:left;
			width:100%;
			min-height:60px;
			border:solid #e1e1e1 1px !important;
			border-top:none !important;
			padding:5px 10px 5px 10px;
			}
				.full-calendar .full-calendar-dates {border-top:solid #e1e1e1 1px;}
			
			.full-calendar .full-calendar-day.full-calendar-blank {display:none;}
			
				.full-calendar .full-calendar-number {
				position:relative;
				right:auto;
				top:auto;
				text-align:left;
				font-size:14px;
				}
					.full-calendar .full-calendar-number:before {
					content:attr(data-date);
					}
	
}


@media screen and (max-width: 480px) {
	
	/* Events */
	.events {}
		
			.year-calendar .summary-calendar-holder {
			width:100%;
			margin-right:0% !important;
			}


	/* Events */
	.events-holder .events-item .events-text {width:76%;}
	.events-holder .events-item .events-image {width:100%;}	

		.date-icon {
		float:left;
		width:21%;
		margin-right:2%;
		height:auto;
		line-height:12px;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		padding:5px 0 5px 0;
		}
		
		.date-icon-start .date-to {display:none;}
}