.eventslider  {
    margin: 0px;
    list-style-type:none;
    padding: 0px;
    min-height: 200px;
    border-radius: 4px;
}

ul.eventslider li{
    display:none;
}

ul.eventslider li:first-child{
    display:block;
}

.home-event-slider {
    height: 354px;
    border-radius: 15px;
    padding-top: 15px !important;
    padding-bottom: 50px !important;
    background-color: #DDDDDD;
    margin-bottom: 25px;
}

.eventslider img {
    height: 250px;
    max-width: 550px;
    width: 100%;
}

#eventbackButton, #eventnextButton {
    color:#1f7549;
    text-decoration: none;
    font-size: 30pt;
    position: absolute;
    z-index: 1;
    top:35%;
    opacity: .9;
    cursor:pointer;
}

.eventslide-caption:hover {
    background-color: #1f7549;
}

#eventbackButton:hover, #eventnextButton:hover {
    opacity: 1;
    color: #fff;
    background:rgba(31, 117, 73, 0.5);
}

#eventnextButton {
    border-radius: 100px;
    padding: 10px 20px 10px 30px;
    right: 20px;
}

#eventbackButton {
    border-radius: 100px;
    padding: 10px 30px 10px 20px;
    left: 20px;
}



.eventslide-date {
  float: right;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1;
  bottom:14px;
  width: 75px;
  height: 75px;
  text-align: center;
  border-radius: 4px;
}

.eventslide-date-day, .eventslide-date-month, .eventslide-caption-title, .eventslide-caption-brief {
  color: white;
}

.eventslide-date-day {
  margin: 0px;
  font-size: 30px;
}

.eventslide-date-month {
  font-size: 20px;
}

.eventslide-caption {
  float: right;
  font-size: 12px;
  font-weight: bold;
  background-color: rgba(31, 117, 73, 0.5);
  bottom: 12px;
  width: 100%;
  height: 75px;
  padding:10px; 
  line-height: 1;
  overflow:hidden;
  border-radius: 4px;
}

.eventslide-caption-title, .eventslide-caption-brief {
  text-align: left;
  margin-left:75px;
  font-weight: normal;
}

.eventslide-caption-title {
  margin-bottom: 2px;
  font-size: 1.3em;
  line-height: 1.5em;
}

.eventslide-caption-title a {
  color: #f2f2f2;
  text-decoration: none;
  font-weight: 600;
}

.eventslide-caption-brief {
  display:none;
}

@media (max-width:736px) {
    #eventbackButton, #eventnextButton {
        display: none;
    }    
}