/* Styles a status message at the top of an event page */
.event-status, .event-status * { box-sizing: border-box; }
.event-status { padding:5px 7px; border:1px solid #ccc; background:#eee; color:#666; margin-bottom:10px; }
.event-status.tomorrow { border-color: #cc5; background:#ee5; color:#662; }
.event-status.today { border-color: #5c5; background:#5e5; color:#262; }
.event-status.publish { opacity:0.6; }


/* Styles the calendar widget */
.jev-calendar { width: 100%; border-collapse: separate; border-spacing: 5px; }
.jev-calendar * { text-align: center; color: inherit; }
.jev-calendar tr:first-of-type th { border-bottom: 1px solid rgba(230,230,230,0.5); font-weight:bold; padding-bottom: 5px; }
.jev-calendar td { width:14.2%; position: relative; }
.jev-calendar td a { display: block; width:100%; text-decoration: none; border-radius: 3px; border: 1px solid transparent; }
.jev-calendar td a.today { border-color: #4960d8; }
.jev-calendar td a[href] { background: rgba(230,230,230,0.5); transition: all 500ms; }
.jev-calendar td a:not([href]) { color:#262; }
.jev-calendar td a[href].has-events { background: rgba(130,230,130,0.7); }
.jev-calendar td a[href]:not(.has-events) { cursor:default; }
.jev-calendar td a[href]:hover { background: black; color: white; transition: all 120ms; }
.jev-calendar + .meta { margin-top: 10px; }
.jev-calendar + .meta a { text-decoration: none; }
.jev-calendar + .meta a:hover { text-decoration: underline; }

.jev-calendar-wrapper .header { position:relative; text-align: center; }
.jev-calendar-wrapper .header .jev-button {
  position:absolute; top:0px; cursor: pointer;
  border-radius: 3px; border: 1px solid transparent;
  background: rgba(230,230,230,0.5); transition: all 120ms;
  display: inline-block;
  width: 28px; height: 20px;
  font-size:14px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jev-calendar-wrapper .header .jev-button:hover {
  background: black; color: white;
  transition: all 120ms;
}
.jev-calendar-wrapper .header .jev-button.previous { left:5px; }
.jev-calendar-wrapper .header .jev-button.next {right:5px; }



@media (max-width:740px) {
  .jev_event_grid tr, .jev_event_grid td {
    display:block;
    width:100%;
    border-color: transparent!important;
  }
  .jev_event_grid th { display:none; }
}