@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
*, :before, :after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

:root {
  --font-primary: "Poppins", serif;
  --font-secondary: "Roboto", serif;
  --flights-primary: #0052b5;
  --flights-secondary: #5997e0;
  --stays-primary: #63411c;
  --stays-secondary: #a05000;
  --cars-primary: #1d2836;
  --cars-secondary: #273545;
  --attractions-primary: #4c6c0b;
  --attractions-secondary: #5c8900;
  --color-white: #fff;
  --color-black: #101010;
  --color-dark-1: #10141b;
  --color-dark-2: #202d3d;
  --color-brown: #543d25;
  --color-gray: #c4c4c4;
  --color-gray-light: #f5f5f5;
  --color-gray-dark: #9d9d9d;
  --color-gray-dark-2: #787878;
  --color-highlight: #ffa200;
  --color-flights-highlight: #ffa200;
  --color-hightlight-transparent: #ffa200b3;
  --color-gray-transparent: #f5f5f540;
  --color-dark-transparent: #202d3d80;
  --color-warning: #ff4500;
  --color-green: #19bf00;
  --color-red: red;
  --color-red-light: #fb4e4e;
  --color-blue-light: #73a6e1;
  --border-rounded: 50%;
  --darkening-bg-image: linear-gradient(#00000026, #00000026);
  --darkening-bg-image-2: linear-gradient(#00000073, #00000073);
  --lightening-bg-image: linear-gradient(#ffffffa6, #ffffffa6);
  --box-shadow-dark: 0px 9px 6px -4px #464646;
  --box-shadow-light: 0px 2px 8px 1px #afafaf;
}

html {
  box-sizing: border-box;
}

body {
  background-color: var(--color-gray-light);
  font-family: var(--font-secondary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
}

::-webkit-scrollbar {
  -webkit-box-shadow: inset 0 0 5px var(--flights-secondary);
  box-shadow: inset 0 0 5px var(--flights-secondary);
  border-radius: 10px;
  width: .6rem;
}

::-webkit-scrollbar-thumb {
  background: var(--flights-secondary);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-blue-light);
}

.highlight {
  color: var(--color-highlight);
}

.section {
  margin-top: 6rem;
}

.no-scroll {
  height: 100%;
  overflow: hidden;
}

.loader {
  border: .5rem solid var(--color-gray-light);
  border-top: .5rem solid var(--flights-secondary);
  border-radius: var(--border-rounded);
  width: 3rem;
  height: 3rem;
  animation: 2s linear infinite spin;
}

#flights-results-header .loader {
  border: 1rem solid var(--color-gray-light);
  border-top: 1rem solid var(--flights-secondary);
  border-radius: var(--border-rounded);
  width: 6rem;
  height: 6rem;
  animation: 2s linear infinite spin;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.overlay {
  background-color: var(--color-dark-transparent);
  -o-transition: all .25s ease-in-out;
  min-height: 100vh;
  transition: all .25s ease-in-out;
  inset: 0;
  transform: translate(-100%);
}

.overlay.overlay-visible {
  z-index: 2;
  transform: translate(0);
}

.tippy-box {
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.tippy-box[data-theme~="warning"] {
  background-color: var(--color-warning);
  color: var(--color-white);
  -webkit-box-shadow: var(--box-shadow-dark);
  box-shadow: var(--box-shadow-dark);
  border-radius: .5rem;
  padding: 0 .5rem;
  font-size: 1rem;
  font-weight: 700;
}

.tippy-box[data-animation="fade-custom"][data-state="hidden"] {
  opacity: 0;
  transform: translateY(10px);
}

.tippy-box[data-animation="fade-custom"][data-state="visible"] {
  opacity: 1;
  transform: translateY(0);
}

.tippy-box[data-theme~="warning"] .tippy-arrow {
  border-color: var(--color-warning);
  border-width: 5px;
}

.tippy-box[data-theme~="warning"] .tippy-arrow:before {
  border-top-color: var(--color-warning);
}

.sidebar-navigation {
  background-color: var(--flights-primary);
  -o-transition: transform .5s ease-out;
  min-width: max-content;
  min-height: 100vh;
  transition: transform .5s ease-out;
  transform: translate(-100%);
}

.sidebar-navigation.sidebar-navigation-visible {
  transform: translate(0);
}

.sidebar-navigation ul a:visited, .sidebar-navigation ul a:link {
  color: var(--color-white);
  gap: 1.6rem;
}

.sidebar-navigation ul a:hover, .sidebar-navigation ul a:active {
  background-color: var(--flights-secondary);
}

.sidebar-navigation ul a i {
  flex: 0 0 1rem;
}

.sidebar-navigation-scrolling {
  background-color: var(--color-gray-light);
  color: var(--flights-primary);
}

header #nav {
  -o-transition: background-color .25s ease-in-out;
  transition: background-color .25s ease-in-out;
}

header #nav.navigation-highlight {
  background-color: var(--flights-primary);
}

header #nav .logo-container {
  max-width: 16rem;
}

header #nav .hamburger-btn {
  -o-transition: background-color .25s linear;
  background-color: #0000;
  border: none;
  outline: none;
  transition: background-color .25s linear;
}

header #nav .hamburger-btn:hover {
  background-color: var(--flights-primary);
}

header #nav .left-navigation {
  gap: 1rem;
}

header #nav .right-navigation ul {
  gap: .5rem;
}

header #nav .right-navigation .login-btn, header #nav .right-navigation .register-btn {
  border: 3px solid var(--color-gray-light);
  color: var(--color-gray-light);
  letter-spacing: 1.1px;
  background-color: var(--color-gray-transparent);
}

header #nav .right-navigation .login-btn:hover, header #nav .right-navigation .register-btn:hover {
  background-color: var(--color-gray-light);
  color: var(--color-flights-highlight);
}

#flights-header {
  background-image: url("background-image-flights-large.752d6f0a.jpg");
  background-position: center;
  background-size: cover;
  min-height: 100vh;
}

#flights-header .header-main-content {
  flex: 1 0 100%;
}

#flights-header .header-main-content-nav a {
  background-color: var(--color-gray-transparent);
  color: var(--color-white);
  letter-spacing: 1.1px;
}

#flights-header .header-main-content-nav .flights-link.active, #flights-header .header-main-content-nav .flights-link:hover {
  background-color: var(--color-white);
  color: var(--color-flights-highlight);
}

#flights-header .header-main-content-nav .stays-link.active, #flights-header .header-main-content-nav .stays-link:hover {
  background-color: var(--color-white);
  color: var(--stays-secondary);
}

#flights-header .header-main-content-nav .cars-link.active, #flights-header .header-main-content-nav .cars-link:hover {
  background-color: var(--color-white);
  color: var(--cars-secondary);
}

#flights-header .header-main-content-nav .attractions-link.active, #flights-header .header-main-content-nav .attractions-link:hover {
  background-color: var(--color-white);
  color: var(--attractions-secondary);
}

#flights-header #flights-search-form .dropdown-inputs-container {
  gap: .8rem;
}

#flights-header #flights-search-form .persons-selection, #flights-header #flights-search-form .flight-class-selection {
  background-color: var(--color-white);
  -webkit-box-shadow: var(--box-shadow-dark);
  box-shadow: var(--box-shadow-dark);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -o-transition: visibility .2s ease-in-out, opacity .25s ease-in-out, transform .25s ease-in-out;
  transition: visibility .2s ease-in-out, opacity .25s ease-in-out, transform .25s ease-in-out;
  transform: translateY(10%);
}

#flights-header #flights-search-form .persons-selection.dropdown-visible, #flights-header #flights-search-form .flight-class-selection.dropdown-visible {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

#flights-header #flights-search-form .persons-selection {
  max-height: 26.875rem;
}

#flights-header #flights-search-form .selection-done-btn {
  background-color: var(--flights-primary);
  -o-transition: background-color .25s linear;
  transition: background-color .25s linear;
}

#flights-header #flights-search-form .selection-done-btn:hover {
  background-color: var(--flights-secondary);
}

#flights-header #flights-search-form .persons-selection {
  gap: 1.4rem;
  width: 35%;
  left: 0;
}

#flights-header #flights-search-form .flight-class-selection {
  gap: 1rem;
  min-width: max-content;
}

#flights-header #flights-search-form .flight-class-selection .flight-class-btn {
  color: var(--flights-secondary);
}

#flights-header #flights-search-form .flight-class-selection .flight-class-btn.selected {
  outline: 2px solid var(--flights-primary);
}

#flights-header #flights-search-form .flight-class-selection .flight-class-btn:hover {
  background-color: var(--color-gray-light);
}

#flights-header #flights-search-form .selection-number {
  gap: 1rem;
}

#flights-header #flights-search-form .selection-decrease-btn, #flights-header #flights-search-form .selection-increase-btn {
  width: 3rem;
  height: 100%;
  color: var(--flights-primary);
}

#flights-header #flights-search-form .selection-decrease-btn:hover, #flights-header #flights-search-form .selection-increase-btn:hover {
  background-color: var(--color-gray-light);
}

#flights-header #flights-search-form .selection-decrease-btn:disabled, #flights-header #flights-search-form .selection-increase-btn:disabled {
  cursor: not-allowed;
}

#flights-header #flights-search-form .dropdown-btn {
  -o-transition: all .25s linear;
  color: var(--color-white);
  letter-spacing: 1.1px;
  transition: all .25s linear;
}

#flights-header #flights-search-form .dropdown-btn:hover {
  color: var(--flights-primary);
  background-color: var(--color-white);
}

#flights-header #flights-search-form .inputs-container {
  display: -ms-grid;
  grid-template-areas: "locations locations date date search";
  gap: 1.2rem;
  display: grid;
}

#flights-header #flights-search-form .location-inputs-wrapper {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: locations;
}

#flights-header #flights-search-form .dates-wrapper {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: date;
}

#flights-header #flights-search-form .departure-location-results, #flights-header #flights-search-form .arrival-location-results {
  background-color: var(--color-white);
  width: 100%;
  -webkit-box-shadow: var(--box-shadow-dark);
  box-shadow: var(--box-shadow-dark);
  max-height: 23.4375rem;
  display: none;
  top: calc(100% + 10px);
}

#flights-header #flights-search-form .departure-location-results.visible, #flights-header #flights-search-form .arrival-location-results.visible {
  display: block;
}

#flights-header #flights-search-form .departure-location-results h2, #flights-header #flights-search-form .arrival-location-results h2 {
  color: var(--flights-primary);
}

#flights-header #flights-search-form .departure-location-city:visited, #flights-header #flights-search-form .departure-location-city:link, #flights-header #flights-search-form .arrival-location-city:visited, #flights-header #flights-search-form .arrival-location-city:link {
  color: var(--color-dark-2);
  gap: 1rem;
}

#flights-header #flights-search-form .departure-location-city:hover, #flights-header #flights-search-form .departure-location-city:active, #flights-header #flights-search-form .arrival-location-city:hover, #flights-header #flights-search-form .arrival-location-city:active {
  background-color: var(--color-gray-light);
}

#flights-header #flights-search-form .departure-location-city .city-image, #flights-header #flights-search-form .arrival-location-city .city-image {
  max-width: 4.4rem;
  max-height: 4.4rem;
}

#flights-header #flights-search-form .result-list-item a:link, #flights-header #flights-search-form .result-list-item a:visited {
  color: var(--color-dark-2);
  gap: 1rem;
}

#flights-header #flights-search-form .result-list-item a:hover, #flights-header #flights-search-form .result-list-item a:active {
  background-color: var(--color-gray-light);
}

#flights-header #flights-search-form .result-list-item .result-icon {
  width: 2.6rem;
  height: 2.6rem;
}

#flights-header #flights-search-form .inputs-container .search-button {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  background-color: var(--color-highlight);
  height: 3rem;
  color: var(--color-white);
  -o-transition: all .25s linear;
  -webkit-box-shadow: var(--box-shadow-dark);
  box-shadow: var(--box-shadow-dark);
  cursor: pointer;
  grid-area: search;
  gap: .15rem;
  transition: all .25s linear;
}

#flights-header #flights-search-form .inputs-container .search-button:hover, #flights-header #flights-search-form .inputs-container .search-button:active {
  background-color: var(--color-white);
  color: var(--color-highlight);
}

#flights-header #flights-search-form .departure-location-wrapper, #flights-header #flights-search-form .arrival-location-wrapper, #flights-header #flights-search-form .departure-date-wrapper, #flights-header #flights-search-form .return-date-wrapper {
  flex: 0 50%;
}

#flights-header #flights-search-form .input-wrapper {
  background-color: var(--color-gray-light);
  min-height: 3rem;
  -webkit-box-shadow: var(--box-shadow-dark);
  box-shadow: var(--box-shadow-dark);
  gap: .8rem;
}

#flights-header #flights-search-form .input-wrapper i {
  color: var(--flights-secondary);
  width: 1.3rem;
}

#flights-header #flights-search-form .input-wrapper input {
  color: var(--color-dark-2);
  background-color: #0000;
}

#flights-header #flights-search-form .input-wrapper input:disabled {
  color: var(--color-gray-dark);
}

#flights-header #flights-search-form .input-wrapper input:focus {
  outline: none;
}

#flights-header #flights-search-form .input-wrapper input::-webkit-input-placeholder {
  color: var(--flights-secondary);
  font-size: .9rem;
}

#flights-header #flights-search-form .input-wrapper input::placeholder {
  color: var(--flights-secondary);
  font-size: .9rem;
}

#flights-header #flights-search-form .input-wrapper input:-ms-input-placeholder {
  color: var(--flights-secondary);
  font-size: .9rem;
}

#flights-header #flights-search-form .input-wrapper input::placeholder {
  color: var(--flights-secondary);
  font-size: .9rem;
}

#flights-header #flights-search-form .input-wrapper .clear-input-btn {
  border-radius: var(--border-rounded);
  background-color: var(--color-red-light);
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  right: 1.25rem;
}

#flights-header #flights-search-form .input-wrapper .clear-input-btn i {
  color: var(--color-white);
}

#flights-header #flights-search-form .input-wrapper .locations-reverse-button {
  border-radius: var(--border-rounded);
  -o-transition: background-color .25s linear;
  width: 2rem;
  height: 2rem;
  transition: background-color .25s linear;
  right: 0;
  transform: translate(50%);
}

#flights-header #flights-search-form .input-wrapper .locations-reverse-button:hover {
  background-color: var(--color-white);
}

#flights-results-header {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--flights-primary)), to(var(--flights-secondary)));
  background-image: -o-linear-gradient(top, var(--flights-primary), var(--flights-secondary));
  background-image: linear-gradient(to bottom, var(--flights-primary), var(--flights-secondary));
}

main #introduction-section h1, main #introduction-section h2, main #best-destinations-section h1, main #seasonal-destination-section h1, main #seasonal-destination-section .card h2 {
  color: var(--flights-primary);
}

main #introduction-section .card, main #best-destinations-section .card, main #seasonal-destination-section .card {
  -webkit-box-shadow: var(--box-shadow-light);
  box-shadow: var(--box-shadow-light);
}

main #introduction-section .card .card-text {
  color: var(--flights-secondary);
}

main #best-destinations-section .card .destinations-features-links {
  background-color: var(--color-hightlight-transparent);
  gap: 1rem;
  width: 70%;
  bottom: 15%;
  right: 0;
}

main #best-destinations-section .card .destinations-features-links a {
  -o-transition: color .25s linear;
  transition: color .25s linear;
}

main #best-destinations-section .card .destinations-features-links a:visited, main #best-destinations-section .card .destinations-features-links a:link {
  color: var(--color-white);
}

main #best-destinations-section .card .destinations-features-links a:hover, main #best-destinations-section .card .destinations-features-links a:active {
  color: var(--flights-primary);
}

main #seasonal-destination-section .card img {
  max-height: 24rem;
}

main #seasonal-destination-section .card .card-body > * {
  flex: 50%;
}

main #seasonal-destination-section .card .card-body p {
  color: var(--flights-secondary);
}

main #seasonal-destination-section .card .book-btn:link, main #seasonal-destination-section .card .book-btn:visited {
  border: 3px solid var(--color-highlight);
  color: var(--color-highlight);
}

main #seasonal-destination-section .card .book-btn:hover, main #seasonal-destination-section .card .book-btn:active {
  background-color: var(--color-highlight);
  color: var(--color-white);
}

#flights-results-header .header-main-content {
  background-color: var(--color-gray-light);
}

#flights-results-header .header-main-content .results-list {
  width: 80%;
}

#flights-results-header .sort-btns {
  border: 1px solid var(--color-dark-2);
  min-height: 4rem;
}

#flights-results-header .sort-btns button {
  -ms-grid-row-align: stretch;
  -o-transition: background-color .25s linear;
  color: var(--flights-primary);
  border: none;
  flex: 33.3333%;
  align-self: stretch;
  transition: background-color .25s linear;
}

#flights-results-header .sort-btns button.active {
  border-bottom: 2px solid var(--flights-primary);
}

#flights-results-header .sort-btns button:active, #flights-results-header .sort-btns button:hover {
  background-color: var(--color-gray);
}

#flights-results-header .flights-search-results .flight-details {
  -webkit-column-gap: .6rem;
  -moz-column-gap: .6rem;
  column-gap: .6rem;
}

#flights-results-header .flights-search-results .airline-icon {
  gap: .3rem;
  height: 1.8rem;
}

#flights-results-header .flights-search-results .airline-content {
  gap: 1rem;
}

#flights-results-header .flights-search-results .flight-class {
  background-color: var(--color-green);
  display: inline-block;
}

#flights-results-header .flights-search-results .flight-hours {
  gap: 2.8rem;
}

#flights-results-header .flights-search-results .flight-hours .line {
  border-top: 3px dotted var(--color-dark-2);
  flex-grow: 1;
  min-width: 3rem;
}

#flights-results-header .flights-search-results .flight-destinations {
  color: var(--color-gray-dark);
}

#flights-results-header .flights-search-results .flight-item-btns > * {
  -o-transition: background-color .25s linear;
  border: none;
  transition: background-color .25s linear;
}

#flights-results-header .flight-item-btns .save-btn {
  background-color: var(--color-red);
}

#flights-results-header .flight-item-btns .view-details-btn {
  background-color: var(--flights-primary);
}

#flights-results-header .flight-item-btns .save-btn:active, #flights-results-header .flight-item-btns .save-btn:hover {
  background-color: var(--color-red-light);
}

#flights-results-header .flight-item-btns .view-details-btn:active, #flights-results-header .flight-item-btns .view-details-btn:hover {
  background-color: var(--flights-secondary);
}

footer {
  background-color: var(--flights-secondary);
  margin-top: 8rem;
}

footer .quick-links a, footer .social-media-links a {
  -o-transition: color .25s linear;
  transition: color .25s linear;
}

footer .social-media-links {
  gap: 1rem;
}

footer .quick-links a:link, footer .quick-links a:visited, footer .social-media-links a:link, footer .social-media-links a:visited {
  color: var(--color-white);
}

footer .quick-links a:hover, footer .quick-links a:active, footer .social-media-links a:hover, footer .social-media-links a:active {
  color: var(--color-gray);
}

#booking-confirmation-header {
  background-image: var(--darkening-bg-image-2), url("booking-confirmation-bg.94a1cacb.jpg");
  background-position: center;
  background-size: cover;
  min-height: 100vh;
}

#booking-confirmation-header a {
  background-color: var(--flights-secondary);
}

#booking-confirmation-header a:active, #booking-confirmation-header a:hover {
  background-color: var(--color-blue-light);
}

.details-dialog, .form-submission-dialog {
  border: none;
  min-width: 70%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.details-dialog::-webkit-backdrop {
  backdrop-filter: blur(10px);
}

.form-submission-dialog::-webkit-backdrop {
  backdrop-filter: blur(10px);
}

.details-dialog::backdrop, .form-submission-dialog::backdrop {
  backdrop-filter: blur(10px);
}

.close-dialog-btn {
  width: 2.4rem;
  height: 2.4rem;
  color: var(--color-white);
  background-color: var(--color-red);
  border-radius: var(--border-rounded);
  border: none;
  top: 1rem;
  right: 1rem;
}

.details-dialog .flight-details {
  display: -ms-grid;
  -webkit-column-gap: 2rem;
  -moz-column-gap: 2rem;
  grid-template-areas: "departure airline"
                       "arrival airline";
  column-gap: 2rem;
  display: grid;
}

.details-dialog .flight-details .departure-details {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: departure;
}

.details-dialog .flight-details .arrival-details {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: arrival;
}

.details-dialog .flight-details .airline-details {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: airline;
  justify-content: flex-end;
  gap: 1rem;
}

.details-dialog .flight-details .airline-icon {
  width: 2rem;
  height: 2rem;
}

.details-dialog .flight-summary-dialog p, .details-dialog .dialog-layover, .details-dialog .included-features p {
  color: var(--color-gray-dark-2);
}

.details-dialog .included-features, .details-dialog .included-features main li {
  gap: 1.6rem;
}

.details-dialog .included-features main {
  flex-grow: 1;
}

.details-dialog .included-features main li .badge {
  background-color: var(--color-green);
}

.details-dialog .price-container {
  background-color: var(--color-white);
}

.details-dialog .price-container .dialog-select-btn {
  background-color: var(--flights-primary);
  -o-transition: background-color .25s linear;
  border: none;
  min-width: 5rem;
  transition: background-color .25s linear;
}

.details-dialog .price-container .dialog-select-btn:active, .details-dialog .price-container .dialog-select-btn:hover {
  background-color: var(--flights-secondary);
}

.login-dialog, .register-dialog {
  background: var(--lightening-bg-image), url("login-register-bg.eded7575.jpg");
  background-position: center;
  background-size: cover;
  min-width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login-dialog::backdrop, .register-dialog::backdrop {
  backdrop-filter: blur(10px);
}

.login-dialog h1, .register-dialog h1, .login-dialog form label, .register-dialog form label {
  color: var(--flights-primary);
}

.login-dialog .close-login-dialog-btn, .register-dialog .close-register-dialog-btn {
  color: var(--color-gray-light);
  border-radius: var(--border-rounded);
  background-color: var(--flights-primary);
  width: 1.8rem;
  height: 1.8rem;
  transition: background-color .25s linear;
  right: 3rem;
}

.login-dialog .close-login-dialog-btn:hover, .register-dialog .close-register-dialog-btn:hover {
  background-color: var(--flights-secondary);
}

.form-submission-dialog textarea {
  resize: none;
}

.form-submission-dialog button[type="submit"] {
  background-color: var(--flights-primary);
  color: var(--color-white);
  -o-transition: background-color .25s linear;
  transition: background-color .25s linear;
}

.form-submission-dialog button[type="submit"]:hover {
  background-color: var(--flights-secondary);
}

@media only screen and (width <= 1400px) {
  #flights-header #flights-search-form .inputs-container {
    gap: .8rem;
  }
}

@media only screen and (width <= 1200px) {
  header #nav .logo-container {
    max-width: 14rem;
  }

  #flights-header #flights-search-form .inputs-container {
    grid-template-areas: "locations locations locations locations"
                         "date date date date"
                         ". search search .";
    grid-auto-columns: 1fr;
    gap: 1rem;
  }

  #flights-header #flights-search-form .inputs-container .search-button {
    margin-top: .8rem;
  }

  #flights-results-header .header-main-content .results-list {
    width: 100%;
  }

  #flights-header #flights-search-form .location-inputs-wrapper {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }

  #flights-header #flights-search-form .dates-wrapper {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }

  #flights-header #flights-search-form .inputs-container .search-button {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
}

@media only screen and (width <= 992px) {
  header #nav .logo-container {
    max-width: 12rem;
  }

  #flights-header #flights-search-form .persons-selection {
    width: 50%;
  }

  .details-dialog {
    min-width: 90%;
  }

  .login-dialog, .register-dialog {
    min-width: 75%;
  }

  .details-dialog .close-dialog-btn {
    width: 2rem;
    height: 2rem;
  }
}

@media only screen and (width <= 768px) {
  #flights-header #flights-search-form .inputs-container {
    grid-template-areas: "locations"
                         "date"
                         "search";
    gap: 1rem;
  }

  #flights-header #flights-search-form .persons-selection {
    width: 80%;
  }

  #flights-results-header .flights-search-results .flight-item-btns {
    gap: .8rem;
  }

  #flights-results-header .flights-search-results .flight-item-btns > * {
    flex: 0 100%;
  }

  #flights-results-header .flight-item-btns .view-details-btn {
    order: 1;
  }

  #flights-results-header .flight-item-btns .save-btn {
    order: 2;
  }

  .details-dialog .flight-details {
    grid-template-areas: "departure"
                         "arrival"
                         "airline";
  }

  .details-dialog .flight-details .airline-details {
    justify-content: flex-start;
  }

  .details-dialog .included-features, .details-dialog .included-features main li {
    gap: .7rem;
  }

  #flights-header #flights-search-form .location-inputs-wrapper {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  #flights-header #flights-search-form .dates-wrapper {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  #flights-header #flights-search-form .inputs-container .search-button {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }

  .details-dialog .flight-details .departure-details {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .details-dialog .flight-details .arrival-details {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .details-dialog .flight-details .airline-details {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}

@media only screen and (width <= 576px) {
  .sidebar-navigation {
    min-width: 100%;
  }

  .overlay {
    display: none;
  }

  #flights-header {
    background-image: var(--darkening-bg-image), url("background-image-flights-small.c4e98885.jpg");
  }

  header #nav .logo-container img {
    height: 2rem;
  }

  header #nav .right-navigation ul {
    gap: .3rem;
  }

  #flights-header #flights-search-form .dropdown-inputs-container {
    flex-direction: column;
  }

  #flights-header #flights-search-form .persons-selection, #flights-header #flights-search-form .flight-class-selection {
    width: 100%;
  }

  #flights-header #flights-search-form .selection-number {
    gap: .75rem;
  }

  #flights-header #flights-search-form .input-wrapper {
    border-radius: .5rem;
    min-height: 2.6rem;
  }

  #flights-header #flights-search-form .input-wrapper .clear-input-btn {
    right: 3.2rem;
  }

  #flights-header #flights-search-form .location-inputs-wrapper, #flights-header #flights-search-form .dates-wrapper {
    flex-direction: column;
    gap: .6rem;
  }

  #flights-header #flights-search-form .departure-location-city .city-image, #flights-header #flights-search-form .arrival-location-city .city-image {
    max-width: 4rem;
    max-height: 4rem;
  }

  #flights-header #flights-search-form .result-list-item .result-icon {
    width: 1.6rem;
    height: 1.6rem;
  }

  #flights-header #flights-search-form .input-wrapper .locations-reverse-button {
    right: .8rem;
    transform: none;
  }

  #flights-results-header .sort-btns {
    min-height: 3.4rem;
  }

  #flights-results-header .flights-search-results .flight-hours {
    gap: .5rem;
  }

  #flights-results-header .flight-destinations .flight-location-code, #flights-results-header .flight-destinations .flight-duration {
    font-size: .8rem;
  }

  .details-dialog, .form-submission-dialog, .login-dialog, .register-dialog {
    min-width: 95%;
  }

  .login-dialog .close-login-dialog-btn, .register-dialog .close-register-dialog-btn {
    right: 1rem;
  }
}
/*# sourceMappingURL=index.14d3b604.css.map */