.date-input {
  width: 100%;
  border: 1px solid var(--rich-black);
  border-radius: 10px;
  background-color: #fff;
  font-family: 'Quicksand';
  font-size: var(--font-size-p);
  color:var(--rich-black);
  text-transform: uppercase;
  text-align: left;
  font-weight: 300;
  padding: 0.25rem;
  margin: 0.25rem 0;
}
.date-input::placeholder {
  font-family:'Quicksand';
  font-size: var(--font-size-p);
  font-weight: 300;
  color: var(--ash-gray);
  text-transform: uppercase;
  text-align: left;
  letter-spacing: .02em;
}
.flatpickr-calendar {
  font-family:'Quicksand';
  font-size: var(--font-size-other);
  font-weight: 400;
  color: var(--rich-black);
  border: 1px solid var(--rich-black);
  border-radius: 10px;
  background-color: #fff;
  max-width: 95%;
  width: max-content;
  height: max-content;
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  height: max-content;
  width: max-content;
}
.flatpickr-months,
.flatpickr-weekdays {
  height: max-content;
  align-items: center;
  justify-content: center;
  font-family:'Quicksand';
  font-size: var(--font-size-other);
  color: var(--midnight-green);
  border-bottom: 1px solid var(--midnight-green);
  padding: 0.25rem;
}
.flatpickr-current-month {
    font-size: var(--font-size-p);
    font-weight: 400;
    width: 75%;
    line-height: 1;
    display: flex;
    justify-content:space-evenly;
    height: fit-content;
    padding-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
.flatpickr-current-month input.cur-year {
  width: 7ch;
}
.flatpickr-innerContainer {
  width: auto;
  height: auto;
}
.flatpickr-rContainer {
  width: auto;
  height: auto;
}
.flatpickr-days {
    width: fit-content;
}
.flatpickr-weekday {
  font-family:'Quicksand';
  font-size: var(--font-size-other);
  color: var(--rich-black);
  font-weight: 500;
}
.flatpickr-day {
  border-radius: 8px;
  align-items: center;
  width: max-content;
  aspect-ratio: 1 / 1;
}
.flatpickr-day:hover {
  background: var(--ash-gray);
  border: 1px solid var(--midnight-green);
}
.flatpickr-day span {
  display: block;
  width: max-content;
  font-family:'Quicksand';
  font-size: var(--font-size-p);
  font-weight: 400;
  color: var(--rich-black);
  text-align: center;
  line-height: 2;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.today {
  background: var(--midnight-green);
  color: var(--beige);
  border: 1px solid var(--midnight-green);
}
.flatpickr-day.flatpickr-disabled, 
.flatpickr-day.flatpickr-disabled:hover, 
.flatpickr-day.prevMonthDay, 
.flatpickr-day.nextMonthDay, 
.flatpickr-day.notAllowed, 
.flatpickr-day.notAllowed.prevMonthDay, 
.flatpickr-day.notAllowed.nextMonthDay {
    color: var(--ash-gray);
}
.flatpickr-months .flatpickr-month {
  overflow: visible;
}