.event-box{
  background:#efefef;
  text-align: center;
  display: block;
  padding: 10px;
  transition:all 0.3s ease-in;
  -webkit-transistion:all 0.3s ease-in;
  margin-bottom:20px;
}
.event-box:a{
  color:#6a737d;
}
.event-box-wrap{
  margin-bottom:30px;
}
.top-date-banner{
  background:#fefefe;
  padding:10px;
  text-align:center;
  color:#597056;
}

.current-month-banner >h1, .current-month-banner >h3{
  color:#efefef;
}
.event-date-item{
  text-align:center;
  background: repeating-linear-gradient(
  45deg,
  transparent,
  transparent 2px,
  #e4e4e4 2px,
  #e4e4e4 4px
);
color:#000;
transition:all 0.4s ease-in;
-webkit-transition:all 0.4s ease-in;
box-sizing: border-box;
}
.event-day-item{
  display:block;
  font-size:28px;
  font-weight:bold;
}
.event-month-item{
  display:block;
  padding:5px;
}
.event-date-row{
  margin-bottom:10px;
  padding:6px;
}

.event-data  h5{
  border-bottom:1px solid #ddd;
  padding:6px;
}
.event-data h6{
  border-bottom:1px solid #f9f9f9;
  padding-bottom:2px;
}
.event-title{
  font-size:18px;
}
.event-date-row:hover .event-date-item{
  border:2px solid #546c4f;
}
.event-desc{
  padding:5px;
  border-radius:5px;
  border:1px solid #ccc;
  margin-bottom:2px;
  display:inline-block;
  cursor:pointer;
  transition:all 0.3s ease-in;
}
.event-desc:hover{
  background:#efefee;
}
.archive-mnth-header{
  background:#f0f0f0;
  padding:8px;
  padding-left:12px;
  padding-right:10px;
  border-radius:3px;
  margin-bottom:5px;
  color:#888;
}
.current-month-header{
  color:#eee;
  background:#8ca589;
  padding:8px;
  padding-left:12px;
  padding-right:10px;
  border-radius:3px;
  margin-bottom:5px;
}
.requested-month{
  background:#bfbfbf!important;
}
.event-view{
  cursor: pointer;
}
.event-view:hover{
  color:#252f24;
}

.upcoming-event-row{
  background:#fcfcfc;
}
.todays-event-row{
  background:#fcfcfc;
  margin-bottom:10px;
}

.today-event-header{
  border-bottom:0.5px solid #eee;
  padding-bottom:3px;
}
.upcoming-event-header{
  border-bottom:0.5px solid #eee;
  padding-bottom:3px;
}
.date-box{
  background:#9bff9b;
  padding:4px;
  background: repeating-linear-gradient(
  45deg,
  transparent,
  transparent 2px,
  #9bff9b 2px,
  #9bff9b 4px);
  text-align:center;
}
.date-box h1{
  padding:6px;
  font-size:40px;
}
.date-box h3{
  font-stretch: extra-expanded;
  letter-spacing:1.4px;
  margin-bottom:8px;
}
.dat-box h5{
  margin-bottom:5px;
}
.date-data-box{
  padding-top:30px;
}