/* ==========================================================================
                                   Events
   ========================================================================== */

.eventsTheme .filter {position:relative;}
.eventsTheme .filter .slist {}
.eventsTheme .filterSortFieldsWrpr {}
.eventsTheme .filterViewWrpr {}
.eventsTheme .filterSortFieldsWrpr {}
.eventsTheme .filterSortFieldsWrpr .filterBy {float: right;}
.eventsTheme .displayMode {margin-top:10px;}

.eventsTheme .article > .aside.calendar {
	width: 35%;
}

.eventsTheme .itemList {margin-bottom:10px;}
.eventsTheme .item .itemList {margin-bottom:0px;}

.eventsTheme .date {background-image:none; width:80px; display:table-cell; padding:10px !important; }
.eventsTheme .date > .dateIcon {width:60px; text-align:center; border:1px solid #dcdcdc; }
.eventsTheme .date > .dateIcon > .month {font-size:16px; text-transform:uppercase; background-color:#ee4035; padding:3px; color:#fff; min-width:40px;}
.eventsTheme .date > .dateIcon > .day {font-size:24px; font-weight:bold; padding:0 5px; background-color: #fff;}

.eventsTheme .item {padding:1rem 0;}
.eventsTheme .item > .content {display: table-cell; width: 100%; vertical-align: top;padding:10px;}
.eventsTheme .item > .content .content {padding: 0px 0px 10px 0px;}
.eventsTheme .item > .content > .cancelled {font-weight:bold;color:Red;}
.eventsTheme .dateTime {margin:0 0 1rem 0;}
.eventsTheme .dateTime .dates {display:block;}
.eventsTheme .dateTime .dates:before {content: 'Date:'; margin-right:5px; font-weight:500;}
.eventsTheme .dateTime .duration {display:block;}
.eventsTheme .dateTime .duration:before {content: 'Time:'; margin-right:5px; font-weight:500;}
.eventsTheme .item > .content > .description {}
.eventsTheme .item > .content > .location {}
.eventsTheme .item > .itemImage {width:75px;margin-left:20px;float:left;}
.eventsTheme .item > .itemImage img {box-shadow:0 3px 8px 0 rgba(0,0,0,0.14);}
.eventsTheme .item .item {border: 0px;display: table;padding: 0px;width: 100%;}

.eventsTheme .listRailInfo ul li{margin-bottom:10px;}

.eventsHeadWrpr {}
.eventsTheme .row {background-color: #fff} 
.eventsTheme .alternate .row {background-color: #D8D8D8;} 

.eventLink {font-weight:500; font-size:1.5rem;}

/* event media queries */
@media only screen and (max-width: 960px){
    .eventsTheme .filter .displayMode {display:none;}
}


/* calendar month - Tablessss. EWWWWWWWWW */

table.calendarMonth {width:100%; background-color:#fff; border-collapse:collapse;}
table.calendarMonth tr {vertical-align:top;}
table.calendarMonth th {text-align:center; color:#222; padding:6px; background-color:#ccc;}
table.calendarMonth td.day {font-size:12px; font-weight:bold; border:1px solid #cecece;}
table.calendarMonth th.calWeek {color:#222;background: #CCC url(/cms/images/cal-week.gif) no-repeat center;vertical-align: middle;}
table.calendarMonth th.calWeek a {color: #000;}

.calendarNumeral {color:#999; font-size:14px; font-weight:bold;}
.calendarNumeral a, .calendarNumeral a:link, .calendarNumeral a:visited {color:#7aafdf;text-decoration:none;}
.calendarNumeral a:hover, .calendarNumeral a:active {color:#c00;text-decoration:none;}

.calendarDayEmpty {border:1px solid #cecece; }
.calendarDayEmpty, .calendarDayEvent {width:14%; height:50px;}
.calendarDayEvent {border:1px solid #cecece; background-color: #e8e8e8;}
.calendarDayEvent img {margin-top:5px;}

table.thumbItemtBl {width:100%; margin-bottom:10px;}
table.thumbItemtBl td {vertical-align:top; padding:10px 15px;}

table.calendarMonth a.eventNumbLink {display:block;text-align:center;padding:5px 5px 15px 5px;}


/* Event Page */
.eventsDetailsWrpr .socialLikes {float:right;}
.eventsDetailsWrpr h2.name {width:75%;margin:0px 0px 10px 0px;}
.eventsDetailsWrpr .rating {float:left;margin-bottom:10px;}
.eventsDetailsWrpr h4.cancelled {}
.eventsDetailsWrpr .date {background-image:none; width:100%; display:block; padding:0px !important;}
.eventsDetailsWrpr .time {display:block;margin-bottom:10px;}

.eventsDetailsWrpr .location {}
.eventsDetailsWrpr .phone {}
.eventsDetailsWrpr .description {display:none;}
.eventsDetailsWrpr .details {}
.eventsDetailsWrpr .map {margin:0 0 1rem 0;}
.eventsDetailsWrpr .export {display:none;}
.eventsDetailsWrpr .relatedEventsWrpr {}
.eventsDetailsWrpr .documentsWrpr {}


.viewType {margin-bottom:15px;}

.eventsDetailsWrpr .image {margin:0 0 1rem 0;}
.eventsDetailsWrpr .image img {box-shadow:0 3px 8px 0 rgba(0,0,0,0.14);}

 
@media only screen and (min-width:48em){ 
	.eventsTheme .filter {
		display: table;
		width: 100%;
	}
	
	.eventsTheme .filter > div {
		display: table-cell;
		vertical-align: top;
		padding-right:20px;
	}	
	
	.eventsTheme .filter > div:last-child {
		padding-right:0;
	}
	
	.eventsTheme .filter select {
		margin-bottom:0;
	}
	
	.viewType {
		margin-bottom:0px;
	}

	.eventsDetailsWrpr .image {
		margin:0 0 1rem 1rem;
		float:right;
		width:350px;
	}

}

.monthYear label {display:inline-block !important;}
.monthYearDropdowns select {width:auto !important;}
.monthYearDropdowns img {margin-top:5px !important;}
.displayMode {display:none;}
#CT_Main_0_tdWeek {top:5px; position:relative;}


.eventsSummary .modHead .title a {float:right; font-size:1rem; margin-top:15px; margin-left:10px;}

.eventsSummary .itemList .item:last-child {padding-bottom:1em;}

.eventsSummary .date > .dateIcon {width:60px; text-align:center;border:1px solid #CBCBCB; }
.eventsSummary .date > .dateIcon > .month {font-size:16px; text-transform:uppercase;  background-color:#753CBE; padding:3px; border-bottom:1px solid #CBCBCB; color:#fff; min-width:40px;}
.eventsSummary .date > .dateIcon > .day {font-size:24px; font-weight:bold; padding:0 5px; background-color: #fff;}

.eventsSummary .item > .content {padding:10px;}

.eventsSummary .item > .itemImage {
    width: 75px;
    margin-left: 20px;
	margin-right:10px;
    float: left;
}

@media only screen and (min-width:48em){ 
	.eventsTheme .item > .itemImage {
		width:200px;
		text-align:right;
	}
	
	.filterIns {
		display:table !important;
		width:100%;
	}
	
	.filterViewWrpr,
	.filterSortFieldsWrpr {
		display:table-cell;
		float:none !important;
		vertical-align:top;
	}

}
