.view-eca-library-event-calendar.eca-event-calendar-page {
  max-width: 1180px;
  margin: 0 auto 54px;
  padding: 34px 18px 0;
}

.eca-event-calendar-page header {
  margin: 0 0 22px;
  padding: 22px 26px;
  border: 1px solid rgba(0, 84, 159, .12);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  box-shadow: 0 10px 26px rgba(0, 50, 99, .08);
}

.eca-event-calendar-page__intro {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.eca-event-calendar-page__intro strong {
  color: #003b73;
  font-family: Lato, Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

.eca-event-calendar-page__intro span {
  color: #4a5d73;
  font-family: Lato, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.55;
}

.eca-library-fullcalendar {
  padding: 22px;
  border: 1px solid rgba(0, 84, 159, .13);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0, 50, 99, .09);
}

.eca-library-fullcalendar .fc-toolbar {
  gap: 14px;
  margin-bottom: 20px;
}

.eca-library-fullcalendar .fc-toolbar h2 {
  color: #003b73;
  font-family: Lato, Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
}

.eca-library-fullcalendar .fc-button-primary {
  border-color: #00549f;
  background: #00549f;
  box-shadow: none;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
}

.eca-library-fullcalendar .fc-button-primary:not(:disabled):hover,
.eca-library-fullcalendar .fc-button-primary:not(:disabled).fc-button-active {
  border-color: #003b73;
  background: #003b73;
}

.eca-library-fullcalendar .fc-day-header {
  color: #003b73;
  font-family: Lato, Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
}

.eca-library-fullcalendar .fc-event {
  border-color: #00549f;
  background: #00549f;
  color: #fff;
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
}

.eca-library-fullcalendar .fc-event:hover,
.eca-library-fullcalendar .fc-event:focus {
  background: #003b73;
  border-color: #003b73;
  color: #fff;
}

.eca-library-fullcalendar .fc-list-heading td {
  background: #eef7ff;
}

.eca-library-fullcalendar .fc-list-item-title a {
  color: #00549f;
  font-weight: 800;
}

@media (max-width: 767px) {
  .view-eca-library-event-calendar.eca-event-calendar-page {
    padding: 22px 12px 0;
    margin-bottom: 36px;
  }

  .eca-event-calendar-page header,
  .eca-library-fullcalendar {
    padding: 16px;
  }

  .eca-library-fullcalendar .fc-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .eca-library-fullcalendar .fc-toolbar h2 {
    font-size: 20px;
  }

  .eca-library-fullcalendar .fc-right,
  .eca-library-fullcalendar .fc-left {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
}