.eventsContainer ul.timeWindow {
	color: #b95915;
	height: 40px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
  	border: 1px solid #e1e1e1;
  	list-style: none;
	margin: 0;
	margin-bottom: 20px;
	text-align: center;
	font-size: 0;
}
.eventsContainer ul.timeWindow li { display: inline-block; max-width: 127px; }
.eventsContainer ul.timeWindow li a {
	position: relative;
	display: block;
	min-width: 127px;
	height: 38px;
	line-height: 39px;
	font-size: 16px;
	color: #333;
}
.eventsContainer ul.timeWindow li a.active { background: #b95915; color: #fff; }

.eventsContainer .date input[type="text"] {
	background-image: url(/includes/public/assets/shared/icon-cal.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-position: right 12px center;
	cursor: pointer;
}

.eventsContainer .filterOptions label, .eventsContainer .filterOptions span, .eventsContainer .filterOptions a {
	position: relative;
	display: inline-block;
	font-size: 16px;
}

.eventsContainer .filterOptions label, .eventsContainer .filterOptions span, .eventsContainer .filterOptions a.active {
	color: #333;
}

.eventsContainer .filterOptions .sortByContainer span   { padding: 0 4px; }
.eventsContainer .pagingContainerFooter .filterOptions .sortByContainer { display: none; }

/*** Mobile ***/
@media only screen and (max-width: 641px) {
	.eventsContainer ul.timeWindow li { width: 33%; }
	.eventsContainer ul.timeWindow li a { min-width: 0; width: 100%;}
}


#printableEvents {
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	font-family: 'Montserrat', sans-serif;
	color: #404040;
}

#printableEvents .intro .letterhead {
		position: relative;
		width: 100%;
		color: #fff;
		min-height: 150px;
		padding: 30px;
		box-sizing: border-box;
		overflow: hidden;
		line-height: 1.4;
}

#printableEvents .intro .logo {
    position: absolute;
    top: 15px;
    left: 15px;
    height: auto;
    width: 260px;
}
.header-cls-2 {
    font-size: 60px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    letter-spacing: 0.25em;
}
#printableEvents .intro .logo .desktop {display: block}
#printableEvents .intro .logo .print {display: none}

#printableEvents .intro .logo img {
	margin: 0 auto;
	width: 436px;
	height: auto;
	
}

#printableEvents .intro .letterhead .address {
	float: right;
	font-style: normal;
	text-align: right;
	color: #0a3c4e;
}

#printableEvents .intro .letterhead .address a {
	font-style: italic;
	color: #005d95;
	text-decoration: none;
}

#printableEvents .intro .greeting {
		margin: 7px 0 24px 0;
		position: relative;
}

#printableEvents .content h1 {
	font-size: 3.75em;
		font-weight: 400;
		line-height: 1.1em;
		margin-bottom: 1em;
		font-family: 'Montserrat', sans-serif;
		color: #1eaea0;
}


#printableEvents .content h2 {
	font-size: 3em;
		font-weight: 400;
		line-height: 1em;
		margin-bottom: 1em;
		font-family: 'Montserrat', sans-serif;
		color: #317a77;

}

#printableEvents .content h3 {
	font-size: 2.5em;
	font-weight: 400;
	line-height: 1.15em;
	margin-bottom: 1em;
	font-family: 'Montserrat', sans-serif;
	color: #005d95;
	text-align: center;
}

#printableEvents .content ul,
#printableEvents .content ul li {
	padding: 0;
	margin: 0;
	list-style: none outside;
}

#printableEvents .content .special-events .date-group {
	position: relative;
	margin: 12pt 0;
	clear: both;
}

#printableEvents .content .special-events .date-group .columns {
	clear: both;
}

#printableEvents .content .special-events .date-group ul {
	float: left;
	width: 33%;
	padding: 15px;
	box-sizing: border-box;
}

/* nth-child((@columnCount)n-(@columnCount - 1)) */
.colFirst, .col2, .col3 {
	font-size: 12px;
}
.colFirst p, .col2 p, .col3 p {
	margin: 0px 0px;
}

#printableEvents .content .special-events .date-group ul.colFirst {
	margin: 0;
}

#printableEvents .content ul li {
	margin: 0 0 12pt;
	border: 1px solid #404040;
	padding: 10px;
	/*page-break-inside: avoid;*/
}

#printableEvents .content .ongoing-events {
	clear: both;
}

#printableEvents .content .event-title {
	font-weight: 600;
	margin-bottom: -12px;
	color: #005d95;
}

#printableEvents .print-button {
	position: absolute;
		right: 30px;
		bottom: 0;
		margin: 0;
		border: 0;
		padding: 6px 12px;
		text-align: center;
		cursor: pointer;
		text-decoration: none;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		color: #fff !important;
		border-color: transparent !important;
		background-color: #005d95;
		z-index: 10;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
		font-size: .875rem;
		font-weight: 700;
		line-height: 1.1;
		color: #fff;
		text-decoration: none;
}

#printableEvents .print-button:hover {
		background-color: #005d95;
}



#printableEvents .loading {
	height: 200px;
	width: 100%;
	opacity: 0.7;
}

#printableEvents .boldListing {
	font-weight: 600;
	display: inline;
}

#printableEvents .listOfEvents .event-times,
#printableEvents .listOfEvents .event-address,
#printableEvents .listOfEvents .event-admission,
#printableEvents .listOfEvents .event-phone,
#printableEvents .listOfEvents .event-location,
#printableEvents .listOfEvents .event-website,
#printableEvents .listOfEvents .event-admission {
	display: inline-block;
	line-height: 17px;
	font-size: 12px;
}

#printableEvents .listOfEvents .event-website {
	word-break: break-all;
}

#printableEvents .listOfEvents .titleInfo {
	line-height: 15px;
}

#printableEvents .listOfEvents .event-dateRange {
	margin-bottom: -10px;
}

#printableEvents .listOfEvents .event-recurance {
	margin-bottom: -15px;
}

#printableEvents .listOfEvents .eventDescription {
	max-width: 280px;
	line-height: 18px;
	margin-top: 10px;
}

@media print {
	#printableEvents .intro .logo img {
		display: none;
	}
	#printableEvents .intro .logo .desktop {display: none}
	#printableEvents .intro .logo .print {display: block}
	#printableEvents .content h1 {font-size: 1.75em;}
	#printableEvents .content h3 {font-size: 1.3em;}
	#printableEvents .print-button {
		display: none;
	}

	/* t - 267429 kill off Calibri W01 and replace with Calibri due to print driver issues on client's machine when printed using system dialog */
	#printableEvents {
		font-family: 'Montserrat', sans-serif;
	}
}


@media only screen and (max-width: 40em) {
		#printableEvents, .colFirst, .col2, .col3 {font-size: 14px;}
		#printableEvents .content h1 {
				font-size: 1.5em;
				line-height: 1.2em;
				text-align: center;
		}

		#printableEvents .content h2 {
				font-size: 2.25em;
				line-height: 1em;
		}

		#printableEvents .content h3 {
				font-size: 1em;
				line-height: 1em;
		}

		#printableEvents .intro .logo {
		text-align: center;
		width: 100%;
		left: 0;
	}
	#printableEvents .intro .letterhead .address {
		padding-top: 110px;
		text-align: center;
		width: 100%;
	}

	#printableEvents .print-button {
		width: 50%;
			text-align: center;
			float: none;
			margin: 0 auto;
			height: 44px;
			top: 8px;
	}

	#printableEvents .content .special-events .date-group .columns { overflow: auto;}

	#printableEvents .content .special-events .date-group ul{
		width: 100%;
		padding-bottom: 0;
			padding-top: 0;
	}

	#printableEvents .listOfEvents .event-times,
	#printableEvents .listOfEvents .event-address,
	#printableEvents .listOfEvents .event-admission,
	#printableEvents .listOfEvents .event-phone,
	#printableEvents .listOfEvents .event-location,
	#printableEvents .listOfEvents .event-website,
	#printableEvents .listOfEvents .event-admission {
		font-size: 14px;
	}

	#printableEvents .listOfEvents .eventDescription {max-width: none;}

}



@media only screen and (min-width: 40.063em) and (max-width: 64em) {
		#printableEvents .content h1 {
				font-size: 3em;
				line-height: 1.2em;
		}

		#printableEvents .content h2 {
				font-size: 2.5em;
				line-height: 1em;
		}

		#printableEvents .content h3 {
				font-size: 2em;
				line-height: 1.15em;
		}
		#printableEvents .content .special-events .date-group .columns { overflow: auto;}
		#printableEvents .content .special-events .date-group ul {
		padding-bottom: 0;
			padding-top: 0;
	}

}
@media only print {
	* {
		color: #000 !important;
	}
}