@charset "UTF-8";
/* CSS Document */

#events-container {
	margin: 0 auto;
}

/* outer tile box - width is isotope column width */
.event-tile-wrapper {
	width: 279px;
	padding: 7px;
}

/* inner (visible) tile box */ 
.event-tile {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	/*padding: 140px 0 0;*/
	padding: 185px 0 0;
	background-color: #eee;
	color: #000;
	background-repeat: no-repeat;
	background-position: center center; 
	text-align: center;
	overflow: hidden;
}

/* double width tiles only double width when normal width tiles are at least two-across */
/*@media (min-width: 566px) {*/
@media (min-width: 586px) {
	#events-container .event-tile-wrapper.wide {
		width: 574px;
	}
}

	.featured-event-container .event-tile {
		height: 660px;
		/*padding-top: 260px;*/
		padding-top: 305px;
	}

	.event-tile.past, .event-tile.featured-event {
		background-color: #333;
		color: #fff;
	}

/* light and dark striped overlays */
.event-tile-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: url(../images/tile-stripes-light.png) repeat;
}

.past .event-tile-overlay {
	background: url(../images/tile-stripes-dark.png) repeat;	
}

.featured-event .event-tile-overlay {
	background: url(../images/tile-stripes-featured.png) repeat;	
}

.event-tile-title {
	position: relative;
	z-index: 100;
	margin: 0 auto 10px;
	font-size: 36px;
	line-height: 36px;
	width:80%;
	font-family: "franklin-gothic-ext-comp-urw", Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.02em;
}

	.featured-event .event-tile-title {
		margin: 0 auto 10px;	
	}

.event-tile-subtitle {
	position: relative;
	z-index: 100;
	margin: 0 0 10px;
	font-size: 14px;	
	letter-spacing: 0.02em;
	font-family: "nyt-cheltenham", Georgia, serif;
	font-style: italic;
	padding:.4em;
}

.event-tile-date {
	position: relative;
	z-index: 100;
	margin: 0 0 10px;
	font-size: 14px;
	letter-spacing: 0.02em;
	font-family: "nyt-cheltenham", Georgia, serif;
	font-style: italic;
}

.event-tile-series {
	position: relative;
	z-index: 100;
	margin: 0 0 5px;
	font-size: 12px;
}

.event-tile-announce {
	position: relative;
	z-index: 100;
	margin: 20px 0 5px;
	font-size: 16px;
	letter-spacing: 0.02em;
	font-family: "nyt-cheltenham", Georgia, serif;
	font-style: italic;
}

.event-tile-cta {
	position: relative;
	z-index: 100;
	margin-top: 10px;
}

.event-tile-ctasecondary {
	position: relative;
	z-index: 100;
	display: none;
	font-size: 13px;
	text-transform: uppercase;
	font-family: "franklin-gothic-urw", Helvetica, Arial, sans-serif; 
	font-weight: 700;
}

.ticketsopen .event-tile-ctasecondary {
	display: inline;
}

.featured-event.ticketsopen .event-tile-ctasecondary {
	color: #fff;
}

.featured-event.ticketsopen .event-tile-ctasecondary:hover {
	color: #fb2d37;
}

/* Homepage featured event and calendar styles
-------------------------------------------------- */

.featured-event-container, .event-calendar-container {
	padding: 7px;
}

.event-calendar-background {
	position: relative;
	height: 660px;
	background-color: #000;
}

.event-calendar-view-more {
	position: absolute;
	bottom: 9px;
	right: 17px;
	z-index: 10;
}

.event-calendar-header {
	margin: 0;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0.02em;
	color: #000;
	background-color: #fff;
}

.event-calendar-header.bottom {
	padding-top: 20px;
}

.event-calendar {
	/*height: 625px;*/
	margin: 0;
	padding: 0;
	background-color: #000;
}

.event-calendar-row {
	margin: 0 5px;
	padding: 17px 12px;
	border-bottom: 1px solid #fff;
	list-style: none;
	overflow: hidden;
	cursor:pointer;
}

.event-calendar-row:last-child {
	border: none;
}

.event-calendar-row.last {
	border: none;
	padding-top: 30px;
}

.event-calendar-row-title {
	margin: 0;
	padding: 0 1px; /* fix for hover state color 'clipping' bug */
	color: #fff;
	transition: color 0.1s;
	font-size: 24px;
	line-height: 24px;
	font-family: "franklin-gothic-ext-comp-urw", Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.event-calendar-row:hover .event-calendar-row-title {
	color: #f41226;
	transition: color 0.1s;
}

.event-calendar-row-title .date {
	color: #f41226;
}

.event-calendar-row-description {
	margin: 0;
	padding: 0 1px; /* fix for hover state color 'clipping' bug */
	color: #fff;
	transition: color 0.1s;
	font-size: 14px;	
	letter-spacing: 0.02em;
	font-family: "nyt-cheltenham", Georgia, serif;
	font-style: italic;
}

.event-calendar-row:hover .event-calendar-row-description {
	color: #f41226;
	transition: color 0.1s;
}