/* ==========================================================================
   Events list styles
============================================================================= */

.event-list {
  margin-bottom: 30px;
  margin-left: -5px !important;
  margin-right: -5px !important;  
}

.event-list > .col-6,
.event-list > .col-12 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.event-list .event {
  background: #f1f6f7 !important;
  border: 1px solid #e9eff1 !important;
  margin: 20px 0 0 0;
  display: block;
  position: relative;
}

.event-list .event > div > div:not(.overlay-box) {
  background-color: #e9eff1 !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: calc(100% + 2px);
  min-width: calc(100% + 2px);
  transform: translate(-1px,-1px);  
  display: block;
}

.event-list .event .overlay-box {
  /*position: absolute;*/
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: none;
  z-index: 2;
  padding: 20px;
  border: 0px solid white;
}

.event-list .event h5 {
  margin-bottom: 0;
  color: #0A5BC7;
  padding: 0;
  font-size: 22px;
  text-align: left;
  width: 100%;
}

.event-list .event .event-date {
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  /*color: white;*/
  letter-spacing: 2px;
  text-align: left;
  width: 100%;
}

.event-list .event .event-desc {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 16px;
  display: none;
  /*color: white;*/
  text-align: left;
}



/* CALENDAR CSS */

#event-calendar.fc-unthemed .fc-button-primary {
  background: #0A5BC7;
  border-color: #0A5BC7;
  font-weight: 500;
}
#event-calendar.fc-unthemed .fc-button-primary:hover,
#event-calendar.fc-unthemed .fc-button-primary:focus {
  background: #001956;
  border-color: #001956;
}
#event-calendar.fc-unthemed [disabled].fc-button-primary,
#event-calendar.fc-unthemed .fc-day-header {
  background: #f1f6f7 !important;
  border-color: #e9eff1 !important;
  color: #3f4143 !important;
}
#event-calendar.fc-unthemed th, 
#event-calendar.fc-unthemed td, 
#event-calendar.fc-unthemed thead, 
#event-calendar.fc-unthemed tbody, 
#event-calendar.fc-unthemed .fc-divider, 
#event-calendar.fc-unthemed .fc-row, 
#event-calendar.fc-unthemed .fc-content, 
#event-calendar.fc-unthemed .fc-popover, 
#event-calendar.fc-unthemed .fc-list-view, 
#event-calendar.fc-unthemed .fc-list-heading td {
  border-color: #e9eff1 !important;
}

#event-calendar.fc-unthemed .fc-day-number {
  font-weight: 600;
  padding-right: 0.4rem;
}

#event-calendar.fc-unthemed .fc-other-month .fc-day-number {
  font-weight: 400;
  color: #3f4143 !important;
}

#event-calendar.fc-unthemed .fc-event {
  line-height: 1;
  background: #0A5BC7;
  border-color: #0A5BC7;
}

#event-calendar.fc-unthemed .fc-title {
  color: #ffffff !important;
  font-weight: 600 !important;
}

#event-calendar.fc-unthemed .fc-event {
  padding: 0.25rem 0.3rem;
}

#event-calendar.fc-unthemed .fc-title {
  font-size: 13px;
  white-space: normal;
}

#event-calendar.fc-unthemed td.fc-today:not(.fc-day-top) {
  background: #f1f6f7 !important;
}

#event-calendar.fc-unthemed a[href].fc-event:hover,
#event-calendar.fc-unthemed a[href].fc-event:focus {
  background: #113865;
  border-color: #113865;
}

@media(min-width:768px){
	#event-calendar.fc-unthemed .fc-title {
	  font-size: 13px;
	  white-space: normal;
	}
}
	
@media(min-width:992px){
	.event-list .event .event-desc {
	  display: block;
	}
	.event-list .event h5 {
	  font-size: 30px;
	}
	#event-calendar.fc-unthemed .fc-event {
	  padding: 0.25rem 0.5rem;
	}
	#event-calendar.fc-unthemed .fc-title {
	  font-size: 18px;
	}

}