/* Desktop only */
@media (min-width: 769px) {
  /* Container fix */
  .departure-popup {
    width: 630px !important;
    max-width: none !important;
    color: #fff !important;
    padding: 1rem !important;
    background-color: #2b2a2b !important;
    box-sizing: border-box !important;
  }

  /* Flatpickr overrides */
  .departure-popup .flatpickr-calendar {
    width: 100% !important;
    background-color: #2b2a2b;
    box-shadow: none !important;
    border: none !important;
    color: #fff !important;
  }

  .departure-popup.quote .flatpickr-calendar {
    background-color: #fff;
  }
}


/* Table/Mobile only */
@media (max-width: 768px) {
  .con-fields {
    margin-left: 0 !important;
    flex-direction: row !important;
    gap: 15px;
    padding: 20px;
  }

  .request-flight {
    margin-left: 0 !important;
  }

  .departure-popup.quote {
    width: 100% !important;
  }

  .con-fields {
    display: flex;
    flex-direction: column;
  }

  .con-fields .col-fields-con {
    width: 100%;
  }
}

form.flight-form {
	color: #fff;
	font-family: "Source Sans 3", Sans-serif;
}

.form-flight-text {
/*	color: #ffffff8f;*/
}

.border-mocha {
	border-color: #b27409 !important;
}



.departure-popup.quote {
  background-color: #fff !important;
}



.departure-popup .flatpickr-month,
.departure-popup .flatpickr-weekdays,
.departure-popup .flatpickr-day {
  color: #ffffff;
}

.departure-popup.quote .flatpickr-month,
.departure-popup.quote .flatpickr-weekdays,
.departure-popup.quote .flatpickr-day {
  color: #ffffff;
}

.departure-popup .flatpickr-day.today {
  background-color: #444;
  color: #fff !important;
}

.departure-popup.quote .flatpickr-day.today {
  background-color: #444;
  color: #fff !important;
}

.departure-popup .flatpickr-day.selected {
  background-color: #007bff;
}



.departure-popup .flatpickr-months {
  display: flex !important;
  background-color: #2b2a2b;
  color: #fff;
  border-bottom: 1px solid #444;
}

.departure-popup.quote .flatpickr-months {
  background-color: #fff;
  color: #000;
}

.departure-popup .flatpickr-month {
  flex: 1 !important;
  width: 50% !important;
  color: #fff !important;
  box-sizing: border-box !important;
}

.departure-popup .numInputWrapper .numInput.flatpickr-hour, .departure-popup .numInput.flatpickr-minute {
  background-color: #eee;
}

.time-departure, .time-return {
  margin-top: 20px;
}

/* Ensures visibility of month/year/arrows */
.departure-popup .flatpickr-monthDropdown-months,
.departure-popup .flatpickr-current-month,
.departure-popup .flatpickr-weekdays,
.departure-popup .flatpickr-days,
.departure-popup .flatpickr-prev-month,
.departure-popup .flatpickr-next-month {
  color: #fff !important;
  fill: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.departure-popup.quote .flatpickr-monthDropdown-months,
.departure-popup.quote .flatpickr-current-month,
.departure-popup.quote .flatpickr-weekdays,
.departure-popup.quote .flatpickr-days,
.departure-popup.quote .flatpickr-prev-month,
.departure-popup.quote .flatpickr-next-month {
  color: #000 !important;
  fill: #000 !important;
}

.departure-popup .flatpickr-calendar span.flatpickr-weekday {
  color: #fff !important;
}

.departure-popup.quote .flatpickr-calendar span.flatpickr-weekday {
  color: #000 !important;
}


/* Ensures visible arrows */
.departure-popup .flatpickr-prev-month svg,
.departure-popup .flatpickr-next-month svg {
  fill: #fff !important;
}

.departure-popup.quote .flatpickr-prev-month svg,
.departure-popup.quote .flatpickr-next-month svg {
  fill: #000 !important;
}

/* Ensures day numbers visible */
.departure-popup .flatpickr-day {
  color: #fff !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Selected day style */
.departure-popup .flatpickr-day.selected {
  background-color: #007bff !important;
  color: #fff !important;
}

.departure-popup .flatpickr-days {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
}

.departure-popup .dayContainer {
  flex: 1 !important;
  width: 50% !important;
  box-sizing: border-box !important;
}

/* Critical flex layout fix */
.departure-popup .flatpickr-days {
  display: flex !important;
}

.departure-popup.quote .flatpickr-month, .departure-popup.quote .flatpickr-weekdays, .departure-popup.quote .flatpickr-day {
  color: #000 !important;
}

.flight-input {
  border: none !important;
  border-bottom: 2px solid #b27409;
  background-color: #f7f7f7; /* paleGrey */
  color: #333333; /* charcoal */
  padding: 0.5rem;
  outline: none;
}

.flight-input:focus {
  border-bottom-color: #b27409;
  outline: none;
  box-shadow: none;
}

#quote-form-section {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 1000;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
  background-color: #f1efed;
}

#quote-form-section button {
	background-color: #b27409;
	border-radius: 0;
	font-family: "Playfair", Sans-serif;
}

#quote-form-section h2 {
	font-family: "Playfair", Sans-serif
}

.mocha-border-bottom {
	border-bottom: 2px solid #95785e;
}

#back-to-flight-form {
	background-color: #7fffd400 !important;
	box-shadow: none;
}

#one-way-btn, #round-trip-btn {
  background-color: unset !important;
}

.text-white {
  color: #fff !important;
}

.bg-white {
  background-color: #fff;
}

.text-black {
  color: #000 !important;
}

.border-black {
  border-color: #000 !important;
}

.flight-form.quote {
  padding: 40px;
}

.flight-form.quote .column-quote {
  margin-top: 38px !important;
}

.departure-popup.quote #confirm-departure {
  border: 1px solid #000;
}

.from-to-popup.quote .airport-btn {
  background-color: #2b2a2b !important;
}

.passenger-popup.quote {
  background-color: #fff;
  color: #000 !important;
}

.passenger-popup.quote #confirm-passengers,
.departure-popup.quote #confirm-departure,
.from-to-popup.quote #confirm-airports {
  border: 2px solid #000;
  border-radius: 0;
  padding: 10px 26px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.passenger-popup.quote .confirm-passengers:hover {
  color: #000;
  background-color: #fff;
}

#from-results {
  list-style-type: none !important;
}

.from-to-popup h3 {
  font-size: 14px;
  font-weight: 700;
}

#to-results li {
  list-style-type: none;
}

.margin-0 {
  margin: 0;
}

template#multi-city-template {
  display: none;
}