/* ==========================================================================
                                   Events
   ========================================================================== */

.eventsTheme .filter {position:relative;}
.eventsTheme .filter .slist {}
.eventsTheme .filterSortFieldsWrpr {margin:0 0 1rem 0;}
.eventsTheme .filterViewWrpr {margin:0 0 1rem 0;}
.eventsTheme .filterSortFieldsWrpr .monthYear {margin:0 0 1rem 0;}
.eventsTheme .filterSortFieldsWrpr .filterBy {margin:0 0 1rem 0;}
.eventsTheme .displayMode {margin-top:10px;}


@media screen and (min-width: 48em)  {
	.eventsTheme .filterViewWrpr {float:left; display:flex; align-items:center; height:60px;}
	.eventsTheme .filterSortFieldsWrpr {float:right;}
	.eventsTheme .filterSortFieldsWrpr .monthYear {float: left;}
	.eventsTheme .filterSortFieldsWrpr .filterBy {float: right;}
	.monthYearDropdowns {justify-content: center; height:60px;}
}

.eventsTheme .filter select {
	margin:0 !important;
}

.eventsTheme .hdng {
    margin: 0 0 20px 0;
    padding: 10px 20px;    
    background: #193886;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

.eventsTheme .article > .aside.calendar {
	width: 35%;
}

.eventsTheme .itemList {
	margin:0;
	padding:0;
}

.eventsTheme .itemList .item {
	background:#fff;
	margin:0 0 2rem 0;
	border:1px solid #ccc;
}
.eventsTheme .item .itemList {
	background:#fff;
}

.eventsTheme .date-icon {
	margin:0 auto;
	position:relative;
	width:300px; 
	height:260px; 
	background:#18368a url(/assets/1/6/event.jpg) no-repeat right top;
}

.eventsTheme .event-image {
	height: 100%;
}

.eventsTheme .event-image img {
	height:100% !important;		
	object-fit: cover;
	object-position:68% center;
}

.eventsTheme .date-icon .event-date {
	text-align:center;
	color:#fff;
	padding:20px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-transform:uppercase;
	font-weight:bold;
}

.eventsTheme .month-day {
	font-size:45px;
}

.eventsTheme .weekday {
	margin:0 0 1rem 0;
	font-size:28px;
}

@media screen and (min-width:600px)  {
	.eventsTheme .date-icon {
		float:left;
		margin:0;		 
	}
}

.monthYearDropdowns {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    width: 100%;
    justify-content: left;
	align-items:center;	
}

.monthYearDropdowns > span {
	padding:0 5px;
}

.eventsTheme .item {border: none; display: block; padding: 0px; width: auto;}
.eventsTheme .item > .content {display: table-cell; width: 100%; vertical-align: top; padding:30px;}
.eventsTheme .item > .content .content {padding: 0px 0px 10px 0px;}
.eventsTheme .item > .content > .cancelled {font-weight:bold;color:Red;}
.eventsTheme .item > .content > .dateTime {}
.eventsTheme .item > .content > .description {}
.eventsTheme .item > .content > .location {}
.eventsTheme .item .item {border: 0px; display: table; padding: 0px; margin:0; width: 100%;}

.eventsTheme .listRailInfo ul li{margin-bottom:10px;}

.eventsTheme .row {background-color: #fff} 
.eventsTheme .alternate .row {background-color: #D8D8D8;} 


/* event media queries */
.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 .export {float:left;margin-left:20px;margin-bottom:10px;}
.eventsDetailsWrpr h4.cancelled {}
.eventsDetailsWrpr .date {display:block;float:none;width:auto;padding: 0px;font-size:1em;margin-bottom:10px;}
.eventsDetailsWrpr .time {display:block;margin-bottom:10px;}
.eventsDetailsWrpr .image {float:right;width:300px;}
.eventsDetailsWrpr .location {}
.eventsDetailsWrpr .phone {}
.eventsDetailsWrpr .description {}
.eventsDetailsWrpr .details {}
.eventsDetailsWrpr .map {}
.eventsDetailsWrpr .export {}
.eventsDetailsWrpr .relatedEventsWrpr {}
.eventsDetailsWrpr .documentsWrpr {}


.events-category {
	margin:0 0 2rem 0;
	border-bottom:2px solid #bdbdbd;
}

.events-category-title {	
	text-transform:uppercase;
	padding:20px 0 20px 0;
	font-size:28px;
	font-weight:bold;
}

.events-category a {
	display:block;
	padding:20px 0;
	border-top:2px solid #bdbdbd;
	font-size:24px;
	font-weight:bold;
	color:#0680be;
	text-decoration:none;
}