@media (min-width: 811px) {
.nav-items { width: 100%; }
.jev_toprow div.currentmonth { line-height: 33px; }
#jevents_body .nav-items div.active a, .jev_header2 .active a { padding: 4px 10px; }
#jevents_body .jev_toprow div.previousmonth, #jevents_body .jev_toprow div.nextmonth { height: 35px !important; }
#jevents_body .jev_toprow div.previousmonth a, #jevents_body .jev_toprow div.nextmonth a { font-size: 18px !important; }
.previousmonth, .nextmonth { padding-top: 5px; }
}

@media (max-width: 810px) {
.nav-items { width: 90%; }
#jevents_body .nav-items > div a { padding: 5px 0px !important; height: 30px; }
#jevents_body .nav-items div.active a, .jev_header2 .active a { padding: 5px 0px !important; height: 30px;}
}

.month_date { text-align: center; }
#jevents_body .jev_toprow div.previousmonth a, #jevents_body .jev_toprow div.nextmonth a { color: #fff !important; font-weight: 300 !important; }
#jevents_body .nav-items div.active a:hover, .jev_header2 .active a:hover { border-left: 0px solid; }
#jevents #jevents_body a.uk-button:hover { color: #fff; background-color: #222; }

/*---  Upcoming Events Styling & Alignment  ---*/
.jevbootstrap .mod_events_latest_date, .jevbootstrap .mod_events_latest_content { vertical-align: inherit !important; }
.mod_events_latest { border-top: solid 1px #363636; height: 35px; }
div.mod_events_latest_callink { margin-top: 20px; }
.jevbootstrap strong { font-weight: normal; }
.mod_events_latest_first, .mod_events_latest { padding-top: 18px; padding-bottom: 10px; border-top: 1px solid #363636; }
.jevbootstrap [class^="icon-"], .jevbootstrap [class*=" icon-"] { margin-top: 8px; margin-right: 10px; }

/*---  Upcoming Events Button  ---*/
div.mod_events_latest_callink a {
  font-size: 16px !important;
  font-family: Oswald;
  background: #105640;
  text-transform: uppercase;
  margin: 0;
  border: none;
  border-radius: 0px;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  color: #fff !important;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 40px;
  min-height: 40px;
  text-decoration: none;
  text-align: center;
  padding: 3px 20px;
  z-index: 1;
  letter-spacing: 2px;
  }

div.mod_events_latest_callink a:hover {
  background: #363636;
  color: #fff !important;
  }