.main-calendar {padding:4px;}
.main-calendar .ui-datepicker-title {font-weight:bold;}
.main-calendar .ui-datepicker-header {
  text-align: center;
  font-size: 1.4em;
  padding: 12px 0;
  letter-spacing: .1em;
}
.main-calendar .ui-datepicker-header .ui-datepicker-prev,
.main-calendar .ui-datepicker-header .ui-datepicker-next {
  float: left;
  cursor: pointer;
  font-size: 1.2em;
  padding: 0 2px;
  color: #ddd;
  transition: .6s;
}
.main-calendar .ui-datepicker-header .ui-datepicker-next {
  float: right;
}
.main-calendar .ui-datepicker-header .ui-datepicker-prev:hover {
  transform: translateX(-8px)
}
.main-calendar .ui-datepicker-header .ui-datepicker-next:hover {
  transform: translateX(8px)
}

.main-calendar-outer header {overflow: hidden;}
.main-calendar-outer header .calendar-header-img {max-width: initial; object-fit: scale-down; position: relative; left: 50%; top:50%; transform: translate(-50%, -50%);}
.ui-datepicker-calendar {text-align:center;}