/* ==========================================================================
   Events
   ========================================================================== */

.events-theme .filter {}
    .events-theme .filter .item-list {margin:0;}
.events-theme .filter .view-type {margin:0 0 10px;}
.events-theme .filter .view-type .view-head {font-weight:bold;}

.events-theme .filter .month-year {display:block; padding-top:15px;}
.events-theme .filter .month-year .labels {text-align:left; font-weight:bold; margin:0 0 10px;}
.events-theme .filter .month-year .labels label {display:inline;}
.events-theme .filter .month-year .labels a {text-decoration:none; font-size:1.7em; line-height:0; vertical-align:middle; display:inline-block;}

.events-table-wrap {overflow-x: scroll;}

.event-google-map > div {width: 100% !important; max-width: 475px;}

@media only screen and (min-width:48em) {
    .events-theme .filter .month-year {display:inline-block; padding-top:0;}
    .events-table-wrap {overflow-x: visible;}
}



.events-theme .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;
}

.events-theme .item-list {margin-bottom:10px;}
.events-theme .item .item-list {margin-bottom:0px;}

a.event-link, a.event-link:link, a.event-link:visited {color:#454545; font-weight:bold; text-decoration:none;}
a.event-link:hover {color:#ccc; text-decoration: none;}

.events-details {}
.events-details .event-top { padding:15px 0 0 0; margin:0 0 1em;}
.events-details .name {margin:0; font-size:1.8em;}
.events-details .date {font-weight:bold;}
.events-details .time {font-weight:bold; font-size:.875em;}

.event-detail-block {margin:0 0 1em;}
.event-detail-block .title {display:inline-block; background:#ffffff; padding:15px 15px 0; margin:0px;border:1px solid #cccccc; border-bottom:0px; position:relative; bottom:-1px;}
.event-detail-block .inner {padding:15px; border:1px solid #cccccc;}
    .event-detail-block .image {float:right;}

.eventsHomeWidgetWrpr {}
.eventsHomeWidgetWrpr h2.modHd {color: #fff;}
.eventsHomeWidgetItem {text-align: center;margin: 0 0 30px 0;}
.eventsHomeWidgetItem .calSh > div {display: inline-block; width: 60px; height: 60px; margin: 5px auto 10px; border-radius: 50%; background: #0280a7; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.eventsHomeWidgetItem .calSh .calShMonth {font-weight: 700; font-size: .8125em;}
.eventsHomeWidgetItem .calSh .calShdate {font-weight: 100; font-size: 1.375em}
.eventsHomeWidgetWrpr  .moreLink {text-align: center;}
.eventsHomeWidgetWrpr  .moreLink a {color: #4ad3fc; font-weight: 700;}
.eventsHomeWidgetWrpr  .moreLink:after {content: " >"; color: #4ad3fc;}
.eventsHomeWidgetWrpr .hp-event-cancelled {margin: 10px; background: #ccc; color: #000; font-weight: bold; line-height: 2em;}


@media only screen and (min-width:48em) {
    .events-details .export {float:right;}
}

/* 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;}


.eventsHomeWidgetWrpr {background: #505050; color: #fff; }
.eventsHomeWidgetWrpr a {color: #fff;}

/* calendar summary */

.calendarDate {text-align:center;}
table.cal-sm {background-color:#fff; border-collapse:collapse; width:100%; margin-bottom:15px;}
table.cal-sm td {color:#999; padding:4px 2px; border:1px solid #cecece;}
table.cal-sm th {text-align:center; color:#fff; font-weight:bold; text-transform:uppercase; border:1px solid #c7c7c7; background:#005a28; padding:4px;}
table.cal-sm th.month_hdg {background-color:#22457b;}
.today, .today td {color:#666 !important; text-align:center; background-color:#d5e3f1;}
.currday, .currday td {background-color:#e9e9e9; text-align:center;}

table.cal-sm th a,
table.cal-sm th a:link,
table.cal-sm th a:visited {color:#fff; text-decoration:none;}

table.cal-sm td.day {font-weight:bold;}
table.cal-sm td.event {background-color: #e8e8e8; text-align:center;}
table.cal-sm a, table.cal-sm a:link, table.cal-sm a:visited {font-weight:bold; text-decoration:none;}
table.cal-sm a:hover {color:#c00; text-decoration:none;}
table.cal-sm a:active {color:#7aafdf; text-decoration:none;}

/* event classes */

.eventsHeadWrpr {}
.eventsCalendarsMonthSummaryWrpr {}
.eventsCalendarListSummaryWrpr {}
.eventsCalendarItemsMargin {margin-left:10px;padding-bottom:10px;}
.eventsCalendarItem {margin-bottom:10px;}
.eventsCalendarItem .time {display: block; font-size: .875em; font-weight: 700; }
.eventsCalendarItem a.eventLink {font-weight: 700;}
.eventTime {color:#587d58;margin-right:10px;}

/* calendar list */

.todayList, .todayList td {color:#000; background-color:#f5f5f5;}
table.cal-list {border-collapse:collapse; width:100%;}
table.cal-list td {border:1px solid #cecece; padding:6px 12px;}
table.cal-list .alternate {padding:12px;}

/* calendar month */

table.calendar_month {width:100%; background-color:#fff; border-collapse:collapse;}
table.calendar_month tr {vertical-align:top;}
table.calendar_month th {text-align:center; color:#fff; padding:6px; background:#005a29;}
table.calendar_month td.day {font-size:12px; font-weight:bold; border:1px solid #cecece;}
table.calendar_month th.cal-week {background:#005a29 ; vertical-align:middle;}

.calendar_numeral {color:#999; font-size:14px; font-weight:bold;}
.calendar_numeral a, .calendar_numeral a:link, .calendar_numeral a:visited {text-decoration:none;}
.calendar_numeral a:hover, .calendar_numeral a:active {color:#c00;text-decoration:none;}

.calendar_day_empty {border:1px solid #cecece; }
.calendar_day_empty, .calendar_day_event {width:14%; height:50px;}
.calendar_day_event {border:1px solid #cecece; background-color: #ebebeb;}
.calendar_day_event img {margin-top:5px;}

table.cal-sm a.grey,table.cal-sm a.grey:link,table.cal-sm a.grey:visited {font-weight:bold; color:#7aafdf; text-decoration:none;}
table.cal-sm a.grey:hover {color: #c00; text-decoration: text-decoration:none;}
table.cal-sm a.grey:active {color: #7aafdf; text-decoration: none;}

table.thumbitemtbl {width:100%; margin-bottom:10px;}
table.thumbitemtbl td {vertical-align:top; padding:10px 15px;}

/* event tooltip classes */

.eventToolTipWrpr {display:none; width:340px; z-index:99; color:#333;}
.eventToolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px; }
.eventToolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.eventToolTipWrpr h5 {font-size:14px; margin-bottom:6px;}
.eventToolTipDate {font-size:11px; font-weight:bold;}
.eventToolTipName {font-size:14px; font-weight:bold;margin-bottom:14px;}



.calList {margin:0 0 0 6px; padding:0 0 0 6px; list-style-type: none;}
.calList li {margin:6px 0;}
.calList img {width:72px !important; height:auto !important;}


.eventsCalendarListHead .hdng {font-size: 1.25em; font-weight: 700;}
