

/* MONTH CALENDAR */

#month_calendar { margin: 0 auto; padding: 0; width: 100%; background-color:#fff}
#month_calendar table, #month_calendar tr, #month_calendar td {	padding: 0px; }
#month_calendar_outer {	width: 100%; margin: 0;	padding: 0;	table-layout: fixed; }
#month_calendar_inner {	width: 100%; table-layout: fixed; }
#month_calendar #month_calendar_inner td { width: 14%; height: 130px; padding: 5px; }
#month_calendar .event { font-size: 14px; overflow: hidden;	white-space: nowrap; color: #7f7f7f; padding: 2px 0 0 0; }
#month_calendar .event a { color: #565656; text-decoration: underline; }
#month_calendar .day_cell .all_day, #month_calendar .day_cell .multi_day { padding: 0 6px; line-height: 20px; color: #7f7f7f; }
#month_calendar .day_cell .all_day { margin-bottom: 2px; background-color: #f2f2f2; border: 1px solid; border-color: #c6c6c6; border-radius:.5em;}
#month_calendar .day_cell .multi_day { margin-bottom: 2px; background-color: #f2f2f2; border-top: 1px solid; border-bottom: 1px solid; border-left: none; border-right: none; border-color: #c6c6c6; margin-left: -5px;	margin-right: -5px; }
#month_calendar .day_cell .all_day a, #month_calendar .day_cell .multi_day a { color: #565656; text-decoration: none; }
#month_calendar .day_cell .all_day a:hover, #month_calendar .day_cell .multi_day a:hover { color: #565656; text-decoration: underline; }
#month_calendar .first_day { margin-left: 0 !important;	border-left: 1px solid !important; border-top-left-radius: 0.5em; border-bottom-left-radius: 0.5em;}
#month_calendar .last_day {	margin-right: 0 !important;	border-right: 1px solid !important; border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em;}
#month_calendar .day_cell .date { width: 100%; text-align: right; margin: 0; padding: 0 0 3px 0; }
#month_calendar .day_cell .date a {	font-weight: normal; color: #000000; text-decoration: none; }
#month_calendar .day_cell .has_events a { color: #d75452; font-weight: bold; }
#month_calendar .day_cell .date .num { font-size: 15px;	color: #8a8a8a; }
#month_calendar .day_cell .date a:hover { color: #000000; text-decoration: underline; }
#month_calendar .day_cell .has_events a:hover {	color: #000000; }
#month_calendar .day_cell hr { margin-top: 7px; margin-bottom: 7px; }
#month_calendar td.day_cell { padding-top: 30px; }
#month_calendar .out_of_range {	background: #a9a9a9; }
#month_calendar .out_of_range .date { color: #aeaeae; }
#month_calendar td.today { background-color: #fcf8e4; }
#month_calendar #days_of_week th { padding: 5px 0; text-align: center; }
#month_calendar #month_year {background-color:unset }  /*added 4.21.22 -jt */
#month_calendar #month_year th { padding: 5px; color: #000; }
#month_calendar #month_year th.left { text-align: left; }
#month_calendar #month_year th.center {	text-align: center; }
#month_calendar #month_year th.right { text-align: right; }
#month_calendar .popover-title span.event_time { display: block; color: #4f4f4f; font-size: 85%; margin-top: 5px; }
#month_calendar .calendar-color { background-color: #9f9f9f; position: relative; top: 0; display: inline-block;	height: 8px; width: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-indent: -9000px; }

.day_of_week {background-color:#0d204a; color:#fff}

/* WEEK CALENDAR */

#week_calendar .header div { float: left; width: 20%; }
#week_calendar .header div.left { padding-left: 10px; }
#week_calendar .header div.center { width: 55%;	text-align: center; }
#week_calendar .header div.right { text-align: right; padding-right: 10px; }
#week_calendar ul.list-group { margin-bottom: 0px; }

/* DAY CALENDAR */

#day_calendar .header div {	float: left; width: 15%; }
#day_calendar .header div.left { padding-left: 10px; }
#day_calendar .header div.center { width: 65%; text-align: center; }
#day_calendar .header div.right { text-align: right; padding-right: 10px; }
#day_calendar ul.list-group { margin-bottom: 0px; }
.list-group-item .calendar_event_title { color: #3a3a3a; text-decoration: underline; }
.list-group-item .calendar_event_title:hover { color: #4f4f4f; text-decoration: none; }

/* MINI CALENDAR */

#mini_calendar td, #mini_calendar th { padding: 0; margin: 0; text-align: center; background-color:#fff}
#mini_calendar th {	border: none; padding-top: 5px;	padding-bottom: 5px; }
#mini_calendar .mini_calendar_days th {	background: #e5e5e5; border: 1px solid #979797;	border-width: 1px 0; }
#mini_calendar th a { color: #000; font-size: 15px; }
#mini_calendar td a { display: block; color: #fff; }
#mini_calendar td div, #mini_calendar td.has_events div #mini_calendar td.mini_calendar_pad div { vertical-align: middle; text-align: center; padding: 6px; }
#mini_calendar td.has_events div { padding: 0; }
#mini_calendar td.has_events div a { font-weight: bold;	color: #000000;	display: block;	padding: 6px; background-color: #f5f5f5; }
#mini_calendar td.has_events .middot { display: block; padding: 6px; }
#mini_calendar .middot { color: #bcbcbc; }
#mini_calendar td.has_events div a:hover { background: #dff0d9;	text-decoration: none; }
#mini_calendar td.today div, #mini_calendar td.today div a { background-color: #fcf8e4; }

/* CUSTOM */
.pager li>a, .pager li>span { display: inline-block; padding: 5px 14px; background-color: #998643; color:#fff; border: 1px solid #fff;}
@media (max-width: 780px) {.pager li>a {padding:3px 6px; }}
ul.pager {padding:0; list-style-type:none;}
.nopadnobullet {padding:0; list-style-type:none;}



.xdropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0;
    font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }
.ebmcurrent {color:#fff; background-color:#99525e}
.addtocal {background-color:#99525e; color:#fff; width:236px; border-radius:.5em;}
.addtocal:hover {color:#998643;}
.addtocaltip {color:#998643; z-index:10}
.tomaincal { display: inline-block; padding: 5px 14px; background-color: #998643; color:#fff; border: 1px solid #fff; border-radius:.5em; width:236px; text-align:center }
.specificcal {margin-bottom:0px}
.calmodropdown {padding:1rem}
.twtoday {background-color:#998643; color:#fff; font-style:italic; text-tranform:uppercase; line-height:.5em; }
.twfuturetitle {font-size:120%; color:#998643;}
.submitanevent {padding-bottom:20px}

.tweventfuture {display:block; background-color:#f0f0f0; color:#000; font-style:italic; text-transform:uppercase; line-height:.5em; font-weight:bold; font-size:130%}
.tweventtodaybox {border-left:5px dotted #99525e; padding:0 1.5em 1.5em 1.5em; margin-bottom:1em}
.tweventfuturebox {padding:0 1.5em 1.5em 1.5em; margin-bottom:1em}
.clicktap {margin:0; padding:0; float:right; font-style:italic; text-transform:uppercase; font-size:smaller; }

.eventwrapper {margin:0; padding:1em 1em 1em 4em}  /* 3.31.22 -jt these are the margins for a SINGLE event listing */
.eventactions {border-top:1px solid #f0f0f0; padding:2em 0 0 0; margin:2em 0 0 0}
.alert {margin:1em 0 1em 0}

.calendarthiellogo {border:20px solid white; max-height:100px}
@media (max-width: 780px) {.calendarthiellogo {display:none; }}  /*  3.31.22 -jt hide logo when mobile kicks in - you need to re-think this if you go after event banner ad promos */

.mastercontainer {background-color:#f0f0f0;}
/* .mastercontainer {background:url("/images/css/calendar-bg3.jpg") no-repeat fixed top left;}  1.27.23 -jt removed - testing flat gray background above */
@media (max-width: 700px) {.desktopcal {display:none }}
@media (max-width: 700px) {.mastercontainer {background:none; }}
/* @media (max-width: 700px) {.calfilters {display:none }}  */
@media (min-width: 700px) {.mobilecal {display:none }}

.mvdt {background-color:#998643; color:#fff; font-size:20px;  line-height:1.2em; margin:0px; padding:0px; font-weight:bold}

.mvdt-today {color:#998643; margin:0 0 0 .5em; padding:0 .5em; text-align:center; font-style:italic; border-radius:.25em;}

.mvdt-tomorrow {background-color:#fff; color:#998643; font-size:26px;  line-height:1.2em; margin:0px; padding:0px; font-weight:bold; margin:1em 0; border-bottom:1px solid #998643;}

.mvdt-nextdays {color:#0d204a; font-size:18px; line-height:1.2em; font-weight:bold; margin:1em 0; border-bottom:1px solid #0d204a;}

.mvdt-more {background-color:#0d204a; color:#fff; font-weight:bold; text-transfrom:uppercase; line-height:2em; margin:1em 0;}

.mvcell {padding:0 10px 10px 0; vertical-align:top;}

.mvtime {background-color:#fff; color:#998634; padding:0 10px 0 10px;}
.mvevent {list-style-type:none}

.pastevent {background-color:#c8c8c8; color:#fff; font-weight:bold; border-radius:.25em; padding:0 3px}

.nada {margin:0px; padding:0px}
.nou {text-decoration:none}
.trans {background-color:transparent;}
.calfilters > h3 {background-color:#0d204a; color:#fff; padding:.5em}

/* 9.27.22 -jt Modal update  */
.otherdt {padding:.25rem 1rem; }
.modalcalname {margin:.75em 0em .25em 0em; font-size:11px; }
.modaladd {margin:.25em 0em; font-size:11px; z-index:10}
.modaladdtocal {margin:0; padding:0}
#calModal {padding-right:6px; z-index:10000}
.mobilecalevent {padding-right:1px}
.mobilecalevent:nth-child(even) { background-color: #f0f0f0; }   /* 10.4.22  -jt not working - may have to go with li */

/*  4.13.22  -jt EVENT PAGE REDO  */
.eventpagetitle {font-size:2.5em}
.eventpagelocation {border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; padding:1em 1em 1em 0;}
.eventpageeventwrapper {margin:0; padding:2em; background-color:#fff;}
@media (max-width: 700px) {.eventpageeventwrapper {padding:1em }}
.eventpagedt {font-weight:bold; color:#000; background-color:#f0f0f0}
.incalendar {font-size:smaller; background-color:#f0f0f0; border-radius:.25em; display:inline-block;}

/*  background slide */
.partnerslide { animation-duration: 40s; animation-name: slidein; animation-iteration-count: infinite; animation-direction:alternate; animation-timing-function: linear;}

@keyframes slidein {
  from { background-positon:left; }
  to { background-position:right  }
}