/* ==========================================================================
                                   Events
   ========================================================================== */

.eventsTheme .filter {position:relative;padding:10px}
.eventsTheme .filter .slist {}
.eventsTheme .filterSortFieldsWrpr {float:right;}
.eventsTheme .filterViewWrpr {float:left;width:50%}
.eventsTheme .filterSortFieldsWrpr .monthYear {float: left;width:300px;}
.eventsTheme .filterSortFieldsWrpr {}
.eventsTheme .filterSortFieldsWrpr .filterBy {float: right;}
.eventsTheme .displayMode {margin-top:10px;}


/* .eventsTheme .hdng {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0 0 10px 0;
    padding: 5px;    
    background: #CCCCCC;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    border: 1px solid #444444;
} */

.eventsTheme .article > .aside.calendar {
	width: 35%;
}

.eventsTheme .itemList {margin-bottom:10px;}
.eventsTheme .item .itemList {margin-bottom:0px;}

.eventsTheme .item {border: none;display: block;padding: 0px;width: auto;}
.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 .item > .content > .dateTime {}
.eventsTheme .item > .content > .description {}
.eventsTheme .item > .content > .location {}
.eventsTheme .item > .itemImage {width:75px;margin-left:20px;float:left;}
.eventsTheme .item .item {border: 0px;display: table;padding: 0px;width: 100%;}

.eventsTheme .listRailInfo ul li{margin-bottom:10px;}

/* .eventsHeadWrpr {}
a.eventLink, a.eventLink:link, a.eventLink:visited {color:#454545; font-weight:bold; text-decoration:none;}
a.eventLink:hover {color:#ccc; text-decoration: none;} */
.eventsTheme .row {background-color: #fff} 
.eventsTheme .alternate .row {/* background-color: #D8D8D8; */} 


/* 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;}

@media only screen and (max-width:48em) {
    table.calendarMonth {display:block; border-bottom:1px solid #cecece;}
    table.calendarMonth tbody {display:block;}
    table.calendarMonth tr {display:block;}
    table.calendarMonth th {display:none;}
    .calendarDayEmpty, .calendarDayEvent {display:block; width:auto; height:auto; border-bottom:0px; padding:8px}
}

/* Event Page */
.eventsDetailsWrpr .socialLikes {float:right;}
.eventsDetailsWrpr h2.name {}
.eventsDetailsWrpr .rating {float:left;margin-bottom:10px;}
.eventsDetailsWrpr .export {float:left;margin-left:20px;margin-bottom:10px;}
.eventsDetailsWrpr h4.cancelled {}
.eventsDetailsWrpr .image {position:relative; min-height:90px;}

.eventsDetailsWrpr .date .dateIcon {border-style:none; }
.eventsDetailsWrpr .time {display:block;margin-bottom:10px;}
.eventsDetailsWrpr .image {margin:0 0 1rem 0;}
.eventsDetailsWrpr .location {}
.eventsDetailsWrpr .phone {}
.eventsDetailsWrpr .description {}
.eventsDetailsWrpr .details {}
.eventsDetailsWrpr .map {}
.eventsDetailsWrpr .export {}
.eventsDetailsWrpr .relatedEventsWrpr {}
.eventsDetailsWrpr .documentsWrpr {}






.wide-container{
    padding:0 15px;
}
@media only screen and (min-width:48em){
        .wide-container{
        max-width:1180px;
        margin:0 auto;
        padding:0 20px;
    }
}

@media only screen and (min-width:48em){
    .events-summary .item .aside{
        width:100%;
    }
}
@media only screen and (min-width:48em){
    .events-summary{
        padding:0 10px;
    }
    .events-summary .item:nth-child(3) {
		margin:0;
	}
} 


 /*Week list View*/
  /*date*/
  .mod.eventsTheme .itemList .dateIcon{
	display:flex;
}

.mod.eventsTheme .itemList .dateIcon .month{
	margin:0 5px 0 0;
}

  .itemList.week-listing{
	display:block;
  }
  @media(min-width:768px){
	.itemList.week-listing{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;;
	  }
  }

  .eventsTheme .item .item{
	  width:auto !important;
  }
  .eventsTheme > .content{
	  display:block;
	  margin:0 auto;
  }
  @media only screen and (min-width:30em){
	.eventsTheme .item > .content{display:block;}
  }
  .eventsTheme .item > .content{
	  display:block !important;
  }

  /* Individual cards */
  .eventsTheme .itemList.week-listing .item{
	  margin:0 10px 0 0;
  }
  @media(min-width:48em){
	.eventsTheme .itemList.week-listing .item{
		margin:0 10px 0 0;
	}
  }
  .eventsTheme .itemList.week-listing .item:nth-child(2){
	margin:0;
  }

  .eventsTheme .itemList.week-listing .item > .content{
	  display:block;
	  text-align:center;
  }
  @media(min-width:48em){
	.eventsTheme .itemList.week-listing .item > .content{
		text-align:left;
	}
  }
  .week-listing .itemImage{
	  margin:0 0 5px 0;
  }