/* gravity forms 3.x datepicker */

/* toggle button */
.ginput_container_date .gform-datepicker-toggle.gform-button::before,
.ginput_container_date .gform-datepicker-toggle.gform-button::after {
  content: none;
}

.gform_wrapper.gravity-theme .gfield--datepicker-default-icon .ginput_container_date .gform-calendar-icon::before {
  color: #242424 !important;
}

/* navigation arrows */
.gform-datepicker-calendar .nav.btn::after {
  content: none;
}

.gform-datepicker-calendar .nav.btn > span {
  display: none;
}

.gform-datepicker-calendar .nav.btn.year {
  display: none;
}

.gform-datepicker-calendar .monthSelector .nav.btn {
  display: flex;
  justify-content: center;
  align-self: stretch;
}

/* header layout */
.gform-datepicker-calendar .calendar tbody {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
}

.gform-datepicker-calendar .calendar tr {
  display: contents;
}

.gform-datepicker-calendar .monthSelector .prev {
  order: -2;
}

.gform-datepicker-calendar .monthSelector .month:not(.nav) {
  order: -1;
  grid-column: span 3;
  text-align: center;
}

.gform-datepicker-calendar .yearSelector .year:not(.nav) {
  grid-column: span 2;
  text-align: center;
}

/* dropdowns */
.gform-datepicker-calendar select.nav.current {
  font-size: 10px;
  text-align: start;
}

/* days */
.gform-datepicker-calendar .day.selected {
  background: #607382;
  border-color: #607382;
  border-radius: 50%;
}

.gform-datepicker-calendar .day.selected span {
  color: #fff !important;
}

.gravity-theme .gform-datepicker-calendar .day.dayToday:not(.selected) span {
  background: none;
  border-color: transparent;
  color: inherit;
}

/* help message */
.gform-datepicker-calendar .monthMessage {
  display: none;
}


.gravity-theme .gform-datepicker-calendar .nav.prev,
.gravity-theme .gform-datepicker-calendar .nav.next {
  transform: translateX(50%);
}


/* mobile */
@media (max-width: 640px) {
  .gravity-theme .gform-datepicker-calendar .nav.prev,
  .gravity-theme .gform-datepicker-calendar .nav.next {
    transform: none;
  }

  .gform-datepicker-calendar .monthSelector .month:not(.nav),
  .gform-datepicker-calendar .yearSelector .year:not(.nav) {
    padding-inline: 0;
  }

  .gform-datepicker-calendar table.calendar td.day {
    height: 25px !important;
  }

  .gform-datepicker-calendar select.nav.current {
    padding-left: 0;
    padding-right: 16px;
    background-size: 14px 14px;
    transform: translateY(-16px);
  }
}