/* Events CSS Document */

	/* Events */
	.events {display:block;}
	
		.events .event-item {
		display:block;
		margin-bottom:20px;
		position:relative;
		}
			.events .event-item .event-item-text {
			float:left;
			width:75%;
			display:inline-block;
			padding-left:110px;
			-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;	
				}
			
			.events .event-item .event-item-image {
			float:right;
			width:20%;
			-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;}



	.events-list {}
	
		.events-list .event-item {
		display: flex;
		align-items: flex-start;
		flex-direction: row-reverse;
		min-height: 180px;
		padding: 25px 15px;
		background-color: #d9f3f8;
		border: solid 1px #6ccacd;
		margin-top: 25px;
		margin-bottom: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		}
			.events-list > *:nth-child(2n+2) {
			background-color: #eef7f9;	
			}
			
			.events-list .event-item-main {
			width: 70%;	
    		margin-bottom: -0.7em;
			}
				.events-list .event-item-main h2 {
				color: #00b1cd;
				font-family: co-headline, Helvetica, Arial, sans-serif;
				font-size: 20px;
				font-weight: 800;
				line-height: 1.1;
				text-transform: uppercase;
    			padding-bottom: 2px;
				}
				
				.events-list .event-item-main h4 {
				color: #000000;
				font-size: 17px;
				}
					.events-list .event-item-main h4.dark-blue {
					color: #005c90;
					}
				
				.events-list .event-item-main-desc {
				display: block;
    			font-size: 15px;
				margin-top: 0.7em;	
				}
				
				.events-list .event-item-main-desc p {
				margin-bottom:0.7em;	
				}
			
			.events-list .event-item-left {
			width: 26%;
			margin-right: 4%;	
			}
				.events-list .event-item-left h3 {
				color: #005c90;
				font-family: co-headline, Helvetica, Arial, sans-serif;
				font-size: 18px;
				font-weight: 800;
				line-height: 1.1;
				text-transform: uppercase;
				padding-bottom: 0px;
				}
				
				.events-list .event-item-left ul {
				margin-top: 5px;	
				}
					.events-list .event-item-left ul li {
					display: flex;
					align-items: flex-start;
					font-size: 17px;
					line-height: 1.2;
					padding: 0 0 0.7em 0;	
					}
						.events-list .event-item-left ul li:before {display: none;}
						
						.events-list .event-item-left ul li > strong,
						.events-list .event-item-left ul li > b {
						width: 100px;
						font-weight: 600;
						}
						
						.events-list .event-item-left ul li > span,
						.events-list .event-item-left ul li > span {
						width: 75%;
						display: inline-block;
						font-weight: 600;
						}

		
		
		.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;
				}
	
				
				
				
				
/* Media Queries */

@media screen and (max-width: 850px) {
	
	.events-list {}
	
		.events-list .event-item {
		display: block;
		}
			
			.events-list .event-item-main {
			width: 100%;
			}
			
			.events-list .event-item-left {
			width: 100%;
			margin-right: 0%;	
    		margin-top: 30px;
			}
				.events-list .event-item-left ul {
				margin-bottom: 0px;
				}
			
}

@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;}
	
}