#calendar li,
#calendar a,
#calendar ul,
#calendar span,
#calendar th,
#calendar tr,
.calendar-header-day,
#calendar p {
  font-family: "Bakbak One", cursive !important;
}
.midnight-blue
  .calendar-sidebar
  > .month-list
  > .calendar-months
  > li.active-month {
  background: linear-gradient(to left, #f8386b, #bd04db) !important;
}
.midnight-blue th {
  background-image: linear-gradient(to left, #f8386b, #bd04db) !important;
  color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text;
}
.midnight-blue .calendar-sidebar,
.midnight-blue .calendar-events {
  background-color: #000 !important;
}
.midnight-blue .calendar-sidebar > .calendar-year > button.icon-button > span,
.midnight-blue button.icon-button > span.chevron-arrow-right {
  border-color: #bd04db !important;
}
.midnight-blue button.icon-button > span.bars,
.midnight-blue button.icon-button > span.bars::before,
.midnight-blue button.icon-button > span.bars::after,
.midnight-blue .event-container > .event-icon > div,
.event-container > .event-icon > div[class^="event-bullet-"],
.event-indicator > .type-bullet > div[class^="type-"] {
  background: linear-gradient(to left, #f8386b, #bd04db) !important;
}

.midnight-blue .event-list > .event-empty {
  /* background: linear-gradient(to left, #f8386b, #bd04db) !important; */
  border-color: #bd04db !important;
  /* opacity: 0.3; */
}
.midnight-blue tr.calendar-body .calendar-day .day:hover {
  color: #bd04db !important;
}
.event-container > .event-info > p.event-title {
  background-image: linear-gradient(to left, #f8386b, #bd04db) !important;
  color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text;
}
.midnight-blue {
  border-radius: 16px !important;
}
.description-aditional {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  max-width: 100%;
}
.description-aditional img {
  max-height: 220px;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
  margin-bottom: 20px;
}
.description-aditional p,
.description-aditional a,
.description-aditional h4 {
  font-family: "Bakbak One", cursive !important;
}
.description-aditional h4 {
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.description-aditional a {
  background-image: linear-gradient(to left, #f8386b, #bd04db) !important;
  color: transparent !important;
  -webkit-background-clip: text;
  background-clip: text;
}