//* Calendar Uplift
//================================================== *

// Reduce the font size from being too large (calendar/example-index)
.calendar-event-details .accordion-header a {
  @include font-size(20);
}

.calendar-toolbar .datepicker + .icon {
  top: 1px;
}

.calendar {
  .calendar-upcoming-event .calendar-upcoming-status-text:empty + .calendar-upcoming-duration {
    top: -24px;
  }

  .calendar-event .calendar-event-content {
    padding: 1px 5px;
  }
}

.calendar-event .calendar-event-icon .icon {
  height: 14px;
  left: -1px;
  top: 0;
}

@include respond-to(phabletdown) {
  .calendar {
    .calendar-event-details-mobile {
      .status-swatch {
        margin-top: 5px;
      }

      ul {
        li {
          .r-content {
            .btn-icon {
              margin-top: 3px;
            }
          }
        }
      }
    }
  }
}

.popover.calendar-popup {
  max-width: 320px;

  .datepicker + .btn-icon {
    margin-top: 8px;
  }

  .timepicker {
    padding: 0 15px;

    + .btn-icon {
      margin-top: 6px;
      margin-left: -32px;
    }
  }

  .modal-buttonset {
    position: relative;
    top: 0;
    width: 317px;
    right: 1px;
  }
}