/*!
 * Evo Calendar - Simple and Modern-looking Event Calendar Plugin
 *
 * Licensed under the MIT License
 * 
 * Version: 1.1.2
 * Author: Edlyn Villegas
 * Docs: https://edlynvillegas.github.com/evo-calendar
 * Repo: https://github.com/edlynvillegas/evo-calendar
 * Issues: https://github.com/edlynvillegas/evo-calendar/issues
 * 
*/
.orange-coral {
  -webkit-box-shadow: 0 10px 50px -20px rgb(255, 153, 102, 0.65);
  box-shadow: 0 10px 50px -20px rgb(255, 153, 102, 0.65);
  border: 2px solid #fc9567;
}
.orange-coral .calendar-sidebar {
  background: #fc9567;
  background: -o-linear-gradient(left, #ff5e62, #ff9966);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff5e62),
    to(#ff9966)
  );
  background: linear-gradient(to right, #ff5e62, #ff9966);
  -webkit-box-shadow: 5px 0 18px -3px rgb(255, 152, 101);
  box-shadow: 5px 0 18px -3px rgb(255, 152, 101);
}
.orange-coral.sidebar-hide .calendar-sidebar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.orange-coral .calendar-sidebar > .month-list::-webkit-scrollbar-thumb:hover {
  background: #ffd3bd;
}
.orange-coral .calendar-sidebar > .month-list > .calendar-months > li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.orange-coral
  .calendar-sidebar
  > .month-list
  > .calendar-months
  > li.active-month {
  background-color: rgba(255, 255, 255, 0.4);
}
.orange-coral .calendar-sidebar > span#sidebarToggler,
.orange-coral #eventListToggler {
  background-color: #ff9665;
  -webkit-box-shadow: 0 0 18px -3px rgb(255, 153, 102, 0.65);
  box-shadow: 0 0 18px -3px rgb(255, 153, 102, 0.65);
}
.orange-coral th[colspan="7"] {
  position: relative;
  font-size: 30px;
  color: #fc9567;
}
.orange-coral th[colspan="7"]::after {
  content: "";
  display: block;
  width: 92%;
  height: 1px;
  margin: 0 auto;
  background: #f96;
}
.orange-coral tr.calendar-body .calendar-day .day:hover {
  background-color: rgba(255, 153, 102, 0.32);
  color: #ff6363;
}
.orange-coral tr.calendar-body .calendar-day .day.calendar-today {
  background: #f96;
  background: -o-linear-gradient(left, #ff5e62, #ff9966);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff5e62),
    to(#ff9966)
  );
  background: linear-gradient(to right, #ff5e62, #ff9966);
}
.orange-coral tr.calendar-body .calendar-day .day.calendar-active,
.orange-coral tr.calendar-body .calendar-day .day.calendar-active:hover {
  border-color: #ff2b30;
}
.orange-coral tr.calendar-body .calendar-day .day.calendar-today:hover {
  color: #fff;
}
.orange-coral .calendar-events {
  background-color: #fff;
}
.orange-coral .calendar-events::-webkit-scrollbar-thumb {
  background: #fc9567;
  border-radius: 5px;
}
.orange-coral .calendar-events::-webkit-scrollbar-thumb:hover {
  background: #dc855e;
}
.orange-coral .event-container > .event-icon > div.event-bullet-event,
.orange-coral .event-indicator > .type-bullet > div.type-event {
  background-color: #ff4d55;
}
.orange-coral .event-list > .event-empty {
  background-color: rgba(255, 150, 101, 0.15);
  border: 1px solid #ff9665;
}
.orange-coral .event-list > .event-empty > p {
  color: #ff6663;
}
.orange-coral .event-container > .event-info > p.event-title > span {
  color: #ff9665;
  background-color: rgba(255, 150, 101, 0.15);
  border: 1px solid #ff9665;
}
@media only screen and (max-width: 768px) {
  .orange-coral .calendar-inner::after {
    background-color: rgba(160, 131, 119, 0.5);
  }
  .orange-coral .calendar-events {
    -webkit-box-shadow: -5px 0 18px -3px rgba(255, 152, 101, 0.5);
    box-shadow: -5px 0 18px -3px rgba(255, 152, 101, 0.5);
  }
  .orange-coral.event-hide .calendar-events {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 425px) {
  .orange-coral .calendar-sidebar > .calendar-year {
    background: #fc9567;
    background: -o-linear-gradient(left, #ff7b64, #f96);
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ff7b64),
      to(#f96)
    );
    background: linear-gradient(to right, #ff7b64, #f96);
    -webkit-box-shadow: 0 5px 18px -3px rgba(152, 91, 61, 0.65);
    box-shadow: 0 3px 8px -3px rgba(152, 91, 61, 0.65);
  }
  .orange-coral .calendar-sidebar > .month-list {
    background: -o-linear-gradient(left, #ff5e62, #f96);
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#ff5e62),
      to(#f96)
    );
    background: linear-gradient(to right, #ff5e62, #f96);
  }
}